尼爾森十大可用性原則
【導(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)用。
【尼爾森原則】
一、狀態(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)。
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ū)的左上角等。
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è)模塊置前,用戶可以快速找到自己喜歡的常用的表情,提高了聊天效率。
3、 自定義導(dǎo)航
頭條的導(dǎo)航,因?yàn)槭謾C(jī)寬度有限,一行只能放幾個(gè)選項(xiàng),因此“自定義導(dǎo)航”有效的解決了這個(gè)問題,用戶可以根據(jù)自己喜好,可自主選擇選項(xiàng)并將優(yōu)先級(jí)排序,使用起來更加個(gè)性化。
八、易掃原則
互聯(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)更好的解決方案~