原文題目： How To Critique An Interface作者：Aza Raskin

譯者：郝曉茹

發(fā)表日期：2010年5月31日

我們經(jīng)常需要叫非職業(yè)設(shè)計(jì)師來(lái)評(píng)判界面設(shè)計(jì)的好壞。也許你是老板，要評(píng)估自己的新網(wǎng)站設(shè)計(jì)情況，或者你是項(xiàng)目經(jīng)理，要查看你的設(shè)計(jì)師制作的網(wǎng)站模型。你該在網(wǎng)站界面設(shè)計(jì)中發(fā)現(xiàn)什么呢？誰(shuí)都會(huì)無(wú)關(guān)痛癢地說(shuō)“這個(gè)看起來(lái)不錯(cuò)”或者“這個(gè)好像不怎么好用”，但是怎么才能給出有意義的反饋呢？

對(duì)設(shè)計(jì)的全面深入理解并非一篇文章所能概括。本文提供一些對(duì)你有所幫助的指導(dǎo)原則。

開(kāi)始之前，為你提供一個(gè)范例。這是我最近做的一個(gè)界面評(píng)論文章，針對(duì)的是尚未發(fā)布的Firefox Add-On Builder界面。這個(gè)Add-On Builder屬于Jetpack project 的一部分，你可以用這個(gè)中等復(fù)雜度的Web應(yīng)用，方便的在線開(kāi)發(fā)Firefox和Thunderbird擴(kuò)展插件，然后將你開(kāi)發(fā)的插件發(fā)布到網(wǎng)上供全世界網(wǎng)民下載。

我對(duì)這個(gè)界面做了個(gè)超大的截圖，評(píng)論也寫在里面了。

提醒：鼠標(biāo)滾輪縮放圖片，雙擊放大，可以拖動(dòng)。

點(diǎn)擊：到新標(biāo)簽頁(yè)中打開(kāi)大圖片

何時(shí)讓你來(lái)評(píng)論界面？

“什么時(shí)候做界面評(píng)論”是“如何做”的首要考慮因素。如果是在產(chǎn)品或者網(wǎng)站即將面世之前，那么你只能給些小的建議，因?yàn)橐呀?jīng)沒(méi)多少時(shí)間讓你的反饋有大的影響了。你對(duì)相關(guān)作品的評(píng)論越早，你的話就越有影響力。

不打斷用戶思路很重要

發(fā)現(xiàn)界面中打斷用戶思路的地方：任何時(shí)候，當(dāng)用戶不得不停下來(lái)思考怎么使用你的產(chǎn)品，就說(shuō)明你的界面使他們困惑了。 任何讓他們同時(shí)想到不止一件事的東西，比如模式對(duì)話框，不必要的確認(rèn)，屏顯設(shè)置，以及進(jìn)入網(wǎng)站前強(qiáng)制填寫的非必要表單等等。所有這些東西都是用戶使用你的產(chǎn)品時(shí)的攔路虎。

例子：Windows用戶早就習(xí)慣了，微軟總在問(wèn)你：你確定嗎？

減少交互

界面設(shè)計(jì)的最高境界是讓用戶忘掉界面，忽略界面的存在。雖然擁有豐富交互的界面看起來(lái)很華麗，但只有用戶使用你的產(chǎn)品時(shí)所需步驟最少時(shí)，才能減少可用性帶來(lái)的問(wèn)題。

有一些新聞?lì)惥W(wǎng)站喜歡把文章分很多塊，然后分頁(yè)來(lái)顯示，所以用戶不得不一直點(diǎn)擊“下一頁(yè)”來(lái)等那么多廣告下載完才顯示出頁(yè)面。大多數(shù)人都會(huì)討厭這種做法，所以根本不會(huì)讀完一篇文章。這就是交互過(guò)載的表現(xiàn)。

（譯者注：國(guó)內(nèi)門戶網(wǎng)站都這樣，主要是流量考慮）

仔細(xì)思考一下，用戶使用你的產(chǎn)品時(shí)所作的每一小步都是必要的嗎？如果你也覺(jué)得麻煩，那就去簡(jiǎn)化一些。

