英文 | https://uxplanet.org/rules-of-thumb-for-ui-ux-design-4d7a053d781

翻譯 | 楊小愛

這些是 Jakob Nielsen 發(fā)現(xiàn)的一些著名規(guī)則，它們通常被稱為 Jakob Nielsen 的 10 個(gè)可用性啟發(fā)式，因?yàn)樗鼈兪菑V泛的經(jīng)驗(yàn)法則，而不是具體的可用性指南。

在本文中，我將通過一些示例簡(jiǎn)要討論這些原則/規(guī)則，以便您可以輕松理解它們并從中獲得一些有價(jià)值的東西。

1、系統(tǒng)狀態(tài)的可見性

設(shè)計(jì)應(yīng)該始終讓用戶了解正在發(fā)生的事情，在合理的時(shí)間內(nèi)適當(dāng)?shù)慕o用戶適當(dāng)?shù)姆答仭?/span>

Jakob Nielsen 的十個(gè)啟發(fā)式方法中的第一個(gè)——系統(tǒng)狀態(tài)的可見性——與用戶界面設(shè)計(jì)有關(guān)。

從本質(zhì)上講，它關(guān)乎溝通和透明度，這對(duì)生活的許多方面都至關(guān)重要。人們努力追求可預(yù)測(cè)性和控制力，并且在大多數(shù)情況下，更多的信息可以轉(zhuǎn)化為更好的決策。

只有知道當(dāng)前系統(tǒng)狀態(tài)是什么，你才能改變它——也就是說，你可以弄清楚下一步需要做什么才能實(shí)現(xiàn)你的目標(biāo)。

2、系統(tǒng)與現(xiàn)實(shí)世界的匹配

設(shè)計(jì)應(yīng)該說用戶的語言。使用用戶熟悉的單詞、短語和概念，而不是內(nèi)部行話。遵循現(xiàn)實(shí)世界的慣例，使信息以自然和邏輯的順序出現(xiàn)。

就本性而言，人類會(huì)在熟悉中找到安慰。正是因?yàn)檫@個(gè)原因，Jakob Nielsen 的第二個(gè)可用性啟發(fā)式，系統(tǒng)與現(xiàn)實(shí)世界的匹配才如此重要。

該原則指出：系統(tǒng)應(yīng)該說用戶的語言，使用用戶熟悉的單詞、短語和概念，而不是面向系統(tǒng)的術(shù)語。遵循現(xiàn)實(shí)世界的慣例，使信息以自然和邏輯的順序出現(xiàn)。

3、用戶控制和自由

用戶經(jīng)常錯(cuò)誤地執(zhí)行操作。他們需要一個(gè)明確標(biāo)記的“緊急出口”來離開不需要的操作，而不必經(jīng)過一個(gè)擴(kuò)展的過程。

良好的用戶體驗(yàn)的一部分是培養(yǎng)用戶對(duì)他們碰巧使用的用戶界面 (UI) 的控制感。

用戶應(yīng)該能夠快速糾正錯(cuò)誤或回溯所做的選擇。輕松擺脫困境的能力鼓勵(lì)探索，這有助于學(xué)習(xí)和發(fā)現(xiàn)特征。

它還增加了整體使用和銷售（在探索產(chǎn)品空間的情況下）。相反，當(dāng) UI 不支持這些操作時(shí)，用戶會(huì)感到受困并通常會(huì)報(bào)告不滿意。

有幾個(gè) UI 控件通常允許人們返回系統(tǒng)的先前狀態(tài)：

• 反向鏈接，將用戶返回到上一頁或屏幕

• 取消鏈接，允許用戶退出任務(wù)或多步驟過程

• 關(guān)閉鏈接，允許用戶關(guān)閉新視圖

一個(gè)撤消選項(xiàng)（和相應(yīng)的重做選項(xiàng)），允許用戶回溯對(duì) UI 元素的更改

