起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門(mén)專(zhuān)項(xiàng)技能課
1300+專(zhuān)題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專(zhuān)業(yè)技能直播
會(huì)員專(zhuān)屬社群
榮耀標(biāo)識(shí) 如何打造極致的用戶體驗(yàn)的秘訣——尼爾森十大可用性原則?。ㄏ拢?/h2>
各種設(shè)計(jì)法則都可以靈活運(yùn)用于各大場(chǎng)景，可以是交互設(shè)計(jì)，也可以是界面設(shè)計(jì)等，通過(guò)設(shè)計(jì)法則進(jìn)行應(yīng)用，提高用戶體驗(yàn)，作者總結(jié)了尼爾森十大可用性原則的后五條，并結(jié)合實(shí)戰(zhàn)經(jīng)驗(yàn)，探討如何應(yīng)用，希望對(duì)你有所啟發(fā)。
推薦一個(gè)比較實(shí)用的設(shè)計(jì)法則，上一篇我們聊了前面5條，今天我們來(lái)聊聊后面的5條。
可以說(shuō)現(xiàn)在的任何互聯(lián)網(wǎng)產(chǎn)品都能看到這些理論的實(shí)踐，本次主要想以比較多的案例進(jìn)行實(shí)戰(zhàn)分析。
尼爾森的十大可用性原則是尼爾森博士在分析了兩百多個(gè)可用性問(wèn)題的基礎(chǔ)上，提煉出的十項(xiàng)交互設(shè)計(jì)原則。被廣泛運(yùn)用于網(wǎng)頁(yè)、APP以及各種人機(jī)交互領(lǐng)域。
要注意的是，這10項(xiàng)原則是啟發(fā)式（heuristics）的、廣泛的經(jīng)驗(yàn)法則，可以指導(dǎo)我們更具價(jià)值的思考界面設(shè)計(jì)。
各種設(shè)計(jì)原則都可靈活運(yùn)用于各個(gè)地方，可以是交互設(shè)計(jì)，也可以是界面設(shè)計(jì)，深入了解各種設(shè)計(jì)原則，讓設(shè)計(jì)師在做設(shè)計(jì)的時(shí)候可以找到更好的解決方案，提高用戶的使用體驗(yàn)。
理論介紹：
雅各布·尼爾森（Jakob Nielsen）是畢業(yè)于哥本哈根的丹麥技術(shù)大學(xué)的人機(jī)交互博士，被譽(yù)為可用性測(cè)試的鼻祖，2006年4月，并被納入美國(guó)計(jì)算機(jī)學(xué)會(huì)人機(jī)交互學(xué)院，被賦予人機(jī)交互實(shí)踐的終身成就獎(jiǎng)。
尼爾森于1995年1月1日發(fā)表了「十大可用性原則」，該原則被廣大設(shè)計(jì)師奉為教科書(shū)般的存在。雖然20多年過(guò)去了，但是對(duì)于現(xiàn)今的產(chǎn)品體驗(yàn)設(shè)計(jì)仍然具有很大的參考意義。
一、易取原則
易取原則的根本目標(biāo)是提升用戶在界面上的操作效率，系統(tǒng)應(yīng)直觀地協(xié)助用戶完成任務(wù)。
系統(tǒng)應(yīng)協(xié)助用戶進(jìn)行記憶，通過(guò)使元素、操作和選項(xiàng)可見(jiàn)，減少用戶的記憶負(fù)荷，在適合的時(shí)機(jī)給用戶需要獲取的信息。
識(shí)別比回憶要好，對(duì)于路徑較長(zhǎng)的操作，我們更應(yīng)該協(xié)助用戶記憶。比如在淘寶下單的操作路徑，每一個(gè)頁(yè)面頂部導(dǎo)航欄會(huì)盡可能的提醒用戶操作到哪里，用戶所有的操作信息都是可見(jiàn)、易獲取的，減少用戶對(duì)操作目標(biāo)的記憶負(fù)擔(dān)。
該原則在設(shè)計(jì)中的體現(xiàn)：
1. 易取原則-易掃描
用戶心理學(xué)研究發(fā)現(xiàn)，互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁(yè)的動(dòng)作不是讀，不是看，而是“掃”。這是互聯(lián)網(wǎng)用戶瀏覽的主要方式。所以我們?cè)谠O(shè)計(jì)的時(shí)候，需要清晰的視覺(jué)層次結(jié)構(gòu)，突出重點(diǎn)，弱化和剔除無(wú)關(guān)信息，降低頁(yè)面干擾，來(lái)減輕用戶閱讀成本。
2. 易取原則-讓用戶選擇而不是填寫(xiě)
比起讓用戶輸入，讓用戶選擇更能降低用戶的記憶成本，更好地輔助用戶做決策。
如果，有很多的信息或者選項(xiàng)是用戶高頻率會(huì)選擇的，設(shè)計(jì)師不妨給用戶提前做好選擇，提供默認(rèn)選項(xiàng)，如下圖。
3. 易取原則-智能獲取
通過(guò)智能讀取用戶之前填寫(xiě)過(guò)的信息，或者智能識(shí)別等形式，減少用戶記憶負(fù)擔(dān)與操作負(fù)擔(dān)。
常見(jiàn)的是寄快遞-新增地址，將用戶復(fù)制的文本字符類(lèi)型進(jìn)行識(shí)別并匹配，將有用的信息內(nèi)容提取出來(lái)，對(duì)體驗(yàn)而言顯得高效又智能。
或者淘寶購(gòu)物確認(rèn)訂單時(shí)，系統(tǒng)會(huì)自動(dòng)為你帶入之前的商品信息，包括選擇的商品規(guī)則、數(shù)量、價(jià)格、默認(rèn)記錄顯示常用的地址等。這些信息雖然之前都選擇過(guò)，但是需要用戶在購(gòu)買(mǎi)前二次確認(rèn)，由于信息比較多，用戶很難記憶，所以確認(rèn)訂單再展示出來(lái)更加合理。
比如：
用手機(jī)登錄時(shí)，收到的驗(yàn)證碼直接展示在軟鍵盤(pán)上，用戶無(wú)需記憶也無(wú)需輸入，直接點(diǎn)選即可登錄；
美團(tuán)APP中，當(dāng)用戶選擇商品時(shí)，系統(tǒng)會(huì)自動(dòng)計(jì)算商品價(jià)格和滿減后的價(jià)格，還會(huì)幫用戶記錄選擇了哪些商品以及份數(shù)，不需要用戶自己花時(shí)間去計(jì)算還差多少才能滿減等，減少用戶記憶負(fù)擔(dān)，同時(shí)節(jié)省用戶點(diǎn)外賣(mài)的時(shí)間，這也用到了易取原則。
訂單頁(yè)面若某信息需要用戶從一個(gè)頁(yè)面復(fù)制到另一個(gè)頁(yè)面完成查詢(xún)或編輯輸入，那就有必要為該信息提供快捷復(fù)制功能，如訂單號(hào)緊跟著一個(gè)復(fù)制按鈕。
如果，我們?cè)谒阉饕粋€(gè)歌名的時(shí)候，記不住完整的歌曲名，我們只要輸入關(guān)鍵的幾個(gè)詞，系統(tǒng)就是幫助我們記憶，出現(xiàn)相關(guān)的搜索。
4. 易取原則-草稿箱或歷史記錄
作為用戶，你不記得的操作，系統(tǒng)可以幫你記錄。為用戶提供歷史記錄，文本創(chuàng)作的過(guò)程中自動(dòng)保存草稿，讓用戶方便查詢(xún)自己的進(jìn)程，這就是信息易取原則的設(shè)計(jì)。
保留歷史，最為常見(jiàn)的就是為用戶保留歷史搜索和歷史瀏覽、儲(chǔ)存賬號(hào)和密碼。視頻APP會(huì)詳細(xì)記錄用戶的觀看記錄，當(dāng)用戶沒(méi)有看完某部電影時(shí)，下次進(jìn)入直接從斷點(diǎn)續(xù)播上次播放的位置，無(wú)需用戶記憶上次看到哪里了；
不只是觀看記錄，視頻軟件還會(huì)幫你記錄同一賬號(hào)在不同設(shè)備上的登錄記錄，觀看記錄也會(huì)在不同設(shè)備之間進(jìn)行同步。
5. 易取原則-可視化
將選擇的對(duì)象，動(dòng)作，選項(xiàng)可視化，讓用戶一看就懂。注意圖標(biāo)符號(hào)化能讓人理解，避免引起誤解。
抽象圖形+文字，提供了更多的信息，更加豐富了記憶效果，避免了用戶需要記憶才能想起圖形代表的含義。我們常用的app導(dǎo)航欄都是以這種icon和文字相結(jié)合的形式，這就是很符合易取原則的例子。
6. 易取原則-內(nèi)容可預(yù)期
在用戶使用產(chǎn)品的過(guò)程中，會(huì)有一些需要用戶記憶的內(nèi)容、或者操作路徑，在設(shè)計(jì)的時(shí)候我們要避免用戶記憶，把信息直接提取出來(lái)，送到用戶手里。同時(shí)每個(gè)頁(yè)面?zhèn)鬟f的信息量盡量少，減少用戶的閱讀壓力。
常見(jiàn)的例子是各類(lèi)優(yōu)惠券，設(shè)計(jì)的時(shí)候會(huì)有明確的位置說(shuō)明限制時(shí)間，類(lèi)別等等，同時(shí)還會(huì)有清晰的入口引導(dǎo)去使用或者規(guī)則的入口。
7. 易取原則-行為輸入代替字符輸入
這一點(diǎn)其實(shí)也非常好理解，一個(gè)簡(jiǎn)單的動(dòng)作，比打字要輕松得多，常見(jiàn)的就是在設(shè)備解鎖的時(shí)候，用手勢(shì)解鎖替代密碼解鎖。
隨著技術(shù)發(fā)展，有了更多的行為代替輸入的方式，比如指紋識(shí)別和面部識(shí)別，用簡(jiǎn)單的操作，就可以達(dá)到進(jìn)入系統(tǒng)的目的，這就避免了用戶需要較多的操作和密碼的記憶。
二、靈活高效原則
靈活易用原則不僅是一個(gè)交互設(shè)計(jì)原則，也代表了一種軟件產(chǎn)品設(shè)計(jì)理念：系統(tǒng)既要做得簡(jiǎn)單、易用，讓所有用戶用起來(lái)得心應(yīng)手；
靈活易用原則的根本目標(biāo)是保持系統(tǒng)的靈活性，以滿足不同用戶的不同需求。
既要提供必要的幫助，讓剛?cè)腴T(mén)的初級(jí)用戶順利上手，還需要支持靈活的個(gè)性化定制，讓高級(jí)用戶能夠快捷高效使用高頻功能，充分發(fā)揮其價(jià)值。
該原則在設(shè)計(jì)中的體現(xiàn)：
1. 靈活高效-提供定制化服務(wù)
讓用戶靈活定制的最典型的例子是各類(lèi)軟件和App的配置功能，基本上所有軟件都會(huì)提供定制化功能，從快捷鍵設(shè)置，到頁(yè)面布局，再到自定義參數(shù)，軟件系統(tǒng)會(huì)盡量提供全面的個(gè)性化設(shè)置功能，來(lái)滿足不同用戶的使用訴求和習(xí)慣，提升用戶的使用效率和體驗(yàn)。
例如支付寶首頁(yè)，用戶可以自定義首頁(yè)的應(yīng)用。對(duì)于使用頻率比較高的老用戶來(lái)說(shuō)，這是一個(gè)非常方便的功能。
還有一種是系統(tǒng)更具用戶常用自動(dòng)整理歸納，以提升使用效率，減少用戶多余操作。
比如：微信的聊天表情，由于可以選擇的表情很多，正常情況下用戶很難快速找到自己想用的表情。而用戶的使用習(xí)慣往往是循環(huán)使用其中的某幾個(gè)，所以把最近使用的表情展現(xiàn)出來(lái)，會(huì)極大的提升用戶的尋找效率。
除了從新老用戶的角度對(duì)用戶做區(qū)分，還可以從其他維度區(qū)分用戶，針對(duì)不同用戶做不同的功能。
比如：微信為了讓中老年用戶使用方便，推出了關(guān)懷模式。在關(guān)懷模式下（下圖）文字更大、色彩更強(qiáng)、按鈕更大，還可以使用“聽(tīng)文字消息”的功能。這些功能充分考慮了“中老年用戶”的需求和痛點(diǎn)，讓產(chǎn)品更加靈活易用。
2. 靈活高效-提高用戶使用效率
靈活高效原則在交互設(shè)計(jì)中使用會(huì)提高用戶使用效率，例如微信聊天頁(yè)面中，當(dāng)用戶輸入某個(gè)字詞之后，系統(tǒng)會(huì)自動(dòng)幫你匹配相應(yīng)的表情包；
當(dāng)你輸入某個(gè)詞之后，輸入法會(huì)幫你自動(dòng)聯(lián)想接下來(lái)你可能會(huì)輸入的詞；
截圖后進(jìn)入微信聊天頁(yè)面后，系統(tǒng)會(huì)將你剛截的圖前置，它會(huì)自動(dòng)判斷你可能想發(fā)送該截圖。如下圖：
3. 靈活高效-“跳過(guò)”按鈕
通過(guò)用戶快捷跳過(guò)的入口，比如常見(jiàn)的：引導(dǎo)頁(yè)、操作手冊(cè)、還是開(kāi)屏廣告，有“跳過(guò)”或者”立即進(jìn)入“按鈕真的很貼心。
4. 靈活高效-允許用戶重復(fù)操作
對(duì)于用戶頻繁使用的部分，提供快捷的重復(fù)使用操作，比如：外賣(mài)app，用戶可以快捷地再來(lái)一單，同時(shí)保存上一次操作記錄。
5. 靈活高效-各取所需
在設(shè)計(jì)功能時(shí)，最好能考慮到不同層次用戶的需求，以此來(lái)讓用戶「各取所需」（需要平臺(tái)有多類(lèi)型用戶）；比如常見(jiàn)的Word、Photoshop等，有一個(gè)“二八定律”，就是說(shuō)80%的功能是給20%的用戶使用的。
設(shè)計(jì)這類(lèi)產(chǎn)品時(shí)，最常用的20%的功能一定擺在最顯著的位置上，方便所有用戶使用，而80%的高端功能，要適度隱藏，使得整個(gè)產(chǎn)品看起來(lái)盡量簡(jiǎn)潔、美觀。比如Sketch的工具欄和快捷鍵就是給新手或資深用戶準(zhǔn)備的。
6. 大數(shù)據(jù)智能判斷
淘寶的首頁(yè)每個(gè)人推薦的商品都不相同，淘寶后臺(tái)根據(jù)用戶的瀏覽習(xí)慣，購(gòu)買(mǎi)/收藏記錄等大數(shù)據(jù)智能判斷用戶的喜好，對(duì)商品進(jìn)行千人千面的分發(fā)。
但是切記不要太過(guò)依賴(lài)大數(shù)據(jù)算法的判斷，因?yàn)橐坏┬纬蛇@種模式，會(huì)給用戶造成回音壁效應(yīng)，你越喜歡的東西系統(tǒng)就越給你推薦，其他的商品就像回音壁一樣被吸收過(guò)濾，用戶永遠(yuǎn)沒(méi)有辦法發(fā)現(xiàn)新的東西，讓用戶的選擇永遠(yuǎn)都在一個(gè)死循環(huán)，所以做千人千面設(shè)計(jì)時(shí)一定要適度。
三、優(yōu)美簡(jiǎn)約原則
優(yōu)美而簡(jiǎn)約原則的根本目標(biāo)是讓用戶快速找到界面的重要信息，引導(dǎo)用戶的視線及操作行為。
UI設(shè)計(jì)應(yīng)該是符合大眾審美的，不需要多么酷炫，而是需要我們注重信息獲取效率，更加聚焦內(nèi)容，刪除多余的視覺(jué)表達(dá)元素，讓界面保持美觀簡(jiǎn)約。
“快掃”是互聯(lián)網(wǎng)用戶瀏覽的主要方式。我們熟知的產(chǎn)品設(shè)計(jì)的四大基本原則：親密性、對(duì)齊、重復(fù)、對(duì)比，就是使頁(yè)面優(yōu)美而簡(jiǎn)約的方法。
該原則在設(shè)計(jì)中的體現(xiàn)：
1. 優(yōu)美簡(jiǎn)約-視覺(jué)層級(jí)關(guān)系明顯
建立清晰的視覺(jué)層級(jí)，越重要的內(nèi)容越突出，能夠方便用戶無(wú)障礙地瀏覽信息，提高用戶操作與信息獲取效率，各模塊間采用卡片或者間距區(qū)分開(kāi)，加強(qiáng)頁(yè)面層級(jí)區(qū)分。
我們通過(guò)顏色、大小、字體的字重、對(duì)比度、元素的間距、特殊造型、動(dòng)效等來(lái)表現(xiàn)。
2. 優(yōu)美簡(jiǎn)約-避免界面元素過(guò)于雜亂
避免界面呈現(xiàn)過(guò)多元素，包括動(dòng)效、配圖、icon、按鈕等等，降低用戶的視覺(jué)干擾。保留產(chǎn)品最主要的信息，如果不是優(yōu)先級(jí)最高，要盡一切可能避免去影響產(chǎn)品的簡(jiǎn)潔和美觀，可采用大留白增加頁(yè)面呼吸感，聚焦內(nèi)容。
3. 優(yōu)美簡(jiǎn)約-對(duì)重要信息突出顯示
用戶注意力資源有限，應(yīng)該保持信息精煉，突出重要信息，弱化次要信息。
上面兩個(gè)案例通過(guò)加粗放大、標(biāo)記顏色，從而讓頁(yè)面簡(jiǎn)潔，且突出重要信息。
四、容錯(cuò)原則
容錯(cuò)原則的根本目標(biāo)是讓那個(gè)用戶在操作出錯(cuò)后還能挽回錯(cuò)誤的余地，從而給用戶一致產(chǎn)品很安全貼心的感覺(jué)。
系統(tǒng)需幫助用戶識(shí)別、診斷、并為用戶從錯(cuò)誤中恢復(fù)提出建設(shè)性的解決方案。通過(guò)提示性文字或者插圖讓用戶意識(shí)到出錯(cuò)了，比如404頁(yè)面的情感化插圖、彈窗提示用戶出錯(cuò)等。
該原則在設(shè)計(jì)中的體現(xiàn)：
1. 容錯(cuò)原則-引起用戶注意
當(dāng)發(fā)生錯(cuò)誤時(shí)，提示信息一定要直觀，視覺(jué)上能夠引起用戶注意，可視化處理，文案要簡(jiǎn)單概要，并給出解決方案。
例如刪除訂單時(shí)，會(huì)提示二次確認(rèn)，避免用戶誤操作。
2. 容錯(cuò)原則-提供解決方案
在出錯(cuò)界面給出解決方案，可以是文字提醒或者按鈕跳轉(zhuǎn)等形式，幫助用戶解決問(wèn)題。比如缺省頁(yè)的設(shè)計(jì)除了配置插圖還會(huì)有提示文案與操作按鈕，引導(dǎo)用戶去操作，去進(jìn)一步解決問(wèn)題。
3. 容錯(cuò)原則-幫助挽回?fù)p失
系統(tǒng)能幫助用戶自動(dòng)甄別錯(cuò)誤，并及時(shí)進(jìn)行糾正時(shí)，將會(huì)給用戶帶來(lái)極大的便利，撤銷(xiāo)或者找回功能，都是幫用戶把損失降到最低的有效方法。
比如微信信息的消息撤回重新編輯，相冊(cè)的最近刪除、回收站等等功能。
五、人性化幫助原則
人性化幫助原則的根本目標(biāo)是用戶在使用產(chǎn)品的過(guò)程中有所依循，因?yàn)楫a(chǎn)品已經(jīng)貼心地為他們準(zhǔn)備好了幫助方式，或者即時(shí)提示和反饋，或者客服。
人性化幫助用戶最好的方式分別為：
- 無(wú)需提示；
- 一次性提示；
- 常駐提示；
- 幫助文檔。
最好的就是沒(méi)有提示，用戶就能看懂與應(yīng)用產(chǎn)品；其次是一次性提示，提示一次用戶就懂如何使用，比如第一次進(jìn)入app或新功能上線的引導(dǎo)設(shè)計(jì)、通常為氣泡形式。常駐提示需要一直固定在某個(gè)位置實(shí)時(shí)幫助用戶。
最后就是幫助文檔了，一般用于解釋規(guī)則或者熱點(diǎn)問(wèn)題，通常以超鏈接的形式存在于頁(yè)面中，或者以集合形式位于設(shè)置頁(yè)中，此時(shí)需要注意要易于檢索。
該原則在設(shè)計(jì)中的體現(xiàn)：
1. 人性化幫助-方便用戶查找
幫助文檔的入口容易找到，幫助信息方便用戶查找。常見(jiàn)的方式有：鼠標(biāo)劃過(guò)懸浮文字說(shuō)明，幫助用戶更好地理解。
2. 人性化幫助-便于用戶理解
用戶通過(guò)查看幫助文檔來(lái)學(xué)習(xí)新功能，相對(duì)比較麻煩。如果能將教程和功能放在一起，用戶可以“邊學(xué)邊練”，就更容易讓用戶理解。
提示語(yǔ)避免使用專(zhuān)業(yè)術(shù)語(yǔ)，盡量使用圖片或者圖形，同時(shí)處理文字外還可以使用示意圖，操作步驟等，方便用戶應(yīng)用。
3. 人性化幫助-便于用戶應(yīng)用
在操作時(shí)的幫助信息，比如幫助懸浮按鈕：一直出現(xiàn)在頁(yè)面固定位置，方便用戶遇到問(wèn)題尋求幫助。
4. 人性化幫助-信息引導(dǎo)
搜索時(shí)，預(yù)搜索詞直觀地顯示出來(lái)，可以讓用戶更快地做出搜索判斷。
微信轉(zhuǎn)賬頁(yè)面，當(dāng)用戶輸入金額較大時(shí)，會(huì)在第一位數(shù)字下方提示轉(zhuǎn)賬金額的人民幣單位，目的是為了避免用戶輸入錯(cuò)誤金額導(dǎo)致資金損失；
5. 人性化幫助-步驟引導(dǎo)
復(fù)雜的流程可以通過(guò)分步驟來(lái)引導(dǎo)用戶逐步完成，而不是一次完成所有任務(wù)。個(gè)性化的提示一次就夠了，用戶用過(guò)一次就知道其用法。
現(xiàn)在很多C端產(chǎn)品普遍已經(jīng)做了良好的交互設(shè)計(jì)，可以幫助用戶快速學(xué)習(xí)使用，而不用閱讀、理解復(fù)雜的說(shuō)明文檔。
然而，B端產(chǎn)品的復(fù)雜性比C端產(chǎn)品高很多，因?yàn)锽端產(chǎn)品蘊(yùn)含很多業(yè)務(wù)流程的規(guī)則，系統(tǒng)中的一個(gè)按鈕可能代表了一個(gè)復(fù)雜的業(yè)務(wù)處理規(guī)則，如果不了解整個(gè)業(yè)務(wù)場(chǎng)景和處理規(guī)則，是很難理解按鈕的操作含義的。
因此，對(duì)于B端產(chǎn)品，用戶進(jìn)行自助服務(wù)、自助操作的難度高很多，B端產(chǎn)品的幫助文檔依然有存在的必要。產(chǎn)品設(shè)計(jì)人員要盡量在前端交互上做好引導(dǎo)提示，對(duì)于復(fù)雜的規(guī)則和邏輯，可以考慮通過(guò)幫助文檔來(lái)指導(dǎo)用戶。
總結(jié)
尼爾森十大可用性原則可靈活運(yùn)用于各個(gè)地方，可以是交互設(shè)計(jì)，也可以是界面設(shè)計(jì)，深入了解該設(shè)計(jì)原則，可以找到更好的解決方案，提高用戶的使用體驗(yàn)。
要注意的是，這10項(xiàng)原則是啟發(fā)式（heuristics）的、廣泛的經(jīng)驗(yàn)法則，而不是具體的規(guī)定。
- 狀態(tài)可見(jiàn)原則：位置可見(jiàn)、數(shù)量可見(jiàn)、狀態(tài)可見(jiàn)；
- 環(huán)境貼近原則：語(yǔ)言應(yīng)該是用戶所能理解和習(xí)慣的；
- 用戶可控原則：可見(jiàn)導(dǎo)航、關(guān)閉與返回、撤銷(xiāo)與重做；
- 一致性原則：產(chǎn)品內(nèi)部一致、交互一致、迭代產(chǎn)品一致、同一產(chǎn)品線一致、設(shè)計(jì)語(yǔ)言一致、業(yè)內(nèi)產(chǎn)品一致；
- 防錯(cuò)原則：操作前預(yù)警、操作中確認(rèn)、操作后可撤回；
- 易取原則：易掃描、智能獲取、草稿箱和歷史記錄、對(duì)象可視化、選擇代替輸入；
- 靈活高效原則：靈活配置、允許頻繁操作、各取所需；
- 優(yōu)美而簡(jiǎn)約原則：視覺(jué)層次明顯、簡(jiǎn)約且突出重點(diǎn)信息；
- 容錯(cuò)原則：幫助用戶識(shí)別、診斷，并從錯(cuò)誤中恢復(fù)提供方法；
- 人性化幫助原則：無(wú)需提示、一次性提示、常駐提示、幫助文檔。
本文由 @三原設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash ，基于 CC0 協(xié)議
該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
更多精彩內(nèi)容，請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
各種設(shè)計(jì)法則都可以靈活運(yùn)用于各大場(chǎng)景，可以是交互設(shè)計(jì)，也可以是界面設(shè)計(jì)等，通過(guò)設(shè)計(jì)法則進(jìn)行應(yīng)用，提高用戶體驗(yàn)，作者總結(jié)了尼爾森十大可用性原則的后五條，并結(jié)合實(shí)戰(zhàn)經(jīng)驗(yàn)，探討如何應(yīng)用，希望對(duì)你有所啟發(fā)。
推薦一個(gè)比較實(shí)用的設(shè)計(jì)法則，上一篇我們聊了前面5條，今天我們來(lái)聊聊后面的5條。
可以說(shuō)現(xiàn)在的任何互聯(lián)網(wǎng)產(chǎn)品都能看到這些理論的實(shí)踐，本次主要想以比較多的案例進(jìn)行實(shí)戰(zhàn)分析。
尼爾森的十大可用性原則是尼爾森博士在分析了兩百多個(gè)可用性問(wèn)題的基礎(chǔ)上，提煉出的十項(xiàng)交互設(shè)計(jì)原則。被廣泛運(yùn)用于網(wǎng)頁(yè)、APP以及各種人機(jī)交互領(lǐng)域。
要注意的是，這10項(xiàng)原則是啟發(fā)式（heuristics）的、廣泛的經(jīng)驗(yàn)法則，可以指導(dǎo)我們更具價(jià)值的思考界面設(shè)計(jì)。
各種設(shè)計(jì)原則都可靈活運(yùn)用于各個(gè)地方，可以是交互設(shè)計(jì)，也可以是界面設(shè)計(jì)，深入了解各種設(shè)計(jì)原則，讓設(shè)計(jì)師在做設(shè)計(jì)的時(shí)候可以找到更好的解決方案，提高用戶的使用體驗(yàn)。
理論介紹：
雅各布·尼爾森（Jakob Nielsen）是畢業(yè)于哥本哈根的丹麥技術(shù)大學(xué)的人機(jī)交互博士，被譽(yù)為可用性測(cè)試的鼻祖，2006年4月，并被納入美國(guó)計(jì)算機(jī)學(xué)會(huì)人機(jī)交互學(xué)院，被賦予人機(jī)交互實(shí)踐的終身成就獎(jiǎng)。
尼爾森于1995年1月1日發(fā)表了「十大可用性原則」，該原則被廣大設(shè)計(jì)師奉為教科書(shū)般的存在。雖然20多年過(guò)去了，但是對(duì)于現(xiàn)今的產(chǎn)品體驗(yàn)設(shè)計(jì)仍然具有很大的參考意義。
一、易取原則
易取原則的根本目標(biāo)是提升用戶在界面上的操作效率，系統(tǒng)應(yīng)直觀地協(xié)助用戶完成任務(wù)。
系統(tǒng)應(yīng)協(xié)助用戶進(jìn)行記憶，通過(guò)使元素、操作和選項(xiàng)可見(jiàn)，減少用戶的記憶負(fù)荷，在適合的時(shí)機(jī)給用戶需要獲取的信息。
識(shí)別比回憶要好，對(duì)于路徑較長(zhǎng)的操作，我們更應(yīng)該協(xié)助用戶記憶。比如在淘寶下單的操作路徑，每一個(gè)頁(yè)面頂部導(dǎo)航欄會(huì)盡可能的提醒用戶操作到哪里，用戶所有的操作信息都是可見(jiàn)、易獲取的，減少用戶對(duì)操作目標(biāo)的記憶負(fù)擔(dān)。
該原則在設(shè)計(jì)中的體現(xiàn)：
1. 易取原則-易掃描
用戶心理學(xué)研究發(fā)現(xiàn)，互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁(yè)的動(dòng)作不是讀，不是看，而是“掃”。這是互聯(lián)網(wǎng)用戶瀏覽的主要方式。所以我們?cè)谠O(shè)計(jì)的時(shí)候，需要清晰的視覺(jué)層次結(jié)構(gòu)，突出重點(diǎn)，弱化和剔除無(wú)關(guān)信息，降低頁(yè)面干擾，來(lái)減輕用戶閱讀成本。
2. 易取原則-讓用戶選擇而不是填寫(xiě)
比起讓用戶輸入，讓用戶選擇更能降低用戶的記憶成本，更好地輔助用戶做決策。
如果，有很多的信息或者選項(xiàng)是用戶高頻率會(huì)選擇的，設(shè)計(jì)師不妨給用戶提前做好選擇，提供默認(rèn)選項(xiàng)，如下圖。
3. 易取原則-智能獲取
通過(guò)智能讀取用戶之前填寫(xiě)過(guò)的信息，或者智能識(shí)別等形式，減少用戶記憶負(fù)擔(dān)與操作負(fù)擔(dān)。
常見(jiàn)的是寄快遞-新增地址，將用戶復(fù)制的文本字符類(lèi)型進(jìn)行識(shí)別并匹配，將有用的信息內(nèi)容提取出來(lái)，對(duì)體驗(yàn)而言顯得高效又智能。
或者淘寶購(gòu)物確認(rèn)訂單時(shí)，系統(tǒng)會(huì)自動(dòng)為你帶入之前的商品信息，包括選擇的商品規(guī)則、數(shù)量、價(jià)格、默認(rèn)記錄顯示常用的地址等。這些信息雖然之前都選擇過(guò)，但是需要用戶在購(gòu)買(mǎi)前二次確認(rèn)，由于信息比較多，用戶很難記憶，所以確認(rèn)訂單再展示出來(lái)更加合理。
比如：
用手機(jī)登錄時(shí)，收到的驗(yàn)證碼直接展示在軟鍵盤(pán)上，用戶無(wú)需記憶也無(wú)需輸入，直接點(diǎn)選即可登錄；
美團(tuán)APP中，當(dāng)用戶選擇商品時(shí)，系統(tǒng)會(huì)自動(dòng)計(jì)算商品價(jià)格和滿減后的價(jià)格，還會(huì)幫用戶記錄選擇了哪些商品以及份數(shù)，不需要用戶自己花時(shí)間去計(jì)算還差多少才能滿減等，減少用戶記憶負(fù)擔(dān)，同時(shí)節(jié)省用戶點(diǎn)外賣(mài)的時(shí)間，這也用到了易取原則。
訂單頁(yè)面若某信息需要用戶從一個(gè)頁(yè)面復(fù)制到另一個(gè)頁(yè)面完成查詢(xún)或編輯輸入，那就有必要為該信息提供快捷復(fù)制功能，如訂單號(hào)緊跟著一個(gè)復(fù)制按鈕。
如果，我們?cè)谒阉饕粋€(gè)歌名的時(shí)候，記不住完整的歌曲名，我們只要輸入關(guān)鍵的幾個(gè)詞，系統(tǒng)就是幫助我們記憶，出現(xiàn)相關(guān)的搜索。
4. 易取原則-草稿箱或歷史記錄
作為用戶，你不記得的操作，系統(tǒng)可以幫你記錄。為用戶提供歷史記錄，文本創(chuàng)作的過(guò)程中自動(dòng)保存草稿，讓用戶方便查詢(xún)自己的進(jìn)程，這就是信息易取原則的設(shè)計(jì)。
保留歷史，最為常見(jiàn)的就是為用戶保留歷史搜索和歷史瀏覽、儲(chǔ)存賬號(hào)和密碼。視頻APP會(huì)詳細(xì)記錄用戶的觀看記錄，當(dāng)用戶沒(méi)有看完某部電影時(shí)，下次進(jìn)入直接從斷點(diǎn)續(xù)播上次播放的位置，無(wú)需用戶記憶上次看到哪里了；
不只是觀看記錄，視頻軟件還會(huì)幫你記錄同一賬號(hào)在不同設(shè)備上的登錄記錄，觀看記錄也會(huì)在不同設(shè)備之間進(jìn)行同步。
5. 易取原則-可視化
將選擇的對(duì)象，動(dòng)作，選項(xiàng)可視化，讓用戶一看就懂。注意圖標(biāo)符號(hào)化能讓人理解，避免引起誤解。
抽象圖形+文字，提供了更多的信息，更加豐富了記憶效果，避免了用戶需要記憶才能想起圖形代表的含義。我們常用的app導(dǎo)航欄都是以這種icon和文字相結(jié)合的形式，這就是很符合易取原則的例子。
6. 易取原則-內(nèi)容可預(yù)期
在用戶使用產(chǎn)品的過(guò)程中，會(huì)有一些需要用戶記憶的內(nèi)容、或者操作路徑，在設(shè)計(jì)的時(shí)候我們要避免用戶記憶，把信息直接提取出來(lái)，送到用戶手里。同時(shí)每個(gè)頁(yè)面?zhèn)鬟f的信息量盡量少，減少用戶的閱讀壓力。
常見(jiàn)的例子是各類(lèi)優(yōu)惠券，設(shè)計(jì)的時(shí)候會(huì)有明確的位置說(shuō)明限制時(shí)間，類(lèi)別等等，同時(shí)還會(huì)有清晰的入口引導(dǎo)去使用或者規(guī)則的入口。
7. 易取原則-行為輸入代替字符輸入
這一點(diǎn)其實(shí)也非常好理解，一個(gè)簡(jiǎn)單的動(dòng)作，比打字要輕松得多，常見(jiàn)的就是在設(shè)備解鎖的時(shí)候，用手勢(shì)解鎖替代密碼解鎖。
隨著技術(shù)發(fā)展，有了更多的行為代替輸入的方式，比如指紋識(shí)別和面部識(shí)別，用簡(jiǎn)單的操作，就可以達(dá)到進(jìn)入系統(tǒng)的目的，這就避免了用戶需要較多的操作和密碼的記憶。
二、靈活高效原則
靈活易用原則不僅是一個(gè)交互設(shè)計(jì)原則，也代表了一種軟件產(chǎn)品設(shè)計(jì)理念：系統(tǒng)既要做得簡(jiǎn)單、易用，讓所有用戶用起來(lái)得心應(yīng)手；
靈活易用原則的根本目標(biāo)是保持系統(tǒng)的靈活性，以滿足不同用戶的不同需求。
既要提供必要的幫助，讓剛?cè)腴T(mén)的初級(jí)用戶順利上手，還需要支持靈活的個(gè)性化定制，讓高級(jí)用戶能夠快捷高效使用高頻功能，充分發(fā)揮其價(jià)值。
該原則在設(shè)計(jì)中的體現(xiàn)：
1. 靈活高效-提供定制化服務(wù)
讓用戶靈活定制的最典型的例子是各類(lèi)軟件和App的配置功能，基本上所有軟件都會(huì)提供定制化功能，從快捷鍵設(shè)置，到頁(yè)面布局，再到自定義參數(shù)，軟件系統(tǒng)會(huì)盡量提供全面的個(gè)性化設(shè)置功能，來(lái)滿足不同用戶的使用訴求和習(xí)慣，提升用戶的使用效率和體驗(yàn)。
例如支付寶首頁(yè)，用戶可以自定義首頁(yè)的應(yīng)用。對(duì)于使用頻率比較高的老用戶來(lái)說(shuō)，這是一個(gè)非常方便的功能。
還有一種是系統(tǒng)更具用戶常用自動(dòng)整理歸納，以提升使用效率，減少用戶多余操作。
比如：微信的聊天表情，由于可以選擇的表情很多，正常情況下用戶很難快速找到自己想用的表情。而用戶的使用習(xí)慣往往是循環(huán)使用其中的某幾個(gè)，所以把最近使用的表情展現(xiàn)出來(lái)，會(huì)極大的提升用戶的尋找效率。
除了從新老用戶的角度對(duì)用戶做區(qū)分，還可以從其他維度區(qū)分用戶，針對(duì)不同用戶做不同的功能。
比如：微信為了讓中老年用戶使用方便，推出了關(guān)懷模式。在關(guān)懷模式下（下圖）文字更大、色彩更強(qiáng)、按鈕更大，還可以使用“聽(tīng)文字消息”的功能。這些功能充分考慮了“中老年用戶”的需求和痛點(diǎn)，讓產(chǎn)品更加靈活易用。
2. 靈活高效-提高用戶使用效率
靈活高效原則在交互設(shè)計(jì)中使用會(huì)提高用戶使用效率，例如微信聊天頁(yè)面中，當(dāng)用戶輸入某個(gè)字詞之后，系統(tǒng)會(huì)自動(dòng)幫你匹配相應(yīng)的表情包；
當(dāng)你輸入某個(gè)詞之后，輸入法會(huì)幫你自動(dòng)聯(lián)想接下來(lái)你可能會(huì)輸入的詞；
截圖后進(jìn)入微信聊天頁(yè)面后，系統(tǒng)會(huì)將你剛截的圖前置，它會(huì)自動(dòng)判斷你可能想發(fā)送該截圖。如下圖：
3. 靈活高效-“跳過(guò)”按鈕
通過(guò)用戶快捷跳過(guò)的入口，比如常見(jiàn)的：引導(dǎo)頁(yè)、操作手冊(cè)、還是開(kāi)屏廣告，有“跳過(guò)”或者”立即進(jìn)入“按鈕真的很貼心。
4. 靈活高效-允許用戶重復(fù)操作
對(duì)于用戶頻繁使用的部分，提供快捷的重復(fù)使用操作，比如：外賣(mài)app，用戶可以快捷地再來(lái)一單，同時(shí)保存上一次操作記錄。
5. 靈活高效-各取所需
在設(shè)計(jì)功能時(shí)，最好能考慮到不同層次用戶的需求，以此來(lái)讓用戶「各取所需」（需要平臺(tái)有多類(lèi)型用戶）；比如常見(jiàn)的Word、Photoshop等，有一個(gè)“二八定律”，就是說(shuō)80%的功能是給20%的用戶使用的。
設(shè)計(jì)這類(lèi)產(chǎn)品時(shí)，最常用的20%的功能一定擺在最顯著的位置上，方便所有用戶使用，而80%的高端功能，要適度隱藏，使得整個(gè)產(chǎn)品看起來(lái)盡量簡(jiǎn)潔、美觀。比如Sketch的工具欄和快捷鍵就是給新手或資深用戶準(zhǔn)備的。
6. 大數(shù)據(jù)智能判斷
淘寶的首頁(yè)每個(gè)人推薦的商品都不相同，淘寶后臺(tái)根據(jù)用戶的瀏覽習(xí)慣，購(gòu)買(mǎi)/收藏記錄等大數(shù)據(jù)智能判斷用戶的喜好，對(duì)商品進(jìn)行千人千面的分發(fā)。
但是切記不要太過(guò)依賴(lài)大數(shù)據(jù)算法的判斷，因?yàn)橐坏┬纬蛇@種模式，會(huì)給用戶造成回音壁效應(yīng)，你越喜歡的東西系統(tǒng)就越給你推薦，其他的商品就像回音壁一樣被吸收過(guò)濾，用戶永遠(yuǎn)沒(méi)有辦法發(fā)現(xiàn)新的東西，讓用戶的選擇永遠(yuǎn)都在一個(gè)死循環(huán)，所以做千人千面設(shè)計(jì)時(shí)一定要適度。
三、優(yōu)美簡(jiǎn)約原則
優(yōu)美而簡(jiǎn)約原則的根本目標(biāo)是讓用戶快速找到界面的重要信息，引導(dǎo)用戶的視線及操作行為。
UI設(shè)計(jì)應(yīng)該是符合大眾審美的，不需要多么酷炫，而是需要我們注重信息獲取效率，更加聚焦內(nèi)容，刪除多余的視覺(jué)表達(dá)元素，讓界面保持美觀簡(jiǎn)約。
“快掃”是互聯(lián)網(wǎng)用戶瀏覽的主要方式。我們熟知的產(chǎn)品設(shè)計(jì)的四大基本原則：親密性、對(duì)齊、重復(fù)、對(duì)比，就是使頁(yè)面優(yōu)美而簡(jiǎn)約的方法。
該原則在設(shè)計(jì)中的體現(xiàn)：
1. 優(yōu)美簡(jiǎn)約-視覺(jué)層級(jí)關(guān)系明顯
建立清晰的視覺(jué)層級(jí)，越重要的內(nèi)容越突出，能夠方便用戶無(wú)障礙地瀏覽信息，提高用戶操作與信息獲取效率，各模塊間采用卡片或者間距區(qū)分開(kāi)，加強(qiáng)頁(yè)面層級(jí)區(qū)分。
我們通過(guò)顏色、大小、字體的字重、對(duì)比度、元素的間距、特殊造型、動(dòng)效等來(lái)表現(xiàn)。
2. 優(yōu)美簡(jiǎn)約-避免界面元素過(guò)于雜亂
避免界面呈現(xiàn)過(guò)多元素，包括動(dòng)效、配圖、icon、按鈕等等，降低用戶的視覺(jué)干擾。保留產(chǎn)品最主要的信息，如果不是優(yōu)先級(jí)最高，要盡一切可能避免去影響產(chǎn)品的簡(jiǎn)潔和美觀，可采用大留白增加頁(yè)面呼吸感，聚焦內(nèi)容。
3. 優(yōu)美簡(jiǎn)約-對(duì)重要信息突出顯示
用戶注意力資源有限，應(yīng)該保持信息精煉，突出重要信息，弱化次要信息。
上面兩個(gè)案例通過(guò)加粗放大、標(biāo)記顏色，從而讓頁(yè)面簡(jiǎn)潔，且突出重要信息。
四、容錯(cuò)原則
容錯(cuò)原則的根本目標(biāo)是讓那個(gè)用戶在操作出錯(cuò)后還能挽回錯(cuò)誤的余地，從而給用戶一致產(chǎn)品很安全貼心的感覺(jué)。
系統(tǒng)需幫助用戶識(shí)別、診斷、并為用戶從錯(cuò)誤中恢復(fù)提出建設(shè)性的解決方案。通過(guò)提示性文字或者插圖讓用戶意識(shí)到出錯(cuò)了，比如404頁(yè)面的情感化插圖、彈窗提示用戶出錯(cuò)等。
該原則在設(shè)計(jì)中的體現(xiàn)：
1. 容錯(cuò)原則-引起用戶注意
當(dāng)發(fā)生錯(cuò)誤時(shí)，提示信息一定要直觀，視覺(jué)上能夠引起用戶注意，可視化處理，文案要簡(jiǎn)單概要，并給出解決方案。
例如刪除訂單時(shí)，會(huì)提示二次確認(rèn)，避免用戶誤操作。
2. 容錯(cuò)原則-提供解決方案
在出錯(cuò)界面給出解決方案，可以是文字提醒或者按鈕跳轉(zhuǎn)等形式，幫助用戶解決問(wèn)題。比如缺省頁(yè)的設(shè)計(jì)除了配置插圖還會(huì)有提示文案與操作按鈕，引導(dǎo)用戶去操作，去進(jìn)一步解決問(wèn)題。
3. 容錯(cuò)原則-幫助挽回?fù)p失
系統(tǒng)能幫助用戶自動(dòng)甄別錯(cuò)誤，并及時(shí)進(jìn)行糾正時(shí)，將會(huì)給用戶帶來(lái)極大的便利，撤銷(xiāo)或者找回功能，都是幫用戶把損失降到最低的有效方法。
比如微信信息的消息撤回重新編輯，相冊(cè)的最近刪除、回收站等等功能。
五、人性化幫助原則
人性化幫助原則的根本目標(biāo)是用戶在使用產(chǎn)品的過(guò)程中有所依循，因?yàn)楫a(chǎn)品已經(jīng)貼心地為他們準(zhǔn)備好了幫助方式，或者即時(shí)提示和反饋，或者客服。
人性化幫助用戶最好的方式分別為：
- 無(wú)需提示；
- 一次性提示；
- 常駐提示；
- 幫助文檔。
最好的就是沒(méi)有提示，用戶就能看懂與應(yīng)用產(chǎn)品；其次是一次性提示，提示一次用戶就懂如何使用，比如第一次進(jìn)入app或新功能上線的引導(dǎo)設(shè)計(jì)、通常為氣泡形式。常駐提示需要一直固定在某個(gè)位置實(shí)時(shí)幫助用戶。
最后就是幫助文檔了，一般用于解釋規(guī)則或者熱點(diǎn)問(wèn)題，通常以超鏈接的形式存在于頁(yè)面中，或者以集合形式位于設(shè)置頁(yè)中，此時(shí)需要注意要易于檢索。
該原則在設(shè)計(jì)中的體現(xiàn)：
1. 人性化幫助-方便用戶查找
幫助文檔的入口容易找到，幫助信息方便用戶查找。常見(jiàn)的方式有：鼠標(biāo)劃過(guò)懸浮文字說(shuō)明，幫助用戶更好地理解。
2. 人性化幫助-便于用戶理解
用戶通過(guò)查看幫助文檔來(lái)學(xué)習(xí)新功能，相對(duì)比較麻煩。如果能將教程和功能放在一起，用戶可以“邊學(xué)邊練”，就更容易讓用戶理解。
提示語(yǔ)避免使用專(zhuān)業(yè)術(shù)語(yǔ)，盡量使用圖片或者圖形，同時(shí)處理文字外還可以使用示意圖，操作步驟等，方便用戶應(yīng)用。
3. 人性化幫助-便于用戶應(yīng)用
在操作時(shí)的幫助信息，比如幫助懸浮按鈕：一直出現(xiàn)在頁(yè)面固定位置，方便用戶遇到問(wèn)題尋求幫助。
4. 人性化幫助-信息引導(dǎo)
搜索時(shí)，預(yù)搜索詞直觀地顯示出來(lái)，可以讓用戶更快地做出搜索判斷。
微信轉(zhuǎn)賬頁(yè)面，當(dāng)用戶輸入金額較大時(shí)，會(huì)在第一位數(shù)字下方提示轉(zhuǎn)賬金額的人民幣單位，目的是為了避免用戶輸入錯(cuò)誤金額導(dǎo)致資金損失；
5. 人性化幫助-步驟引導(dǎo)
復(fù)雜的流程可以通過(guò)分步驟來(lái)引導(dǎo)用戶逐步完成，而不是一次完成所有任務(wù)。個(gè)性化的提示一次就夠了，用戶用過(guò)一次就知道其用法。
現(xiàn)在很多C端產(chǎn)品普遍已經(jīng)做了良好的交互設(shè)計(jì)，可以幫助用戶快速學(xué)習(xí)使用，而不用閱讀、理解復(fù)雜的說(shuō)明文檔。
然而，B端產(chǎn)品的復(fù)雜性比C端產(chǎn)品高很多，因?yàn)锽端產(chǎn)品蘊(yùn)含很多業(yè)務(wù)流程的規(guī)則，系統(tǒng)中的一個(gè)按鈕可能代表了一個(gè)復(fù)雜的業(yè)務(wù)處理規(guī)則，如果不了解整個(gè)業(yè)務(wù)場(chǎng)景和處理規(guī)則，是很難理解按鈕的操作含義的。
因此，對(duì)于B端產(chǎn)品，用戶進(jìn)行自助服務(wù)、自助操作的難度高很多，B端產(chǎn)品的幫助文檔依然有存在的必要。產(chǎn)品設(shè)計(jì)人員要盡量在前端交互上做好引導(dǎo)提示，對(duì)于復(fù)雜的規(guī)則和邏輯，可以考慮通過(guò)幫助文檔來(lái)指導(dǎo)用戶。
總結(jié)
尼爾森十大可用性原則可靈活運(yùn)用于各個(gè)地方，可以是交互設(shè)計(jì)，也可以是界面設(shè)計(jì)，深入了解該設(shè)計(jì)原則，可以找到更好的解決方案，提高用戶的使用體驗(yàn)。
要注意的是，這10項(xiàng)原則是啟發(fā)式（heuristics）的、廣泛的經(jīng)驗(yàn)法則，而不是具體的規(guī)定。
- 狀態(tài)可見(jiàn)原則：位置可見(jiàn)、數(shù)量可見(jiàn)、狀態(tài)可見(jiàn)；
- 環(huán)境貼近原則：語(yǔ)言應(yīng)該是用戶所能理解和習(xí)慣的；
- 用戶可控原則：可見(jiàn)導(dǎo)航、關(guān)閉與返回、撤銷(xiāo)與重做；
- 一致性原則：產(chǎn)品內(nèi)部一致、交互一致、迭代產(chǎn)品一致、同一產(chǎn)品線一致、設(shè)計(jì)語(yǔ)言一致、業(yè)內(nèi)產(chǎn)品一致；
- 防錯(cuò)原則：操作前預(yù)警、操作中確認(rèn)、操作后可撤回；
- 易取原則：易掃描、智能獲取、草稿箱和歷史記錄、對(duì)象可視化、選擇代替輸入；
- 靈活高效原則：靈活配置、允許頻繁操作、各取所需；
- 優(yōu)美而簡(jiǎn)約原則：視覺(jué)層次明顯、簡(jiǎn)約且突出重點(diǎn)信息；
- 容錯(cuò)原則：幫助用戶識(shí)別、診斷，并從錯(cuò)誤中恢復(fù)提供方法；
- 人性化幫助原則：無(wú)需提示、一次性提示、常駐提示、幫助文檔。
本文由 @三原設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash ，基于 CC0 協(xié)議
該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
非常不錯(cuò)，不過(guò)多一些錯(cuò)誤案例就更直觀了
謝謝分析，文章寫(xiě)了尼爾森十大可用性原則的設(shè)計(jì)思想，也寫(xiě)了很多具體操作，并有舉例。值得反復(fù)閱讀。
對(duì)你有用就好