產(chǎn)品設(shè)計時考慮用戶體驗是必不可少的一個步驟能岩,而如何做好用戶體驗辅髓,本期給大家介紹尼爾森十大可用性原則。
尼爾森十大原則
“?尼爾森十大原則昔头,也叫用戶體驗十大原則,尼爾森十大原則由畢業(yè)于哥本哈根的人機交互學(xué)博士Jakob Nielsen發(fā)表影兽,Jakob Nielsen對人機交互有很多研究揭斧,他提出十大可用性原則,用來評價用戶體驗的好壞峻堰,每個交互設(shè)計者都可以根據(jù)這十大原則進行自查讹开。”
1.系統(tǒng)狀態(tài)可見原則
Visibility of system status
操作反饋以及當(dāng)前狀態(tài)提示,通過開放和持續(xù)溝通建立信任茧妒。
設(shè)計應(yīng)當(dāng)始終讓用戶了解正在發(fā)生的事情萧吠;
立即/盡快向用戶提供反饋左冬;
無論是APP 還是PC 端的設(shè)計桐筏,系統(tǒng)都需要給予用戶良好且即時的反饋,避免用戶感到焦慮拇砰、影響用戶體驗梅忌。即便系統(tǒng)正在處理數(shù)據(jù)中還沒來得及反饋狰腌,也要有加載中或者處理中的說明給到用戶,這就是系統(tǒng)狀態(tài)可見原則牧氮。
常見例子:
新手指導(dǎo)顯示的進度條琼腔;
提交表單中和提交成功/失敗的提示;
網(wǎng)頁當(dāng)前所在位置顯示踱葛;
2.易取原則
Recognition rather than recall
要讓用戶識別丹莲、而不是記憶,減少用戶需要記錄的信息/選項可視性/頁面可視性/交互通用性等尸诽。
讓用戶識別頁面中的信息甥材,而不是記住它;
減少用戶的記憶負(fù)擔(dān)性含;
提供簡單的操作指南洲赵;
易取原則的要求是要使用 用戶熟悉且自然的圖標(biāo)、語言來告知用戶商蕴,而不是給一些新穎奇怪的東西讓用戶去學(xué)習(xí)和理解叠萍。
常見例子:
APP/PC端登錄頁面;
搜索绪商、音量苛谷、回復(fù)圖標(biāo);
3.用戶控制
User control and freedom
可以隨時改正或者找到返回/撤回按鈕格郁,為用戶提供一個回退機制 回到正常的狀態(tài)抄腔。在設(shè)計過程中必須要考慮到“萬一”用戶弄錯了的問題要如何處理。
支持撤銷和重做理张;
顯示退出當(dāng)前操作的明確方式赫蛇;
避免用戶陷入困境,感到沮喪雾叭;
常見例子:
繪圖軟件“撤銷”功能悟耘;
微信消息“撤回”;
手機刪除照片保留 30 天织狐。
4.一致原則
Consistency and standards
遵循平臺統(tǒng)一的結(jié)構(gòu)暂幼、色彩、操作移迫、反饋旺嬉、文字,一致性也包括與用戶習(xí)慣厨埋、認(rèn)知的一致性邪媳。
減少用戶認(rèn)知負(fù)擔(dān);
遵循既定的行業(yè)慣例;
保持產(chǎn)品內(nèi)部的統(tǒng)一性雨效;
一致性能讓用戶最快速的理解一款產(chǎn)品迅涮,對于產(chǎn)品來說,易用是非常重要的徽龟,而產(chǎn)品的一致性能有效降低用戶的學(xué)習(xí)成本叮姑。所以在產(chǎn)品設(shè)計時,保持產(chǎn)品的一致性是極其重要的据悔,在一致性的基礎(chǔ)上進行微創(chuàng)新才能被用戶所接受传透。
常見例子:
左滑APP頁面一定會是“返回”到上一級;
APP首頁一定不會在菜單欄最后一個极颓,而個人中心總是排最后旷祸;
5.防錯原則
Error prevention
通過設(shè)計減少錯誤,預(yù)測錯誤的可能性讼昆。
防止發(fā)生高成本的錯誤托享;
幫助用戶排除一些容易出錯的情況;
在用戶提交之前向用戶提供確認(rèn)選項浸赫;
如何在錯誤未產(chǎn)生的時候提示用戶闰围,在操作APP時顯得很重要。比如點擊“刪除”的時候既峡,彈窗二次確認(rèn)是否真的要刪除羡榴,用戶此時可以點擊取消,原因是自己不小心按錯了运敢,以此來規(guī)避錯誤校仑。
防錯機制與前面講到的回退機制不同在于:防錯機制是錯誤發(fā)生之前對用戶進行提醒和阻止;回退機制則是錯誤發(fā)生了之后如何挽回传惠∑回退機制還有一個就是垃圾回收站,還有手機刪除照片保留 30 天功能等卦方,這些都是回退機制羊瘩。
常見例子:
用戶提交表單前給一個“確認(rèn)”的步驟;
設(shè)置密碼時盼砍,對密碼的位數(shù)限制提示尘吗;
6.協(xié)助記憶原則
Recognition rather than recall
給用戶記錄一些重要但不敏感的信息,例如 搜索歷史浇坐、瀏覽歷史睬捶、默認(rèn)收貨地址等,這些都能給用戶在下一次操作的時候帶來極大地便利近刘,是一種簡單實現(xiàn)但又能提升用戶體驗的好方法擒贸。
常見案例:
記住密碼臀晃、驗證碼、關(guān)聯(lián)登錄酗宋;
搜索記錄积仗、瀏覽記錄疆拘;
選擇而不是輸入蜕猫,盡量降低輸入成本;
7.靈活高效
Flexibility and efficiency of use
對于不同用戶操作方式不同哎迄。系統(tǒng)是為大多數(shù)用戶設(shè)計的回右,設(shè)計的時候不僅要考慮新用戶使用的感受,還要考慮長期使用的用戶的感受漱挚。
允許用戶根據(jù)自己的需求和喜好定制內(nèi)容和功能翔烁;
提供隱形快捷操作方式,滿足新手用戶和深度用戶的使用需求旨涝;
在產(chǎn)品設(shè)計的時候蹬屹,考慮新用戶的易用性和考慮老用戶的靈活操作配置是十分有必要的。為用戶提供自定義調(diào)整順序/樣式白华,滿足了不同用戶使用的需求慨默。
?常見案例:
外賣軟件中購買過的產(chǎn)品提供“再來一單”按鈕;
飛書的常用模塊弧腥,對于新用戶可以快速找到常用功能厦取,對于老用戶,可以對模塊自定義調(diào)整順序和是否展現(xiàn)管搪。
8.簡潔美觀
Aesthetic and minimalist design
降低不必要的視覺噪音虾攻,為用戶提高效率。頁面不應(yīng)包含無關(guān)或很少需要的信息更鲁,否則會降低主要內(nèi)容的相對可視性霎箍。
刪除不必要的信息;
不要讓干擾元素分散用戶注意力澡为;
優(yōu)先考慮支持主要目標(biāo)的內(nèi)容和功能朋沮;
做的繁瑣不難,做的簡單卻不容易缀壤,所以要學(xué)會對界面的布局樊拓,交互設(shè)計進行打磨學(xué)習(xí),對文案的反復(fù)推敲塘慕。
不錯的案例:
夸克瀏覽器網(wǎng)頁版:https://www.myquark.cn/
夸克瀏覽器APP頁面
9.容錯原則
Help users recognize, diagnose, and recover from errors
對錯誤信息使用簡單明了的提示指出錯誤之處筋夏,并給出解決意見和糾正。用戶使用發(fā)生錯誤時不應(yīng)該抱一串看不懂的代碼图呢,這是極其不友好的条篷,例如404的錯誤 可以報“抱歉骗随,服務(wù)器正在維護中,請耐心等待”赴叹。
錯誤消息以易于理解的語言表達鸿染;
準(zhǔn)確指出問題,并提供可行的解決方案乞巧;
用典型視覺效果進行錯誤提示涨椒;
錯誤產(chǎn)生了,要讓用戶知道發(fā)生什么事情绽媒,最好還能告知用戶什么時候可以解決蚕冬,盡量取安撫用戶的挫敗感。在做產(chǎn)品設(shè)計時是辕,要考慮系統(tǒng)出現(xiàn)錯誤之后囤热,把錯誤的亂碼轉(zhuǎn)述為用戶能接受的語言,這樣產(chǎn)品才能最大程度降低用戶的厭惡情緒获三。
? 經(jīng)典案例:
使用谷歌瀏覽器斷網(wǎng)時旁蔼,頁面上會出現(xiàn)一只像素恐龍,提示你未能連接到互聯(lián)網(wǎng)疙教。但這可不僅僅是一個簡單的404提示頁棺聊,這是一款恐龍跑酷的小游戲,可以利用空格鍵跳過障礙松逊。
10.幫助原則
Help and documentation
對于一個設(shè)計良好的產(chǎn)品躺屁,用戶往往不需要經(jīng)過培訓(xùn)就能輕松上手使用。但對于B端產(chǎn)品則需要提供最基本的幫助文檔经宏,除此之外 友好
詳細內(nèi)容請閱讀:尼爾森十大原則