尼爾森十原則提出于1995年1月1日,是人機交互學(xué)博士Jakob Nielsen分析了兩百多個可用性問題而提煉出的十項通用型原則。它是產(chǎn)品設(shè)計與用戶體驗設(shè)計的重要參考標(biāo)準(zhǔn),值得深入研究與運用。
1.狀態(tài)可見性:系統(tǒng)應(yīng)該在適當(dāng)?shù)臅r間內(nèi)做出適當(dāng)?shù)姆答仯嬷脩舢?dāng)前的系統(tǒng)狀態(tài)。
a.告訴用戶處在系統(tǒng)的什么位置:用戶往往需要知道自己處在系統(tǒng)的什么位置,特別對于新手用戶來說,需要提供必要的信息,否則容易產(chǎn)生迷失。
b.讓用戶知道自己在做什么:用戶需要知道自己的操作是否被系統(tǒng)感知,所以,在用戶操作后,應(yīng)當(dāng)?shù)谝粫r間提供反饋告訴用戶這項操作被用戶接受了。
c.讓用戶知道系統(tǒng)在做什么:當(dāng)系統(tǒng)在運行中時,盡可能向用戶提供系統(tǒng)運行狀態(tài)的信息。
d.讓用戶知道系統(tǒng)做了什么:讓用戶知道操作的結(jié)果,從而進行下一步操作,需要盡可能給予相關(guān)的信息反饋,即便是在沒有結(jié)構(gòu)的時候也是一樣。
e.利用多種反饋:反饋信息可以通過文字,動效,聲音,震動,界面元素的變化等多種方式給用戶以提示。
f.對系統(tǒng)響應(yīng)延遲應(yīng)進行反饋:當(dāng)系統(tǒng)響應(yīng)小于1秒時不會打斷用戶思考,不需要特別反饋,響應(yīng)時間越長用戶滿意度越低,10秒時用戶注意力上限,響應(yīng)時間較長時,給與必要的反饋。
以淘寶我的訂單頁界面為例:
首先是序號3,顯示了訂單的狀態(tài),讓用戶了解下沒下單,有沒有付款,是不是發(fā)貨,以及是否評價,處理導(dǎo)航欄,在訂單右上角,序號2也能看到訂單狀態(tài),并且在序號1看到運費險是否成功出單。
2.環(huán)境貼切原理:產(chǎn)品設(shè)計應(yīng)該使用用戶的語言,使用用戶熟悉的詞,句,概念,還應(yīng)該符合真實世界中的使用習(xí)慣。
a.保證使用用戶語言:保證使用語言是用戶能理解和聯(lián)想的,并不是只能使用大眾化的語言,而是目標(biāo)用戶熟悉的語言。
b.符合現(xiàn)實世界中的使用習(xí)慣:將產(chǎn)品的使用習(xí)慣和現(xiàn)實中產(chǎn)品的使用習(xí)慣聯(lián)系起來。
c.使用現(xiàn)實世界的隱喻:從現(xiàn)實世界中借鑒的設(shè)計元素可以顯著的降低用戶的認知和學(xué)習(xí)困難,并增加他們的使用興趣
d.使用手勢操作聯(lián)想:使用的操作手勢,應(yīng)當(dāng)是用戶自然能夠聯(lián)想到的,不要輕易定義和創(chuàng)造用戶難以聯(lián)想到的手勢。
以美團主頁為例:
美團所有的分類icon都是結(jié)合了生活中的具象元素,符合人們認知。人們能很好的接受,如果刀叉代表超市,就會引起歧義,讓人產(chǎn)生懷疑,困惑。影響操作體驗,增加錯誤操作率。
3.用戶可控性原則:用戶經(jīng)常會在使用功能的時候發(fā)生誤操作,這時需要一個非常明確的“緊急出口”來幫助他們從當(dāng)時的情境中恢復(fù)過來,需要支持取消和重做。
a.用戶可以自由導(dǎo)航:清晰和便捷的導(dǎo)航方式,使用戶可以自由的控制返回和去到的地方
b.用戶可以自由的退出,或返回上一步:用戶在感覺到迷失或者困惑時,需要能夠快速撤銷的過程,用戶使用系統(tǒng)過程,是一個試錯的過程,他們通常會試一試新功能,如果發(fā)現(xiàn)錯誤就改正錯誤,試用新的方法,直到成功為止
c.不可逆轉(zhuǎn)的操作需要警告:重要的不可逆轉(zhuǎn)的操作需要給用戶明顯的提示,否則將對用戶產(chǎn)生嚴重的影響。
以淘寶提交訂單為例:
在不小心下錯訂單時,可以退出支付界面,回到訂單界面,點擊圖標(biāo)1取消訂單,可關(guān)閉當(dāng)前交易交易。?
4.一致性與標(biāo)準(zhǔn)化:同一產(chǎn)品內(nèi),產(chǎn)品的信息架構(gòu)導(dǎo)航,功能名稱內(nèi)容,信息的視覺呈現(xiàn),操作行為交互方式等方面保持一致,使界面看上去熟悉并且易于理解,使用用戶可以利用已有的知識來執(zhí)行新的操作,并可以預(yù)期操作結(jié)果,產(chǎn)品與通用的業(yè)界標(biāo)準(zhǔn)一致。
a.產(chǎn)品內(nèi)部保持一致:通用的信息應(yīng)該使用一致的用詞,外觀和布局,可以幫助用戶快速學(xué)習(xí),記憶和熟悉產(chǎn)品的功能。
b.不同版本之間有延續(xù)性:產(chǎn)品的不同版本之間,主要的功能,設(shè)計元素等,盡量有一定的延續(xù)性,避免用戶產(chǎn)生困惑
C.與業(yè)內(nèi)產(chǎn)品保持一致:用戶在使用其他產(chǎn)品,特別大眾型產(chǎn)品時已經(jīng)形成了一定的習(xí)慣,不要輕易違反業(yè)界規(guī)范
以美團外賣商家頁為例:
在各個商鋪店面布局上保持一致性,都是上方為主導(dǎo)航欄(標(biāo)號1),顯示點菜,評價和商家信息;側(cè)面為副菜單欄(標(biāo)號2),右下方大區(qū)域(標(biāo)號3)顯示各種不同種類菜品,便于用戶長久使用。
5.錯誤預(yù)防原則:在用戶選擇動作發(fā)生之前,就要防止用戶容易混淆或者錯誤的選擇
a.在執(zhí)行危險操作前請用戶確認:在用戶執(zhí)行比較危險的操作時,讓用戶確認,避免用戶發(fā)生比較嚴重的錯誤
b.利用清晰的提示防止錯誤:提供清晰的提示,也能防止用戶犯錯
c.利用用戶的聯(lián)想防止錯誤:利用顏色,動效等提供警示信息
以美團外賣下單為例,
在選完菜品之后,點結(jié)算,會出現(xiàn)訂單信息界面,讓用戶再次檢查訂單信息,訂單無誤后,再提交訂單,出現(xiàn)支付界面,用于檢查金額和支付方式,當(dāng)發(fā)現(xiàn)問題可按后退鍵回到訂單界面,取消訂單。
6.識別好過記憶:盡量減少用戶需要記憶的事情和行動,提供可選項讓用戶再認信息
a.將選擇對象可視化:將選擇對象,動作,選項可視化,使得用戶一看就懂
b.豐富的記憶線索:抽象圖形+文字,提供更多信息,幫助用戶確認
c.使用通用的命令:通過使用通用的命令,減少用戶的記憶負擔(dān)
d.更多讓用戶選擇而不是輸入:產(chǎn)品應(yīng)該給用戶提供選項,讓用戶從中選擇或直接進行編輯
以淘寶下方導(dǎo)航欄為例,
通過符合用戶認知的圖標(biāo)與各個模塊功能完成形象映射,使用戶更直接知道每個圖片代表什么,而不用通過看文字,經(jīng)過思考,才知道代表什么。降低操作負荷。
7.靈活高效原則:系統(tǒng)需要同時適用于經(jīng)驗豐富和缺乏經(jīng)驗的用戶(為用戶提供便捷,好的軟件不但考慮到新用戶的需要,也要考慮到熟練用戶的需要。不但應(yīng)對新用戶來說簡單易學(xué),還要對熟練用戶來說快捷,高效,尤其是可以方便地使用頻率較高的功能)
a. 提供快捷鍵:為頻繁操作的功能設(shè)置快捷鍵
b. 允許用戶使用重新操作:對用戶頻繁使用的部分,提供重復(fù)使用的功能或者模版
c. 提供系統(tǒng)默認值:通過提供系統(tǒng)默認值,而減少用戶多余的操作
以美團外賣搜索推薦詞為例,
在搜索框下,根據(jù)歷史搜索,推薦可能會用的搜索詞,利用用戶搜索習(xí)慣,極大增加搜索效率。
8.優(yōu)美簡約原則:界面中不應(yīng)該包含無關(guān)緊要的信息,設(shè)計需要簡潔明了,不要包括不相關(guān)或者不需要的內(nèi)容,每個多余的信息都會分散用戶對有用或者相關(guān)信息的注意力
a. 避免界面元素過于雜亂,同時呈現(xiàn)過多元素,動效
b.對重點信息突出準(zhǔn)備,用戶的精力是有限的,應(yīng)該保持信息的精煉,又突出有弱化
以微信界面為例,
微信的功能很多,像各種小程序,公眾號,朋友圈以及生活服務(wù)等,但在微信的界面依然保持簡潔的特點,根據(jù)功能與使用習(xí)慣,將整體分為四個大模塊:微信、通訊錄、發(fā)現(xiàn)、我。并利用下拉工具和左右滑動完成界面的整潔,提高用戶使用體驗。
9. 幫助用戶認知、判斷、修復(fù)錯誤:用簡單明確的語言解釋錯誤信息,精確指出問題的原因并且提出建設(shè)性的解決方案。
a. 引起用戶注意:當(dāng)錯誤發(fā)生時,提示信息一定要直觀醒目,文字需要簡單易懂。
b. 提供建設(shè)性建議:當(dāng)用戶遇到錯誤時,盡可能提供有實質(zhì)意義的信息,比如問題是什么,如何從錯誤中恢復(fù)等等。
c. 自動糾錯:當(dāng)系統(tǒng)能夠幫助用戶自動甄別錯誤,并及時進行修正,將給用戶帶來極大的便利。
以美團外賣下訂單為例
當(dāng)用戶選擇兩款折扣矛盾商品時,會出現(xiàn)提示彈窗;如圖2,在選擇地址時,會自動推薦合適地址,屏蔽不適合的地址;如圖3,當(dāng)選擇不在配送范圍的地址時,會出現(xiàn)提示窗口,并告知請再確定收貨地址信息。
10. 幫助與引導(dǎo)原則:提供幫助信息,幫助信息應(yīng)當(dāng)易于查找,聚焦于用戶的使用任務(wù),列出使用步驟,并且信息量不能過大。
a. 方便用戶查找:幫助文檔入口容易找到,幫助要信息方便用戶查找
b. 便于用戶理解:避免使用專業(yè)術(shù)語,盡量使用圖片或者圖表,除了文字外還可以使用示意圖,操作步驟等,方便用戶應(yīng)用。
c. 便于用戶應(yīng)用:在操作的同時能看見幫助的信息
以美團外賣智能點餐為例,
在智能點餐時,系統(tǒng)會自動引導(dǎo)用戶填寫用餐信息,如人數(shù),價格,以提供更加合適的配餐選擇。