尼爾森十大可用性原則

尼爾森（Jakob Nielsen）是一位人機(jī)交互學(xué)博士，于1995年1月1日發(fā)表了「十大可用性原則」。1995年以來(lái)，他通過(guò)自己的 Alertbox 郵件列表以及useit.com?網(wǎng)站，向成千上萬(wàn)的 Web 設(shè)計(jì)師傳授 Web 易用性方面的知識(shí)，盡管他的一些觀點(diǎn)可能帶來(lái)爭(zhēng)議，至少在 Web 設(shè)計(jì)師眼中，他是 Web 易用性領(lǐng)域的頂尖領(lǐng)袖。

1.?狀態(tài)可見(jiàn)原則（Visibility of system status）

系統(tǒng)應(yīng)該讓用戶時(shí)刻清楚當(dāng)前發(fā)生了什么事情，也就是快速的讓用戶了解自己處于何種狀態(tài)、對(duì)過(guò)去發(fā)生、當(dāng)前目標(biāo)、以及對(duì)未來(lái)去向有所了解，一般的方法是在合適的時(shí)間給用戶適當(dāng)?shù)姆答?，防止用戶使用出現(xiàn)錯(cuò)誤。

這條很容易理解，在用戶點(diǎn)擊按鈕后應(yīng)當(dāng)給用戶實(shí)時(shí)反饋。比如：toast 提示、下載進(jìn)度條提示、點(diǎn)贊后按鈕由顏色的變化等。都屬于此范疇。

狀態(tài)提示

下載進(jìn)度條提示

J.Crew 在產(chǎn)品尺碼所剩不多的情況下，用戶hover出現(xiàn)提示

2.環(huán)境貼切原則（Match between system and the real world）

設(shè)計(jì)的一切表現(xiàn)和表述，盡可能貼近用戶所在的環(huán)境，將現(xiàn)實(shí)環(huán)境的操作功能巧妙的轉(zhuǎn)化為線上功能，使其貼近用戶。使用用戶能聽(tīng)懂的專業(yè)術(shù)語(yǔ)，涉及到專業(yè)化語(yǔ)言時(shí)要轉(zhuǎn)化成用戶熟悉的語(yǔ)言。

例如：medium的高亮功能，像我們?cè)谟眉堎|(zhì)書(shū)籍做筆記的時(shí)候劃的重點(diǎn)標(biāo)記。

medium 文章的高亮

3.操作可控原則（User control and freedom）

對(duì)于用戶的誤操作，提供二次確認(rèn)或者撤銷的功能，這樣可提高用戶的操作可控性。

如：郵箱發(fā)送的撤回鍵，微信消息的撤銷按鈕。

刪除二次確認(rèn)刪除

簡(jiǎn)書(shū)編輯文章中的撤銷與重做按鈕

4.一致性原則（Consistency and standards）

遵循統(tǒng)一的產(chǎn)品設(shè)計(jì)規(guī)范／邏輯。這里的一致性包含產(chǎn)品和跨平臺(tái)產(chǎn)品之間的一致性。

產(chǎn)品間的一致性，包含視覺(jué)和交互的一致性，無(wú)論是文案、視覺(jué)風(fēng)格、組件樣式等都包含一致性。如：文案中新建數(shù)據(jù)和添加數(shù)據(jù)，這類的字段應(yīng)當(dāng)保持一致。只選擇“新建”或者“添加”，不要混合使用，一致性能讓用戶產(chǎn)生熟悉感繼而提升好感。

ant design 按鈕規(guī)范

5.防錯(cuò)原則（Error prevention）

設(shè)置防錯(cuò)的機(jī)制，減少用戶犯錯(cuò)。在用戶選擇動(dòng)作發(fā)生之前，就要防止用戶容易混淆或者錯(cuò)誤的選擇。

例如：用手機(jī)號(hào)輸入時(shí)用344的間隔分開(kāi)，更易于用戶對(duì)比檢查，減少輸入錯(cuò)誤的情況?！跋乱徊健卑粹o在沒(méi)填寫(xiě)完成之前是禁用狀態(tài)，填寫(xiě)完成后是可點(diǎn)擊的狀態(tài)，這些都是防錯(cuò)原則的體現(xiàn)。

Airbnb登錄界面

6.識(shí)別好過(guò)記憶（Recognition rather than recall）

減少用戶記憶負(fù)荷，在適合的時(shí)機(jī)給用戶需要獲取的信息。

例如：在登錄注冊(cè)時(shí)輸入手機(jī)驗(yàn)證碼，系統(tǒng)自動(dòng)識(shí)別驗(yàn)證碼信息，點(diǎn)擊即刻自動(dòng)填充驗(yàn)證碼。不用再費(fèi)時(shí)費(fèi)力劃到信息欄記住號(hào)碼再輸入了。

眾安app 登錄輸入驗(yàn)證碼頁(yè)

7.靈活高效原則（Flexibility and efficiency of use）

提供靈活的操作和高效的獲取信息能力。

例如：淘寶對(duì)話框提供智能聯(lián)想功能，輸入關(guān)鍵字自動(dòng)聯(lián)想出相關(guān)句子，提高效率。

淘寶自動(dòng)聯(lián)想功能

8.優(yōu)美且簡(jiǎn)約原則（Aesthetic and minimalist design）

保留產(chǎn)品最主要的信息，如果不是優(yōu)先級(jí)最高，要盡一切可能避免去影響產(chǎn)品的簡(jiǎn)潔和美觀。

9.容錯(cuò)原則（Help users recognize, diagnose, and recover from errors）

用戶在使用產(chǎn)品過(guò)程中出現(xiàn)了問(wèn)題，及時(shí)準(zhǔn)確的告知用戶出現(xiàn)問(wèn)題的原因。

例如：而當(dāng)用戶輸入錯(cuò)誤的時(shí)候，輸入框會(huì)變?yōu)榧t色并且在下方出現(xiàn)紅色字的錯(cuò)誤提示，這樣讓用戶很清楚的知道用戶輸入錯(cuò)誤以及錯(cuò)誤的原因，這樣用戶就知道怎么修改了，這也是容錯(cuò)原則的一種體現(xiàn)，如下圖：