例子：學(xué)學(xué)泡泡網(wǎng)的這個(gè)絕佳設(shè)計(jì)吧

視覺(jué)位置

確保你的按鈕、鏈接和交互動(dòng)作都正確地進(jìn)行了邏輯分組。經(jīng)?？梢钥吹健氨４妗卑粹o緊挨著“關(guān)閉”按鈕，這意味著用戶的一個(gè)小小的錯(cuò)誤就可以帶來(lái)災(zāi)難性的后果。

例1-Gmail的發(fā)送和舍棄按鈕相隔甚遠(yuǎn)

例2-人人網(wǎng)站內(nèi)信的發(fā)送和取消用顏色識(shí)別開(kāi)（其實(shí)可以做的更好）

不要過(guò)多使用圖標(biāo)

圖標(biāo)通?？瓷先ズ芷?，卻不那么容易理解。每次他們想要使用圖標(biāo)的時(shí)候，他們都會(huì)把鼠標(biāo)放上去，看看這個(gè)圖標(biāo)到底是什么意思。盡量使用文字來(lái)表達(dá)你的意思，而不是只有行內(nèi)人容易識(shí)別的圖標(biāo)。

例子：淘寶商城的圖標(biāo)制作很見(jiàn)功力，配合文字使用恰到好處。

提供一個(gè)良好的起點(diǎn)并保持一致

最好的界面應(yīng)該是可逐漸學(xué)習(xí)的。進(jìn)行一項(xiàng)基本的任務(wù)前還需要研討15分鐘的肯定不行，應(yīng)該讓用戶很容易學(xué)會(huì)使用，然后繼續(xù)自己的任務(wù)。你的產(chǎn)品很好地說(shuō)明了從哪兒開(kāi)始以及如何開(kāi)始嗎？剛學(xué)到的東西能幫助引導(dǎo)用戶理解下一個(gè)東西嗎？請(qǐng)保持簡(jiǎn)單的機(jī)制和一致的隱喻。

例子：豆瓣的3個(gè)核心頻道，良好起點(diǎn)和一致性的典范。

選項(xiàng)少意味著擔(dān)憂也少

為一個(gè)動(dòng)作（比如注冊(cè)）提供多種選擇會(huì)給用戶帶來(lái)無(wú)形的負(fù)擔(dān)，要盡量避免這樣。給用戶提供很多選項(xiàng)似乎是個(gè)好主意，實(shí)際上卻非如此。這樣容易使界面膨脹，讓用戶做過(guò)多不必要的決定。

如果你看到不止一種方法可以做某件事，讓你的設(shè)計(jì)師花點(diǎn)兒時(shí)間簡(jiǎn)化一下，做一個(gè)統(tǒng)一的方案。不要讓用戶處在猶豫不決中。用戶腦中不相關(guān)的選擇越少，他們就越清晰地知道如何完成自己的要做的事兒。

例子：看看蘋果的簡(jiǎn)約設(shè)計(jì)。

例子：再看看宏碁的相對(duì)復(fù)雜設(shè)計(jì)。

界面重要，交互更重要

相比于產(chǎn)品的使用感受，它的外觀更容易引起注意。要避免把大多數(shù)時(shí)間都花在產(chǎn)品外觀上的陷阱。外觀容易改變和改進(jìn)，相關(guān)的瑕疵毛病也容易發(fā)現(xiàn)。但是交互才是產(chǎn)品的核心，把多數(shù)時(shí)間花在處理產(chǎn)品交互問(wèn)題上，最后再把外觀表現(xiàn)做好！

例子：看這個(gè)日期提醒，交互更重要。

更多信息

閱讀下列的書(shū)和博客，獲取更多信息：

• The Humane Interface by Jef Raskin
• First Principles of Interaction Design by Bruce Tognazzini*
• 10 Heuristics by Jakob Nielsen*（十個(gè)可用性方面的啟發(fā)）
• The Design of Everyday Things by Don Norman
• Understanding Comics by Scott McCloud
• The Resonant Interface by Steven Heim
• Don’t Make Me Think by Steve Krug（點(diǎn)石成金）

更多推薦請(qǐng)留言……

來(lái)源：http://www.haoxiaoru.info/archives/447