當前位置: 首頁 > 設計資訊 > 理論文摘 > 正文

尼爾森十大可用性原則研究與運用

2018-11-16 2911 0

尼爾森十大可用性原則


【導讀】

尼爾森(Jakob Nielsen)是一位人機交互學博士,于1995年1月1日發(fā)表了「十大可用性原則」。尼爾森的十大可用性原則是尼爾森博士分析了兩百多個可用性問題而提煉出的十項通用型原則。它是產品設計與用戶體驗設計的重要參考標準,值得深入研究與運用。

undefined

【尼爾森原則】

一、狀態(tài)可見原則

用戶在網頁上的任何操作,不論是單擊、滾動還是按下鍵盤,頁面應即時給出反饋。“即時”是指,頁面響應時間小于用戶能忍受的等待時間。

 1、菜單導航記錄是否明顯?

菜單一版會有三種狀態(tài):默認狀態(tài)、選中狀態(tài)、鼠標懸浮狀態(tài)。三種狀態(tài)需明確區(qū)分開,好讓用戶明確知道當前操作狀態(tài)。

undefined       


 

2、 標題欄是否明確?

無論是文章標題還是卡片標題,標題都十分重要,如果頁面缺少標題或標題與內容不符,將導致很差的用戶體驗。


 

3、數(shù)據(jù)等待是否有進度提示?

生活中和工作中,很多時候,我們并不是怕等待,而是怕不知道要等待多久。

就像上班差不多的路程,我們通常更喜歡坐地鐵多于坐公交,很大的原因就是公交經常不準點,而地鐵基本都精確到分秒。

同樣在網頁中,如果遇到等待,只看到進度條,沒有進度提示,我們就會不安,有疑問,目前進度百分之多少了呢?還要等待多久呢?在快節(jié)奏的工作環(huán)境中,很多時候我們索性就把頁面關了。而如果加個進度條,就給了用戶選擇權,即便要等十幾、二十幾分鐘,我們在進行權衡后,就可以決定是否繼續(xù)等待。


 

二、環(huán)境貼切原則

網頁的一切表現(xiàn)和表述,應該盡可能貼近用戶所在的環(huán)境(年齡、學歷、文化、時代背景),而不要使用第二世界的語言。

1、 圖標是否表達貼切?

如今頁面上流行大量使用圖標,以使界面更加簡潔,生動。但不可忽視的一點是,圖標必須表達貼切,否則,用戶根本不知道圖標所有表達的具體含義,如果每個圖標都要點擊或鼠標懸浮一下再出現(xiàn)提示,將大大的浪費用戶時間。如果沒有合適的圖標,可直接用文字反而會更直接。


 

2、 文字是否表達貼切?

文字描述是否準確,主要看是否有歧義,是否模棱兩可。如給個選項描述:“最佳比例”VS“自適應寬度”,覺得哪種描述更易理解呢?我會選擇“自適應寬度”,通俗易懂。“最佳比例”是什么鬼?什么叫最佳比例?


 

三、撤銷重做原則

為了避免用戶的誤用和誤擊,網頁應提供撤銷和重做功能。

谷歌瀏覽器:

360瀏覽器:

我們會發(fā)現(xiàn),主流瀏覽器左上角上都會有提供返回/刷新功能。這是非常必要的,你會發(fā)現(xiàn)這兩個功能用的頻率實在太高了。

應用軟件中,也有個經典的例子:微信。微信在v5.3.1版本中推出了消息撤回功能,用戶可以選擇撤回2分鐘內發(fā)送的信息。這一功能給用戶提供了一個及時糾錯的機會。很大程度上避免了很多誤會。

從v6.6.0開始,微信撤回后又加了一個重新編輯功能,這一功能更是加分。撤回后,用戶無需重新碼字了,只需在原來發(fā)送的文字上再次編輯即可,極大地方便了用戶的使用。


 

四、一致性原則

同一用語、功能、操作保持一致。

一致性原則屬于最基本的原則了。

1、 結構一致

平臺中,分頁按鈕統(tǒng)一置于列表內容的右下角,面包屑統(tǒng)一置于頁面右側內容區(qū)的左上角等。

