當(dāng) Jakob Nielsen 開(kāi)始研究設(shè)計(jì)模式時(shí)，他正在從事人機(jī)交互方面的可用性工程的咨詢和教學(xué)工作。所以在 1994 年，他收集并發(fā)布了一套可用性啟發(fā)式 評(píng)估原則，這些原則反映了他所研究的東西。如今，經(jīng)過(guò)了近 25 年的時(shí)間，隨著電腦向智能手機(jī)的轉(zhuǎn)變，Nielsen的原則依然站得住腳。

以人為本的設(shè)計(jì)強(qiáng)調(diào)了用戶的重要性，設(shè)計(jì)過(guò)程也相應(yīng)地進(jìn)行了調(diào)整；然而，雖然 Nielsen的原則在所有屏幕類型上仍然是通用的，但是隨著移動(dòng)設(shè)備使用量的不斷增加，設(shè)計(jì)的重心已然在 移動(dòng)界面 上了。

在網(wǎng)上搜索啟發(fā)性原則，你會(huì)列出很長(zhǎng)的一份清單，但內(nèi)容略有差異。以下是十項(xiàng)原則的精選集，這些原則由以人為本的設(shè)計(jì)和可用性思想倡導(dǎo)者所啟發(fā)。

可用性啟發(fā)從用戶需求開(kāi)始

在開(kāi)始討論這十項(xiàng)原則之前，必須認(rèn)識(shí)到用戶的重要性正在不斷增長(zhǎng)。GOV.UK雖然是一個(gè)政府網(wǎng)站，但它的重新設(shè)計(jì)是用戶主導(dǎo)的產(chǎn)品因其可用性獲得全球認(rèn)可的一個(gè)典型例子。

項(xiàng)目設(shè)計(jì)總監(jiān)Ben Terrett以一套用戶界面 設(shè)計(jì)原則 為起點(diǎn)，這套原則涵蓋從產(chǎn)品策略到視覺(jué)設(shè)計(jì)方法的方方面面。正是第一項(xiàng)原則指引了產(chǎn)品的成功：“永遠(yuǎn)從用戶需求出發(fā)。如果不知道用戶需要什么，就無(wú)法構(gòu)建正確的東西。做調(diào)查、分析數(shù)據(jù)、與用戶交流。不要假設(shè)。對(duì)用戶要有同理心，記住他們要求的并不總是他們需要的。”

可用性評(píng)估的啟發(fā)式原則有助于確定UI設(shè)計(jì)在哪些方面不能提供用戶友好的體驗(yàn)。

一、系統(tǒng)結(jié)構(gòu)的透明度

讓某些元素和結(jié)構(gòu)可見(jiàn)的做法，可以讓用戶對(duì)上下文有足夠的理解。

UI 應(yīng)該允許用戶相信一切在控制之中。用戶應(yīng)該能夠輕松地回答這些問(wèn)題：“我現(xiàn)在在哪里?” 和 “從這里我能去哪里?” 當(dāng)一個(gè)系統(tǒng)是透明的，用戶可以決定接下來(lái)會(huì)發(fā)生什么。用戶獲得了使用界面的自主權(quán)和隨后的信心。

二、操作反饋的即時(shí)性

對(duì)用戶操作響應(yīng)證明系統(tǒng)已收到請(qǐng)求。

任何用戶操作都應(yīng)該有一個(gè)即時(shí)的界面反饋。即時(shí)反饋?zhàn)層脩舴判?，系統(tǒng)正在做預(yù)期的事情。Nick Babich是Smashing Magazine的UX專家，他使用進(jìn)度指示器作為一個(gè)很好的例子，來(lái)明確傳達(dá)操作狀態(tài)。他認(rèn)為，它可以直觀地通知用戶，他們的操作已經(jīng)被接受，系統(tǒng)很快就會(huì)指示下一步操作。如果沒(méi)有指示器，用戶就會(huì)面臨不確定性和挫折感，從而導(dǎo)致用戶訪問(wèn)中斷。

三、讓用戶知悉錯(cuò)誤信息

用戶操作錯(cuò)誤之后可以得到提示信息和對(duì)應(yīng)的操作選項(xiàng)。

有時(shí)候，用戶總是以一種意想不到的方式與移動(dòng)界面進(jìn)行交互，在使用的時(shí)候感到沮喪和煩惱，無(wú)法滿足自己的需求。用戶不能流暢輕松地使用是用戶提早離開(kāi)的常見(jiàn)原因。UI 應(yīng)該提供足夠的提示信息來(lái)幫助用戶識(shí)別、判斷和從錯(cuò)誤中恢復(fù)。