4、一致性和標(biāo)準(zhǔn)

用戶不必懷疑不同的詞、情況或動(dòng)作是否意味著同一件事。遵循平臺(tái)和行業(yè)慣例。

想想您使用的網(wǎng)站和應(yīng)用程序：它們都依賴于完善的約定。藍(lán)色下劃線文本是可點(diǎn)擊的，購物車圖標(biāo)顯示您計(jì)劃購買的商品，站點(diǎn)徽標(biāo)位于左上角，放大鏡圖標(biāo)代表搜索——這些都是一直使用的約定示例在數(shù)字產(chǎn)品中，讓用戶的生活更輕松。

提倡一致性和標(biāo)準(zhǔn)似乎是在推動(dòng)所有應(yīng)用程序的外觀和行為都相同，但事實(shí)并非如此。相反，當(dāng)網(wǎng)站和應(yīng)用程序遵守標(biāo)準(zhǔn)時(shí)，用戶知道會(huì)發(fā)生什么，增加可學(xué)習(xí)性并減少混淆。

5、錯(cuò)誤預(yù)防

好的錯(cuò)誤信息很重要，但最好的設(shè)計(jì)首先會(huì)小心地防止問題的發(fā)生。要么消除容易出錯(cuò)的條件，要么檢查它們并在用戶提交操作之前向用戶提供確認(rèn)選項(xiàng)。

討論用戶錯(cuò)誤的一個(gè)關(guān)鍵點(diǎn)是將錯(cuò)誤歸咎于何處。術(shù)語“用戶錯(cuò)誤”意味著用戶因做錯(cuò)事而有過錯(cuò)。不是這樣。設(shè)計(jì)者的過錯(cuò)是讓用戶太容易犯錯(cuò)誤。因此，解決用戶錯(cuò)誤的方法不是責(zé)罵用戶，而是要求他們更加努力，或者給予他們更廣泛的培訓(xùn)。答案是重新設(shè)計(jì)系統(tǒng)以減少出錯(cuò)的可能性。

6、識(shí)別而不是回憶

通過使元素、操作和選項(xiàng)可見，最大限度地減少用戶的記憶負(fù)載。用戶不必記住從界面的一個(gè)部分到另一部分的信息。使用設(shè)計(jì)所需的信息（例如字段標(biāo)簽或菜單項(xiàng)）應(yīng)該是可見的或在需要時(shí)易于檢索。

心理學(xué)家喜歡區(qū)分兩種類型的記憶檢索：識(shí)別與回憶。想想在街上遇到一個(gè)人。如果您以前見過她，通常可以很容易地分辨出來，但是想出她的名字（如果這個(gè)人很熟悉）要困難得多。

第一個(gè)過程是識(shí)別（你認(rèn)為這個(gè)人很熟悉）；第二個(gè)涉及回憶。識(shí)別是指我們將事件或信息“識(shí)別”為熟悉的能力，而回憶則是指從記憶中檢索相關(guān)細(xì)節(jié)。

7、使用的靈活性和效率

對(duì)新手用戶隱藏的快捷方式可以加快專家用戶的交互，這樣設(shè)計(jì)就可以滿足沒有經(jīng)驗(yàn)和有經(jīng)驗(yàn)的用戶的需求。

允許用戶定制頻繁的操作。

我不是一個(gè)熟練的廚師。我可以遵循食譜并獲得合理可食用的結(jié)果，但這需要我很長時(shí)間和大量的注意力。如果我不通過閱讀完整、詳細(xì)的食譜來準(zhǔn)備烹飪，事先將所有食材分組放置在一起使用，并在谷歌上搜索一些先進(jìn)的技術(shù)，我將得到一頓燒焦的晚餐。

我有幾個(gè)朋友知道他們?cè)趶N房做什么，我總是對(duì)他們做飯時(shí)采取的所有小捷徑感到驚訝。多年前我第一次和我的朋友尼克一起做飯時(shí)，我費(fèi)力地切羅勒葉，把大量的注意力放在試圖保持相似大小的切片上，而不是在這個(gè)過程中砍斷我的手指。