undefined


 

2、 文字描述一致

平臺中經常出現(xiàn)“新增”功能,盡管“添加”與“新增”意思相同,但一個平臺中文字的描述需要保持一致,只需選擇一個描述文字即可。


 

3、 顏色一致

如果給“新增”按鈕藍色,平臺上所有的“新增”按鈕必須保持一致。


 

4、 操作方式一致

平臺中彈框的出現(xiàn)方式,詳情頁的打開方式等都需要保持一致。

如時速云詳情,統(tǒng)一給遮罩層,右側滑出。


 

5、 反饋一致

操作成功/失敗的反饋方式需保持一致。


 

五、防錯原則

通過網頁的設計、重組或特別安排,防止用戶出錯。

比出現(xiàn)錯誤信息提示更好的是,更用心的設計防止這類問題發(fā)生。在用戶選擇動作發(fā)生之前,就要防止用戶容易混淆或者錯誤的選擇。

1、美團登錄操作中:當用戶在登錄時,在沒有填寫完手機號碼前,登錄按鈕是置灰不可點擊的,只有填寫好手機號后,登錄按鈕才會變?yōu)榭牲c擊狀態(tài)。這就是一種防錯原則的體現(xiàn),如下圖:


 

2、刪除操作中:點擊刪除按鈕后,跳出刪除彈框。讓用戶再次確認,以防用戶刪除錯誤。


 

六、易取原則

好記性不如爛筆頭。盡可能減少用戶回憶負擔,把需要記憶的內容擺上臺面。動作和選項應該是可見的。


 

在確認操作時,將前面的操作選項再次提煉出來,以供用戶確認。
 


 

七、靈活高效原則

中級用戶的數(shù)量遠高于初級和高級用戶數(shù)。為大多數(shù)用戶設計,不要低估,也不可輕視,保持靈活高效。

1、 新手引導

打開新的平臺或新版平臺時,經常會有“新手引導”,有些平臺用戶可以選擇跳過,不過考慮到終極用戶,“新手引導”是必須保留的一個友好功能。


 

2、 微信中的最近使用表情模塊

微信自動將用戶最近使用的表情歸為一個模塊置前,用戶可以快速找到自己喜歡的常用的表情,提高了聊天效率。

undefined


 

3、 自定義導航

頭條的導航,因為手機寬度有限,一行只能放幾個選項,因此“自定義導航”有效的解決了這個問題,用戶可以根據(jù)自己喜好,可自主選擇選項并將優(yōu)先級排序,使用起來更加個性化。

undefined


 

八、易掃原則

互聯(lián)網用戶瀏覽網頁的動作不是讀,不是看,而是掃。易掃,意味著突出重點,弱化和剔除無關信息。

1、 標題字號比內容字號大,易于快速捕捉信息


 

2、表單填寫時,避免不必要的信息填寫,填寫時也分清主次。必須項前加紅色星號。


 

九、容錯原則

幫助用戶從錯誤中恢復,將損失降到最低。如果無法自動挽回,則提供詳盡的說明文字和指導方向,而非代碼,比如404。

用配圖+文字代替“404”,明確告訴用戶哪里錯了和解決方案。


 

十、人性化幫助原則

幫助性提示最好的方式是:1、無需提示;2、一次性提示;3、常駐提示;4;幫助文檔。

網易郵箱PC端的注冊界面:注冊郵箱時,

當輸入正確的時候,下方出現(xiàn)綠色對勾圓圈,提示用戶輸入正確,可以進入下一步操作了。

當輸入出錯時不但會出現(xiàn)錯誤的提示,還會給出相應的建議,幫助用戶進行正確的抉擇,有效的提高了注冊的效率。

 

-----------------


 

好啦,綜上即便是本人對“尼爾森十大可用性原則”的思考,列舉的例子不算多,不算精,算是拋磚引玉吧,希望大家在工作中找到或發(fā)現(xiàn)更好的解決方案~


 


9
評論區(qū)(0)
正在加載評論...
相關推薦