用戶應(yīng)該總是容易獲得幫助信息；然而，要取得平衡并不容易。給用戶太多的選擇反而會(huì)讓用戶應(yīng)接不暇。應(yīng)該讓用戶對(duì)如何解決錯(cuò)誤有一個(gè)清晰的認(rèn)識(shí)，并讓用戶了解以后如何防止錯(cuò)誤的再次發(fā)生。

四、使用的靈活性

界面應(yīng)該能讓經(jīng)驗(yàn)不同的用戶都能直觀有效地使用。

移動(dòng)端的交互體驗(yàn)不應(yīng)依賴外部的用戶操作指南。不管用戶第一次使用移動(dòng)app還是第一百次使用，界面都應(yīng)該適應(yīng)這兩種場(chǎng)景。

要讓老用戶快捷地訪問(wèn)、更深入地整體地理解應(yīng)用，但也不要讓新用戶因簡(jiǎn)單的困惑陷入無(wú)助的境地。有了UI 的靈活性，用戶就可以找到符合自身能力和滿足自己需求的途徑。

Jill Gerhardt-Powal的認(rèn)知工程學(xué)原則建議設(shè)計(jì)師“在適當(dāng)?shù)臅r(shí)候提供多種數(shù)據(jù)編碼——系統(tǒng)應(yīng)該提供不同格式和/或細(xì)節(jié)級(jí)別的數(shù)據(jù)，以提高認(rèn)知靈活性和滿足用戶偏好。”無(wú)論是讓用戶感到壓力的還是感到約束的界面必然會(huì)讓用戶在使用的時(shí)候感到煩惱。

五、貼合大眾習(xí)慣的用戶體驗(yàn)

使用符合人們常識(shí)的意料之內(nèi)的設(shè)計(jì)元素。

圖形界面的歷史 始于蘋果計(jì)算機(jī)公司在第一個(gè)用戶友好的計(jì)算機(jī)界面設(shè)計(jì)中對(duì)照了現(xiàn)實(shí)世界的物品?！癓isa”的圖形界面中使用了比如用文件夾圖標(biāo)表示文件組織結(jié)構(gòu)的類似的設(shè)計(jì)元素。當(dāng)大多數(shù)人都不熟悉數(shù)字交互時(shí)，這些現(xiàn)實(shí)的對(duì)照是有用的，但是隨著人們數(shù)字素養(yǎng)的提高，大多的對(duì)照就不再需要字面化了。

隨著人們花更多的時(shí)間與屏幕交互，共同的用戶預(yù)期已經(jīng)形成。我們希望“+”可以展開(kāi)更多信息，導(dǎo)航菜單停留在移動(dòng)屏幕的頂部或底部。利用大多數(shù)用戶都能理解的對(duì)照，界面變得直觀。

六、防止過(guò)多信息和過(guò)度設(shè)計(jì)

創(chuàng)建精簡(jiǎn)的設(shè)計(jì)，排除可能影響流暢的且有目的性的用戶體驗(yàn)的非必要元素。

一般原則是，數(shù)字交互設(shè)計(jì)不要讓用戶產(chǎn)生困惑。為了減少?zèng)Q策時(shí)間和錯(cuò)誤，Jill Gerhardt-Powal向設(shè)計(jì)師提出了一個(gè)挑戰(zhàn)，通過(guò)以一種清晰而明顯的方式顯示數(shù)據(jù)來(lái)減少不確定性。這可以通過(guò)去除不必要的內(nèi)容以及使用顏色、布局和排版引導(dǎo)用戶通過(guò)屏幕來(lái)實(shí)現(xiàn)。不應(yīng)該讓用戶分心，而應(yīng)該向他們提供足夠的指導(dǎo)，然他們更容易實(shí)現(xiàn)目的。

Ben Terrett經(jīng)常使用 GOV.UK的第四條設(shè)計(jì)原則:“努力讓事情變得簡(jiǎn)單。”他認(rèn)為，設(shè)計(jì)團(tuán)隊(duì)?wèi)?yīng)該完全理解他們正在處理的問(wèn)題，以及提供直觀、信息豐富和成功用戶體驗(yàn)的最佳解決方案的過(guò)程。在這個(gè)案例研究中，記錄了他們的方法。

七、功能優(yōu)先于形式

設(shè)計(jì)決策是由元素的作用來(lái)驅(qū)動(dòng)的，而不是優(yōu)先考慮它的視覺(jué)風(fēng)格。

