雅各布·尼爾森（Jakob Nielsen）的十大可用性原則圈澈，它們被稱為“啟發(fā)式”，因?yàn)樗鼈兪菑V泛的經(jīng)驗(yàn)法則尘惧，而不是特定的可用性指導(dǎo)原則康栈。因此，我們不能把它上升為一種標(biāo)準(zhǔn)，而是應(yīng)該當(dāng)做一種經(jīng)驗(yàn)來學(xué)習(xí)谅将，然后跟現(xiàn)實(shí)中的設(shè)計(jì)結(jié)合來使用漾狼。
接下來重慢，通過一些具體的實(shí)例來跟大家深度解析“尼爾森十大可用性原則”在設(shè)計(jì)中的用法饥臂。
雅各布·尼爾森（Jakob Nielsen）簡(jiǎn)介
雅各布·尼爾森（Jakob Nielsen）是畢業(yè)于哥本哈根的丹麥技術(shù)大學(xué)的人機(jī)交互博士，他擁有79項(xiàng)美國(guó)專利,專利主要涉及讓互聯(lián)網(wǎng)更容易使用的方法似踱。尼爾森在2000年6月隅熙，入選了斯堪的納維亞互動(dòng)媒體名人堂，2006年4月核芽，并被納入美國(guó)計(jì)算機(jī)學(xué)會(huì)人機(jī)交互學(xué)院囚戚，被賦予人機(jī)交互實(shí)踐的終身成就獎(jiǎng)。他還被紐約時(shí)報(bào)稱為“Web 易用性大師”轧简，被 Internet Magazine 稱為 “易用之王”驰坊。
原則一：「狀態(tài)可見原則」在設(shè)計(jì)中的應(yīng)用
The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.
系統(tǒng)應(yīng)該讓用戶時(shí)刻清楚當(dāng)前發(fā)生了什么事情，也就是快速的讓用戶了解自己處于何種狀態(tài)哮独、對(duì)過去發(fā)生拳芙、當(dāng)前目標(biāo)、以及對(duì)未來去向有所了解皮璧，一般的方法是在合適的時(shí)間給用戶適當(dāng)?shù)姆答佒墼乐褂脩羰褂贸霈F(xiàn)錯(cuò)誤。
場(chǎng)景案例一：頁面下拉刷新悴务，頁面加載
場(chǎng)景案例二：按鈕點(diǎn)擊后的反饋
原則二：「環(huán)境貼切原則」在設(shè)計(jì)中的應(yīng)用
The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.
軟件系統(tǒng)應(yīng)該使用用戶熟悉的語言睹限、文字、語句讯檐，或者其他用戶熟悉的概念羡疗，而非系統(tǒng)語言。軟件中的信息應(yīng)該盡量貼近真實(shí)世界别洪，讓信息更自然顺囊，邏輯上也更容易被用戶理解。
場(chǎng)景案例一：軟件使用界面與現(xiàn)實(shí)產(chǎn)品使用界面貼切
比如計(jì)算器的軟件界面設(shè)計(jì)和現(xiàn)實(shí)中的計(jì)算器界面一致蕉拢，這樣設(shè)計(jì)能讓用戶很快上手特碳，易于操作，因?yàn)楝F(xiàn)實(shí)生活中用戶已經(jīng)很熟悉計(jì)算器的使用方法了晕换，這就是環(huán)境貼切原則午乓。
場(chǎng)景案例二：語言文化習(xí)慣貼切
比如新浪微博安卓的中文版和國(guó)際版：微博的中文版和國(guó)際版的logo和內(nèi)部頁面風(fēng)格、語言闸准、結(jié)構(gòu)布局包括交互方式也不一樣益愈；考慮到國(guó)外用戶的使用，軟件的語言默認(rèn)為英文，當(dāng)然還支持各種語言版本蒸其，可以根據(jù)所需在設(shè)置中調(diào)整敏释，另外國(guó)際版界面的布局使用的設(shè)計(jì)風(fēng)格完全遵守谷歌的設(shè)計(jì)規(guī)范，這就是環(huán)境貼切原則摸袁，具體看下圖：
原則三：「用戶可控原則」在設(shè)計(jì)中的應(yīng)用
用戶常常會(huì)誤觸到某些功能钥顽，我們應(yīng)該讓用戶可以方便的退出。這種情況下靠汁，我們應(yīng)該把“緊急出口”按鈕做的明顯一點(diǎn)蜂大，而且不要在退出時(shí)彈出額外的對(duì)話框。很多用戶發(fā)送一條消息蝶怔、總會(huì)有他忽然意識(shí)到自己不對(duì)的地方奶浦，這個(gè)叫做臨界效應(yīng)；所以最好支持撤銷/重做功能踢星。
場(chǎng)景案例一：比如微信聊天中的撤回功能
兩個(gè)人在微信中聊天的時(shí)候澳叉，我發(fā)了一條消息或者表情，突然覺得不合適沐悦，我可以在長(zhǎng)按這條消息或者表情成洗，在出現(xiàn)的選擇框中選擇撤回，然后重新編輯發(fā)送所踊，來避免一時(shí)沒想好而錯(cuò)發(fā)消息可能給對(duì)方或者自己造成困擾泌枪，這就是用戶可控原則。
場(chǎng)景案例二：比如谷歌相冊(cè)刪除照片之后的撤銷功能：
在使用谷歌相冊(cè)的時(shí)候秕岛，我們會(huì)對(duì)照片做一些操作碌燕，比如照片的刪除，當(dāng)我在谷歌相冊(cè)中刪除一張照片的時(shí)候继薛，它會(huì)在底部出現(xiàn)一條提示框修壕，框內(nèi)后邊就會(huì)出現(xiàn)撤銷的提示，這也是用戶可控原則的體現(xiàn)遏考。
原則四：一致性原則在設(shè)計(jì)中的應(yīng)用
對(duì)于用戶來說慈鸠，同樣的文字、狀態(tài)灌具、按鈕青团，都應(yīng)該觸發(fā)相同的事情，遵從通用的平臺(tái)慣例咖楣；也就是督笆，同一用語、功能诱贿、操作保持一致娃肿。
軟件產(chǎn)品的一致性包括以下五個(gè)方面：
1.結(jié)構(gòu)一致性：保持一種類似的結(jié)構(gòu)咕缎，新的結(jié)構(gòu)變化會(huì)讓用戶思考，規(guī)則的排列順序能減輕用戶的思考負(fù)擔(dān)料扰。
場(chǎng)景案例：例如：微信每個(gè)模塊的條目布局：微信中每個(gè)模塊的條目都有統(tǒng)一的“圖標(biāo)加文字信息”的結(jié)構(gòu)樣式凭豪，能讓用戶快速了解朋友圈、掃一掃晒杈、搖一搖嫂伞、看一看、搜一搜桐智、附近的人末早、漂流瓶烟馅、購(gòu)物说庭、游戲及小程序等功能都是作什么的，這就是結(jié)構(gòu)一致性的體現(xiàn)郑趁，如下圖：
2.色彩一致性：產(chǎn)品所使用的主要色調(diào)應(yīng)該是統(tǒng)一的刊驴，而不是換一個(gè)頁面顏色就不同。
場(chǎng)景案例：例如：網(wǎng)易云音樂的顏色：網(wǎng)易云音樂的圖標(biāo)顏色與界面的主色均為紅色寡润，也包括其中一些標(biāo)簽和強(qiáng)調(diào)的文字顏色都是紅色捆憎，整個(gè)界面除了圖片的有效信息外，都通過灰梭纹、白躲惰、紅色來呈現(xiàn)端三，界面保持了很好的一致性神妹，這就是色彩一致性原則打掘。
3.操作一致性：能讓產(chǎn)品更新?lián)Q代時(shí)仍然讓用戶保持對(duì)原產(chǎn)品的認(rèn)知启涯，減小用戶的學(xué)習(xí)成本熬丧。
場(chǎng)景案例：比如：安卓版微信墨榄、支付寶和釘釘APP中左上角的返回操作：它們?nèi)齻€(gè)安卓版的應(yīng)用內(nèi)返回上一級(jí)操作锹雏，都是通過頂部左側(cè)的返回按鈕進(jìn)行的瞳步，當(dāng)然也可以通過安卓的物理返回鍵击儡，這就是操作一致性的體現(xiàn)塔沃。
4.反饋一致性：用戶在操作按鈕或者條目的時(shí)候，點(diǎn)擊的反饋效果應(yīng)該是一致的阳谍。
場(chǎng)景案例：比如：安卓版手機(jī)QQ信息列表的打開方式：它的信息都是列表式結(jié)構(gòu)蛀柴，不管你點(diǎn)擊那一行條目，下一級(jí)界面都是由右往左滑出矫夯，點(diǎn)擊頂部左上角的返回按鈕會(huì)從左往右滑回鸽疾，體驗(yàn)相當(dāng)一致；這就是反饋一致性的體現(xiàn)茧痒。
5.文字一致性：產(chǎn)品中呈現(xiàn)給用戶閱讀的文字大小肮韧、樣式、顏色、布局等都應(yīng)該是一致的弄企。
場(chǎng)景案例：例如微信幾個(gè)關(guān)鍵界面的字體：下圖我用紅色框框起來的條目部分的文字超燃，三個(gè)主界面不盡相同，但是拘领，字體大小意乓、顏色、布局的樣式都一樣约素，這樣讓整個(gè)APP視覺上看起來很舒服届良，這就是字體一致性，因此圣猎，我們?cè)谧鲆曈X設(shè)計(jì)的時(shí)候盡量使用統(tǒng)一風(fēng)格的文字士葫。
原則五：防錯(cuò) 原則在設(shè)計(jì)中的應(yīng)用
比一個(gè)優(yōu)秀錯(cuò)誤提醒彈窗更好的設(shè)計(jì)方式，是在這個(gè)錯(cuò)誤發(fā)生之前就避免它送悔÷裕可以幫助用戶排除一些容易出錯(cuò)的情況，或在用戶提交之前給他一個(gè)確認(rèn)的選項(xiàng)欠啤。在此荚藻，特別要注意在用戶操作具有毀滅性效果的功能時(shí)要有提示，防止用戶犯不可挽回的錯(cuò)誤洁段。
場(chǎng)景案例一：比如網(wǎng)易新聞安卓版本的登錄操作
當(dāng)用戶在網(wǎng)易新聞中登錄時(shí)应狱，在沒有填寫完手機(jī)號(hào)碼和驗(yàn)證碼前，底部的登錄按鈕是置灰不可點(diǎn)擊的祠丝，只有兩項(xiàng)都填寫完整底部的登錄按鈕才會(huì)變?yōu)榭牲c(diǎn)擊狀態(tài)疾呻，也就會(huì)紅色的，這就是為了防止用戶犯更多錯(cuò)誤纽疟，也是防錯(cuò)原則的一種體現(xiàn)罐韩。
案例二：比如安卓版微信發(fā)朋圈動(dòng)態(tài)時(shí)，點(diǎn)擊返回按鈕出現(xiàn)的提示彈窗
彈出框方式會(huì)增加不可逆操作的難度污朽，當(dāng)用戶發(fā)一條動(dòng)態(tài)一半的時(shí)候散吵，因?yàn)檎`操作或者其它退出當(dāng)前狀態(tài)的時(shí)候，使用彈窗是個(gè)不錯(cuò)的選擇蟆肆，因?yàn)橛脩暨@個(gè)操作會(huì)讓之前辛苦編輯的內(nèi)容刪除找不回矾睦，想要再發(fā)只能從頭開始，對(duì)用戶造成損失比較大炎功；這就是防錯(cuò)原則的另外一種體現(xiàn).
原則六：易取原則在設(shè)計(jì)中的應(yīng)用
通過把組件枚冗、按鈕及選項(xiàng)可見化，來降低用戶的記憶負(fù)荷蛇损。用戶不需要記住各個(gè)對(duì)話框中的信息赁温。軟件的使用指南應(yīng)該是可見的坛怪，且在合適的時(shí)候可以再次查看。
案例一：比如谷歌相冊(cè)中的刪除照片操作
用一個(gè)類似垃圾桶的“圖標(biāo)”標(biāo)識(shí)刪除功能股囊，對(duì)于用戶來講是有一定的認(rèn)知負(fù)荷的袜匿，且點(diǎn)擊“刪除”之后用戶對(duì)于造成的后果及影響也不清楚，因此稚疹，刪除之后出現(xiàn)彈窗提示很有必要居灯，此彈窗清楚的寫明了刪除之后的影響、后續(xù)的幫助說明以及操作的選項(xiàng)内狗，彈出框的出現(xiàn)很好的減少了用戶前后的記憶負(fù)荷怪嫌，這就是易取原則的體現(xiàn)
案例二：比如安卓版愛奇藝更新后的新功能引導(dǎo)
更新完APP之后，當(dāng)用戶觸發(fā)到這些功能時(shí)柳沙，會(huì)出現(xiàn)下圖類型的遮罩類的提示岩灭，這些提示告訴用戶功能所在的地方以及功能的作用；這種做法在很多APP中都會(huì)出現(xiàn)偎行，這也是易取原則的一種體現(xiàn)
原則七：靈活高效原則在設(shè)計(jì)中的應(yīng)用
汽車油門—新手用戶常炒ū常看不見贰拿，而且對(duì)于高手來說可以通過它快速與汽車互動(dòng)蛤袒。這樣的系統(tǒng)可以同時(shí)滿足有經(jīng)驗(yàn)和無經(jīng)驗(yàn)的用戶。允許用戶定制常用功能膨更。
案例一：比如安卓版本支付寶中的編輯應(yīng)用功能
支付寶首頁的應(yīng)用是可以根據(jù)自身喜好自定義的妙真，包括定義常用應(yīng)用、排序荚守、刪除珍德、新增等等；這樣用戶可以根據(jù)自己的個(gè)人興趣定制自己適合的應(yīng)用分布方式矗漾，這就叫做用戶定制常用功能锈候，也就是靈活高效原則的一種體現(xiàn)，
案例二：比如安卓版QQ聊天常用表情模塊
安卓版本的QQ聊天界面表情彈窗中會(huì)有一個(gè)“常用表情”的模塊敞贡，它把個(gè)人平時(shí)使用頻率或者次數(shù)最多的表情進(jìn)行歸類泵琳，當(dāng)用戶使用的時(shí)候能很快的找到自己喜歡或者常用的表情，提高了聊天效率誊役，體驗(yàn)很好获列，這也是靈活高效原則的體現(xiàn)
原則八：優(yōu)美且簡(jiǎn)約原則在設(shè)計(jì)中的應(yīng)用
對(duì)話中的內(nèi)容應(yīng)該去除不相關(guān)的信息或幾乎不需要的信息。任何不相關(guān)的信息都會(huì)讓原本重要的信息更難被用戶察覺蛔垢。
案例一：蘋果手機(jī)中自帶的軟件（IOS11設(shè)計(jì)規(guī)范）
在新版本的蘋果手機(jī)中自帶的軟件中標(biāo)題都屬于字體放大击孩，界面簡(jiǎn)潔的設(shè)計(jì)風(fēng)格；還有蘋果自帶的音樂軟件中鹏漆，段落中的標(biāo)題和正文區(qū)別是很明顯的巩梢，標(biāo)題明顯很大创泄，而正文部分相對(duì)較小，這就是優(yōu)美簡(jiǎn)約原則的體現(xiàn)括蝠。
案例二：例如安卓版網(wǎng)易云音樂及QQ音樂播放頁面
網(wǎng)易云音樂和QQ音樂APP音樂播放界面验烧，從視覺及功能布局上面做的相當(dāng)不錯(cuò)，美觀簡(jiǎn)約又跛、功能主次分明碍拆、用戶體驗(yàn)不錯(cuò)；也是優(yōu)美且簡(jiǎn)約原則的一種體現(xiàn)慨蓝。
原則九：幫助用戶識(shí)別感混、診斷和從錯(cuò)誤中恢復(fù)原則在設(shè)計(jì)中的應(yīng)用
錯(cuò)誤信息應(yīng)該用簡(jiǎn)單的語言(不要用代碼)來表達(dá)，準(zhǔn)確地指出問題所在礼烈，并建設(shè)性地提出解決方案弧满。
場(chǎng)景案例一：常見的錯(cuò)誤提示框
場(chǎng)景案例二：支付密碼錯(cuò)誤時(shí)的操作，“重試”可以讓用戶在不小心輸入錯(cuò)誤中立即恢復(fù)此熬。
原則十：幫助和文檔原則在設(shè)計(jì)中的應(yīng)用
即使不需要文檔就可以使用系統(tǒng)也更好庭呜，但可能有必要提供幫助和文檔。任何這樣的信息都應(yīng)該易于搜索犀忱，集中在用戶的任務(wù)上募谎，列出要執(zhí)行的具體步驟，并且不要太大阴汇。
場(chǎng)景案例一：頁面上的的幫助提示
更多參考：
