當(dāng)前位置: 首頁 > 設(shè)計(jì)資訊 > 理論文摘 > 正文

尼爾森十大可用性原則研究與運(yùn)用

2018-11-16 2864 0

尼爾森十大可用性原則


【導(dǎo)讀】

尼爾森(Jakob Nielsen)是一位人機(jī)交互學(xué)博士,于1995年1月1日發(fā)表了「十大可用性原則」。尼爾森的十大可用性原則是尼爾森博士分析了兩百多個(gè)可用性問題而提煉出的十項(xiàng)通用型原則。它是產(chǎn)品設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)的重要參考標(biāo)準(zhǔn),值得深入研究與運(yùn)用。

undefined

【尼爾森原則】

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

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

 1、菜單導(dǎo)航記錄是否明顯?

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

undefined       


 

2、 標(biāo)題欄是否明確?

無論是文章標(biāo)題還是卡片標(biāo)題,標(biāo)題都十分重要,如果頁面缺少標(biāo)題或標(biāo)題與內(nèi)容不符,將導(dǎo)致很差的用戶體驗(yàn)。


 

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

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

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

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


 

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

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

1、 圖標(biāo)是否表達(dá)貼切?

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


 

2、 文字是否表達(dá)貼切?

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


 

三、撤銷重做原則

為了避免用戶的誤用和誤擊,網(wǎng)頁應(yīng)提供撤銷和重做功能。

谷歌瀏覽器:

360瀏覽器:

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

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

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


 

四、一致性原則

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

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

1、 結(jié)構(gòu)一致

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

undefined


 

2、 文字描述一致

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


 

3、 顏色一致

如果給“新增”按鈕藍(lán)色,平臺(tái)上所有的“新增”按鈕必須保持一致。


 

4、 操作方式一致

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

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


 

5、 反饋一致

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


 

五、防錯(cuò)原則

通過網(wǎng)頁的設(shè)計(jì)、重組或特別安排,防止用戶出錯(cuò)。

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

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


 

2、刪除操作中:點(diǎn)擊刪除按鈕后,跳出刪除彈框。讓用戶再次確認(rèn),以防用戶刪除錯(cuò)誤。


 

六、易取原則

好記性不如爛筆頭。盡可能減少用戶回憶負(fù)擔(dān),把需要記憶的內(nèi)容擺上臺(tái)面。動(dòng)作和選項(xiàng)應(yīng)該是可見的。


 

在確認(rèn)操作時(shí),將前面的操作選項(xiàng)再次提煉出來,以供用戶確認(rèn)。
 


 

七、靈活高效原則

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

1、 新手引導(dǎo)

打開新的平臺(tái)或新版平臺(tái)時(shí),經(jīng)常會(huì)有“新手引導(dǎo)”,有些平臺(tái)用戶可以選擇跳過,不過考慮到終極用戶,“新手引導(dǎo)”是必須保留的一個(gè)友好功能。


 

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

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

undefined


 

3、 自定義導(dǎo)航

頭條的導(dǎo)航,因?yàn)槭謾C(jī)寬度有限,一行只能放幾個(gè)選項(xiàng),因此“自定義導(dǎo)航”有效的解決了這個(gè)問題,用戶可以根據(jù)自己喜好,可自主選擇選項(xiàng)并將優(yōu)先級(jí)排序,使用起來更加個(gè)性化。

undefined


 

八、易掃原則

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

1、 標(biāo)題字號(hào)比內(nèi)容字號(hào)大,易于快速捕捉信息


 

2、表單填寫時(shí),避免不必要的信息填寫,填寫時(shí)也分清主次。必須項(xiàng)前加紅色星號(hào)。


 

九、容錯(cuò)原則

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

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


 

十、人性化幫助原則

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

網(wǎng)易郵箱PC端的注冊界面:注冊郵箱時(shí),

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

當(dāng)輸入出錯(cuò)時(shí)不但會(huì)出現(xiàn)錯(cuò)誤的提示,還會(huì)給出相應(yīng)的建議,幫助用戶進(jìn)行正確的抉擇,有效的提高了注冊的效率。

 

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


 

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


 


9
評(píng)論區(qū)(0)
正在加載評(píng)論...