尼爾森十原則提出于1995年1月1日,是人機(jī)交互學(xué)博士Jakob Nielsen分析了兩百多個(gè)可用性問(wèn)題而提煉出的十項(xiàng)通用型原則纷捞。它是產(chǎn)品設(shè)計(jì)與用戶體驗(yàn)設(shè)計(jì)的重要參考標(biāo)準(zhǔn)痢虹,值得深入研究與運(yùn)用。
1.狀態(tài)可見(jiàn)性:系統(tǒng)應(yīng)該在適當(dāng)?shù)臅r(shí)間內(nèi)做出適當(dāng)?shù)姆答佒骼埽嬷脩舢?dāng)前的系統(tǒng)狀態(tài)奖唯。
a.告訴用戶處在系統(tǒng)的什么位置:用戶往往需要知道自己處在系統(tǒng)的什么位置,特別對(duì)于新手用戶來(lái)說(shuō)缀辩,需要提供必要的信息臭埋,否則容易產(chǎn)生迷失。
b.讓用戶知道自己在做什么:用戶需要知道自己的操作是否被系統(tǒng)感知臀玄,所以瓢阴,在用戶操作后,應(yīng)當(dāng)?shù)谝粫r(shí)間提供反饋告訴用戶這項(xiàng)操作被用戶接受了健无。
c.讓用戶知道系統(tǒng)在做什么:當(dāng)系統(tǒng)在運(yùn)行中時(shí)荣恐,盡可能向用戶提供系統(tǒng)運(yùn)行狀態(tài)的信息。
d.讓用戶知道系統(tǒng)做了什么:讓用戶知道操作的結(jié)果累贤,從而進(jìn)行下一步操作叠穆,需要盡可能給予相關(guān)的信息反饋,即便是在沒(méi)有結(jié)構(gòu)的時(shí)候也是一樣臼膏。
e.利用多種反饋:反饋信息可以通過(guò)文字硼被,動(dòng)效,聲音渗磅,震動(dòng)嚷硫,界面元素的變化等多種方式給用戶以提示。
f.對(duì)系統(tǒng)響應(yīng)延遲應(yīng)進(jìn)行反饋:當(dāng)系統(tǒng)響應(yīng)小于1秒時(shí)不會(huì)打斷用戶思考始鱼,不需要特別反饋仔掸,響應(yīng)時(shí)間越長(zhǎng)用戶滿意度越低,10秒時(shí)用戶注意力上限医清,響應(yīng)時(shí)間較長(zhǎng)時(shí)起暮,給與必要的反饋。
以淘寶我的訂單頁(yè)界面為例:
首先是序號(hào)3会烙,顯示了訂單的狀態(tài)负懦,讓用戶了解下沒(méi)下單,有沒(méi)有付款柏腻,是不是發(fā)貨密似,以及是否評(píng)價(jià),處理導(dǎo)航欄葫盼,在訂單右上角,序號(hào)2也能看到訂單狀態(tài)村斟,并且在序號(hào)1看到運(yùn)費(fèi)險(xiǎn)是否成功出單贫导。
2.環(huán)境貼切原理:產(chǎn)品設(shè)計(jì)應(yīng)該使用用戶的語(yǔ)言抛猫,使用用戶熟悉的詞,句孩灯,概念闺金,還應(yīng)該符合真實(shí)世界中的使用習(xí)慣。
a.保證使用用戶語(yǔ)言:保證使用語(yǔ)言是用戶能理解和聯(lián)想的峰档,并不是只能使用大眾化的語(yǔ)言败匹,而是目標(biāo)用戶熟悉的語(yǔ)言。
b.符合現(xiàn)實(shí)世界中的使用習(xí)慣:將產(chǎn)品的使用習(xí)慣和現(xiàn)實(shí)中產(chǎn)品的使用習(xí)慣聯(lián)系起來(lái)讥巡。
c.使用現(xiàn)實(shí)世界的隱喻:從現(xiàn)實(shí)世界中借鑒的設(shè)計(jì)元素可以顯著的降低用戶的認(rèn)知和學(xué)習(xí)困難掀亩,并增加他們的使用興趣
d.使用手勢(shì)操作聯(lián)想:使用的操作手勢(shì),應(yīng)當(dāng)是用戶自然能夠聯(lián)想到的欢顷,不要輕易定義和創(chuàng)造用戶難以聯(lián)想到的手勢(shì)槽棍。
以美團(tuán)主頁(yè)為例:
美團(tuán)所有的分類(lèi)icon都是結(jié)合了生活中的具象元素,符合人們認(rèn)知抬驴。人們能很好的接受炼七,如果刀叉代表超市,就會(huì)引起歧義布持,讓人產(chǎn)生懷疑豌拙,困惑。影響操作體驗(yàn)题暖,增加錯(cuò)誤操作率按傅。
3.用戶可控性原則:用戶經(jīng)常會(huì)在使用功能的時(shí)候發(fā)生誤操作,這時(shí)需要一個(gè)非常明確的“緊急出口”來(lái)幫助他們從當(dāng)時(shí)的情境中恢復(fù)過(guò)來(lái)芙委,需要支持取消和重做逞敷。
a.用戶可以自由導(dǎo)航:清晰和便捷的導(dǎo)航方式,使用戶可以自由的控制返回和去到的地方
b.用戶可以自由的退出灌侣,或返回上一步:用戶在感覺(jué)到迷失或者困惑時(shí)推捐,需要能夠快速撤銷(xiāo)的過(guò)程,用戶使用系統(tǒng)過(guò)程侧啼,是一個(gè)試錯(cuò)的過(guò)程牛柒,他們通常會(huì)試一試新功能,如果發(fā)現(xiàn)錯(cuò)誤就改正錯(cuò)誤痊乾,試用新的方法皮壁,直到成功為止
c.不可逆轉(zhuǎn)的操作需要警告:重要的不可逆轉(zhuǎn)的操作需要給用戶明顯的提示,否則將對(duì)用戶產(chǎn)生嚴(yán)重的影響哪审。
以淘寶提交訂單為例:
在不小心下錯(cuò)訂單時(shí)蛾魄,可以退出支付界面,回到訂單界面,點(diǎ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)容痛侍,信息的視覺(jué)呈現(xiàn),操作行為交互方式等方面保持一致魔市,使界面看上去熟悉并且易于理解主届,使用用戶可以利用已有的知識(shí)來(lái)執(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è)計(jì)元素等,盡量有一定的延續(xù)性燎潮,避免用戶產(chǎn)生困惑
C.與業(yè)內(nèi)產(chǎn)品保持一致:用戶在使用其他產(chǎn)品喻鳄,特別大眾型產(chǎn)品時(shí)已經(jīng)形成了一定的習(xí)慣,不要輕易違反業(yè)界規(guī)范
以美團(tuán)外賣(mài)商家頁(yè)為例:
在各個(gè)商鋪店面布局上保持一致性确封,都是上方為主導(dǎo)航欄(標(biāo)號(hào)1)除呵,顯示點(diǎn)菜,評(píng)價(jià)和商家信息爪喘;側(cè)面為副菜單欄(標(biāo)號(hào)2)颜曾,右下方大區(qū)域(標(biāo)號(hào)3)顯示各種不同種類(lèi)菜品,便于用戶長(zhǎng)久使用秉剑。
5.錯(cuò)誤預(yù)防原則:在用戶選擇動(dòng)作發(fā)生之前泛豪,就要防止用戶容易混淆或者錯(cuò)誤的選擇
a.在執(zhí)行危險(xiǎn)操作前請(qǐng)用戶確認(rèn):在用戶執(zhí)行比較危險(xiǎn)的操作時(shí),讓用戶確認(rèn)侦鹏,避免用戶發(fā)生比較嚴(yán)重的錯(cuò)誤
b.利用清晰的提示防止錯(cuò)誤:提供清晰的提示诡曙,也能防止用戶犯錯(cuò)
c.利用用戶的聯(lián)想防止錯(cuò)誤:利用顏色,動(dòng)效等提供警示信息
以美團(tuán)外賣(mài)下單為例略水,
在選完菜品之后价卤,點(diǎn)結(jié)算,會(huì)出現(xiàn)訂單信息界面渊涝,讓用戶再次檢查訂單信息慎璧,訂單無(wú)誤后床嫌,再提交訂單,出現(xiàn)支付界面炸卑,用于檢查金額和支付方式既鞠,當(dāng)發(fā)現(xiàn)問(wèn)題可按后退鍵回到訂單界面,取消訂單盖文。
6.識(shí)別好過(guò)記憶:盡量減少用戶需要記憶的事情和行動(dòng),提供可選項(xiàng)讓用戶再認(rèn)信息
a.將選擇對(duì)象可視化:將選擇對(duì)象蚯姆,動(dòng)作五续,選項(xiàng)可視化,使得用戶一看就懂
b.豐富的記憶線索:抽象圖形+文字龄恋,提供更多信息疙驾,幫助用戶確認(rèn)
c.使用通用的命令:通過(guò)使用通用的命令,減少用戶的記憶負(fù)擔(dān)
d.更多讓用戶選擇而不是輸入:產(chǎn)品應(yīng)該給用戶提供選項(xiàng)郭毕,讓用戶從中選擇或直接進(jìn)行編輯
以淘寶下方導(dǎo)航欄為例它碎,
通過(guò)符合用戶認(rèn)知的圖標(biāo)與各個(gè)模塊功能完成形象映射,使用戶更直接知道每個(gè)圖片代表什么显押,而不用通過(guò)看文字扳肛,經(jīng)過(guò)思考,才知道代表什么乘碑。降低操作負(fù)荷挖息。
7.靈活高效原則:系統(tǒng)需要同時(shí)適用于經(jīng)驗(yàn)豐富和缺乏經(jīng)驗(yàn)的用戶(為用戶提供便捷,好的軟件不但考慮到新用戶的需要兽肤,也要考慮到熟練用戶的需要套腹。不但應(yīng)對(duì)新用戶來(lái)說(shuō)簡(jiǎn)單易學(xué),還要對(duì)熟練用戶來(lái)說(shuō)快捷资铡,高效电禀,尤其是可以方便地使用頻率較高的功能)
a. 提供快捷鍵:為頻繁操作的功能設(shè)置快捷鍵
b. 允許用戶使用重新操作:對(duì)用戶頻繁使用的部分,提供重復(fù)使用的功能或者模版
c. 提供系統(tǒng)默認(rèn)值:通過(guò)提供系統(tǒng)默認(rèn)值笤休,而減少用戶多余的操作
以美團(tuán)外賣(mài)搜索推薦詞為例尖飞,
在搜索框下,根據(jù)歷史搜索宛官,推薦可能會(huì)用的搜索詞葫松,利用用戶搜索習(xí)慣,極大增加搜索效率底洗。
8.優(yōu)美簡(jiǎn)約原則:界面中不應(yīng)該包含無(wú)關(guān)緊要的信息腋么,設(shè)計(jì)需要簡(jiǎn)潔明了,不要包括不相關(guān)或者不需要的內(nèi)容亥揖,每個(gè)多余的信息都會(huì)分散用戶對(duì)有用或者相關(guān)信息的注意力
a. 避免界面元素過(guò)于雜亂珊擂,同時(shí)呈現(xiàn)過(guò)多元素圣勒,動(dòng)效
b.對(duì)重點(diǎn)信息突出準(zhǔn)備,用戶的精力是有限的摧扇,應(yīng)該保持信息的精煉圣贸,又突出有弱化
以微信界面為例,
微信的功能很多扛稽,像各種小程序吁峻,公眾號(hào),朋友圈以及生活服務(wù)等在张,但在微信的界面依然保持簡(jiǎn)潔的特點(diǎn)用含,根據(jù)功能與使用習(xí)慣,將整體分為四個(gè)大模塊:微信帮匾、通訊錄啄骇、發(fā)現(xiàn)、我瘟斜。并利用下拉工具和左右滑動(dòng)完成界面的整潔缸夹,提高用戶使用體驗(yàn)。
9. 幫助用戶認(rèn)知螺句、判斷虽惭、修復(fù)錯(cuò)誤:用簡(jiǎn)單明確的語(yǔ)言解釋錯(cuò)誤信息,精確指出問(wèn)題的原因并且提出建設(shè)性的解決方案壹蔓。
a. 引起用戶注意:當(dāng)錯(cuò)誤發(fā)生時(shí)趟妥,提示信息一定要直觀醒目,文字需要簡(jiǎn)單易懂佣蓉。
b. 提供建設(shè)性建議:當(dāng)用戶遇到錯(cuò)誤時(shí)披摄,盡可能提供有實(shí)質(zhì)意義的信息,比如問(wèn)題是什么勇凭,如何從錯(cuò)誤中恢復(fù)等等疚膊。
c. 自動(dòng)糾錯(cuò):當(dāng)系統(tǒng)能夠幫助用戶自動(dòng)甄別錯(cuò)誤,并及時(shí)進(jìn)行修正虾标,將給用戶帶來(lái)極大的便利寓盗。
以美團(tuán)外賣(mài)下訂單為例
當(dāng)用戶選擇兩款折扣矛盾商品時(shí),會(huì)出現(xiàn)提示彈窗璧函;如圖2傀蚌,在選擇地址時(shí),會(huì)自動(dòng)推薦合適地址蘸吓,屏蔽不適合的地址善炫;如圖3,當(dāng)選擇不在配送范圍的地址時(shí)库继,會(huì)出現(xiàn)提示窗口箩艺,并告知請(qǐng)?jiān)俅_定收貨地址信息窜醉。
10. 幫助與引導(dǎo)原則:提供幫助信息,幫助信息應(yīng)當(dāng)易于查找艺谆,聚焦于用戶的使用任務(wù)榨惰,列出使用步驟,并且信息量不能過(guò)大静汤。
a. 方便用戶查找:幫助文檔入口容易找到琅催,幫助要信息方便用戶查找
b. 便于用戶理解:避免使用專(zhuān)業(yè)術(shù)語(yǔ),盡量使用圖片或者圖表撒妈,除了文字外還可以使用示意圖恢暖,操作步驟等,方便用戶應(yīng)用狰右。
c. 便于用戶應(yīng)用:在操作的同時(shí)能看見(jiàn)幫助的信息
以美團(tuán)外賣(mài)智能點(diǎn)餐為例,
在智能點(diǎn)餐時(shí)舆床,系統(tǒng)會(huì)自動(dòng)引導(dǎo)用戶填寫(xiě)用餐信息棋蚌,如人數(shù),價(jià)格挨队,以提供更加合適的配餐選擇谷暮。