“如果你認(rèn)為某件事很聰明、很復(fù)雜，要小心——這可能是自我放縱?！?—— Don Norman，高產(chǎn)的產(chǎn)品設(shè)計(jì)師，《The Design of Everyday Things》的作者。

界面的視覺(jué)設(shè)計(jì)應(yīng)該總是從定義的功能開(kāi)始。當(dāng)風(fēng)格和趨勢(shì)被優(yōu)先考慮時(shí)，結(jié)果可能看起來(lái)很漂亮，很引人注目，但最終可能導(dǎo)致脫節(jié)的用戶體驗(yàn)。視覺(jué)形式無(wú)法拯救功能失調(diào)的設(shè)計(jì)。

視覺(jué)提示可以用來(lái)在應(yīng)用程序的功能中引導(dǎo)用戶。Fritt法則指出，形狀、間距和大小可以引導(dǎo)用戶了解情況并采取所需的行動(dòng)。正是在這里，形式支撐并放大了功能。

八、信息要容易獲得

把界面元素放在用戶觸“指”可及的最佳位置，這樣用戶就不必憑記憶來(lái)操作。

認(rèn)出某物比回憶某物要容易。如果移動(dòng)界面的功能以少量信息或受眾不太熟悉的系統(tǒng)為基礎(chǔ)，那么就應(yīng)該讓信息容易獲得，方便用戶使用。

Nielsen的啟發(fā)式原則之一建議，設(shè)計(jì)人員應(yīng)該“通過(guò)使每個(gè)對(duì)象、動(dòng)作和選項(xiàng)都是可見(jiàn)的來(lái)減少用戶記憶的負(fù)擔(dān)。用戶不必記住會(huì)話的每個(gè)部分的信息。使用該系統(tǒng)的指示應(yīng)是可見(jiàn)的，或在適當(dāng)時(shí)容易檢索?！?

Jill Gerhardt-Powal建議“將較低層次的數(shù)據(jù)整合到較高層次的總和中，以減少認(rèn)知負(fù)擔(dān)?！彼€表示，“顯示名稱和標(biāo)簽應(yīng)該與上下文相關(guān)，這將提高回憶和識(shí)別能力?！敝匾氖且庾R(shí)到，第一次看到界面的用戶不會(huì)像設(shè)計(jì)師那樣了解和熟悉信息。對(duì)于經(jīng)驗(yàn)豐富的團(tuán)隊(duì)來(lái)說(shuō)，重復(fù)信息似乎有些冗余，但對(duì)于新用戶來(lái)說(shuō)卻是必不可少的。

九、可靠的一致性

使用一致的和標(biāo)準(zhǔn)化的元素，如文案、場(chǎng)景和操作來(lái)創(chuàng)建一個(gè)有凝聚力的體驗(yàn)。

人類被模式所吸引——我們用模式來(lái)理解世界。在移動(dòng)界面中創(chuàng)建模式，它將成為一個(gè)訓(xùn)練工具，讓用戶了解應(yīng)該期望什么以及如何與界面設(shè)交互。

“這不應(yīng)該成為束縛。每一種情況都是不同的?！?GOV.UK 的設(shè)計(jì)原則表明，界面風(fēng)格應(yīng)該是一致的，但不應(yīng)該是千篇一律的。正如 Jill Gerhardt-Powal所呼應(yīng)的，“新信息應(yīng)該在熟悉的框架內(nèi)呈現(xiàn)(例如，模式、隱喻、日常用語(yǔ))，這樣信息更容易被人們接收?！?

十、明智的冗余

在設(shè)計(jì)過(guò)程中不斷進(jìn)行反思，以確保用戶界面設(shè)計(jì)原則和可用性啟發(fā)與產(chǎn)品的目的和用戶需求保持一致。

Jakob Nielsen是第一個(gè)承認(rèn)不可能為UI設(shè)計(jì)提供通用細(xì)節(jié)的人。例如，他的兩條啟發(fā)式原則可以相互矛盾 —— #6：提供用戶做出決策所需的所有信息；#8：消除任何不必要的東西。

為特殊用例確定最佳策略的責(zé)任就落在了啟發(fā)式評(píng)估人員和設(shè)計(jì)團(tuán)隊(duì)肩上了。如果產(chǎn)品是以人為本而設(shè)計(jì)的并圍繞用戶需求構(gòu)建的，團(tuán)隊(duì)了解這一點(diǎn)后在做決定時(shí)有明確的目標(biāo)。

作者：Jordan DeVos

原文鏈接：10 heuristic principles for mobile interfaces