尼克走過去，抓起一把羅勒葉，把它們一個(gè)一個(gè)地塞進(jìn)另一個(gè)里面，然后像一支小雪茄一樣輕輕地卷起來。然后他迅速地將他的一捆羅勒切片了幾次，在切割中獲得了完美的一致性，并且?guī)缀醪换〞r(shí)間。

然后他給了我一個(gè)使眼色，然后轉(zhuǎn)到食譜的另一部分，而我站在那里，對(duì)他的高效和精確感到震驚。

就像在廚房里一樣，在用戶體驗(yàn)中，我們必須容納具有各種能力的人。我們的系統(tǒng)應(yīng)該足夠靈活，以允許用戶使用各種方法完成給定的任務(wù)。

靈活的系統(tǒng)之所以有效，是因?yàn)槿藗兛梢赃x擇最適合他們的方法。10 個(gè)可用性啟發(fā)式中的第 7 個(gè)說，我們應(yīng)該通過使用快捷方式和加速器（新手用戶看不到）來優(yōu)先考慮使用的靈活性和效率，這可以加速專家用戶的交互。

這種方法允許系統(tǒng)迎合沒有經(jīng)驗(yàn)和有經(jīng)驗(yàn)的用戶。

8、美學(xué)和極簡(jiǎn)主義設(shè)計(jì)

接口不應(yīng)包含不相關(guān)或很少需要的信息。界面中每一個(gè)額外的信息單元都會(huì)與相關(guān)的信息單元競(jìng)爭(zhēng)并降低它們的相對(duì)可見性。

這種啟發(fā)式并不意味著您必須使用扁平化設(shè)計(jì)——而是要確保您將內(nèi)容和視覺設(shè)計(jì)集中在基本要素上。確保界面的視覺元素支持用戶的主要目標(biāo)。

9、幫助用戶識(shí)別、診斷錯(cuò)誤并從錯(cuò)誤中恢復(fù)

錯(cuò)誤消息應(yīng)以通俗易懂的語言表達(dá)（無錯(cuò)誤代碼），準(zhǔn)確指出問題，并建設(shè)性地提出解決方案。

這些錯(cuò)誤消息還應(yīng)通過視覺處理呈現(xiàn)，以幫助用戶注意和識(shí)別它們。

10、幫助和文檔

最好是系統(tǒng)不需要任何額外的解釋。但是，可能需要提供文檔以幫助用戶了解如何完成他們的任務(wù)。

即使系統(tǒng)可以在沒有文檔的情況下使用會(huì)更好，但可能需要提供幫助和文檔。任何此類信息都應(yīng)該易于搜索，專注于用戶的任務(wù)，列出要執(zhí)行的具體步驟，并且不要太大。

網(wǎng)站和應(yīng)用程序可以提供兩種類型的幫助：主動(dòng)和被動(dòng)。在用戶遇到問題之前提供主動(dòng)幫助，以防止出現(xiàn)問題。

它包括入門教程和上下文提示。相比之下，當(dāng)用戶遇到問題并尋求建議以解決問題時(shí)，響應(yīng)式幫助包括文檔、視頻甚至教程等材料。（盡管一些用戶可能會(huì)主動(dòng)消費(fèi)此類材料，但他們很少這樣做。）

在本文底部的下載下方免費(fèi)下載 Jakob 的 10 個(gè)可用性啟發(fā)式海報(bào)。您可以下載 3 種尺寸的摘要海報(bào)：完整海報(bào)尺寸、A4 和信紙。您還可以下載全套 11 張海報(bào)（10 個(gè)可用性啟發(fā)式和摘要海報(bào)。

學(xué)習(xí)更多技能

請(qǐng)點(diǎn)擊下方公眾號(hào)