尼爾森十大可用性原則究竟是什么(一)
當(dāng)你在整理作品集或者面試的時候,很多人都會提到一個原則,那就是尼爾森十大可用性原則,那么這十大原則究竟是什么呢?今天我們來分析分析。
尼爾森是一名人機(jī)交互學(xué)博士,通過總結(jié)分析200多個可用性問題,1995年提出了尼爾森十大可用性原則,不論在Web設(shè)計還是移動端設(shè)計,掌握了這十項原則,都能有效提升產(chǎn)品用戶體驗度。
1. 系統(tǒng)狀態(tài)可見性
系統(tǒng)應(yīng)該在適當(dāng)?shù)臅r間做出適當(dāng)反饋,告知用戶當(dāng)前的系統(tǒng)狀態(tài)。
1.1 告訴用戶處在系統(tǒng)的什么位置
用戶需要知道自己處在系統(tǒng)的什么位置,特別是對于新用戶,需要提供必要的信息,否則容易迷惑。
舉例:網(wǎng)易云課堂的課程學(xué)習(xí)界面,會顯示課程名稱、目錄以及返回圖標(biāo),用戶可快速判斷自己處于何處,去往何處。
1.2 讓用戶知道自己在做什么
用戶需要知道自己的操作是否被系統(tǒng)感知,所以用戶操作后,系統(tǒng)應(yīng)第一時間提供反饋告知用戶這個操作被系統(tǒng)接受。
舉例:網(wǎng)易云音樂播放界面,用戶滑動播放膠片,觸發(fā)動效,讓用戶明白這個手勢是有用的,可以切換歌曲。
1.3 讓用戶知道系統(tǒng)在做什么
當(dāng)系統(tǒng)在運行時,盡可能向用戶提供系統(tǒng)運行狀態(tài)的信息。
舉例:以APP Store軟件下載為例,會直觀顯示下載狀態(tài),告訴用戶正在下載中,并且下載完成多少。
1.4 讓用戶知道系統(tǒng)做了什么
讓用戶知道操作的結(jié)果,從而進(jìn)行下一步操作,同時需要給予相關(guān)反饋,即使沒有結(jié)果,也需要給予用戶反饋。
舉例:以谷歌搜索為例,無論是否能搜到結(jié)果,都會給用戶提供反饋。
1.5 利用多種形式的反饋
反饋信息可以通過文字、動效、聲音以及界面元素的變化等多種形式給予用戶提示。
舉例:微信語音通話接通之前,通過聲音和界面變化給用戶以提示。
1.6 對系統(tǒng)延遲響應(yīng)進(jìn)行反饋
當(dāng)系統(tǒng)響應(yīng)小于1s時,不會打斷用戶思考,不需要特別反饋,但是當(dāng)響應(yīng)超過10s(10s時用戶注意力達(dá)到上限),用戶滿意度就會下降,所以響應(yīng)時間較長的,應(yīng)該給予必要的反饋。
舉例:刷新提示、收件提示、下載提示……
關(guān)于系統(tǒng)狀態(tài)可見性常見的可用性問題,如下:
- 缺少必要反饋,沒有清晰的系統(tǒng)狀態(tài);
- 反饋不夠持久,用戶沒有足夠時間注意到或者理解;
- 反饋沒有立即顯示;
- 反饋不容易看到,不容易理解;
- 提供了不必要的反饋,使用戶慢下來;
- 讓用戶誤解的反饋。
2. 系統(tǒng)與用戶現(xiàn)實匹配
產(chǎn)品設(shè)計應(yīng)當(dāng)使用用戶熟悉的詞句,應(yīng)當(dāng)符合真實世界的使用習(xí)慣。
2.1 使用用戶的語言
保證使用的語言用戶可理解,同時也并不是都用大眾化語言,而是使用目標(biāo)用戶熟悉的語言。
對于兒童類產(chǎn)品,多用聲音、動畫等交互形式;對于專業(yè)的工具軟件,要用專業(yè)術(shù)語;對于大眾使用的產(chǎn)品,就不應(yīng)該用英文,不然會看不懂。
2.2 符合現(xiàn)實世界的使用習(xí)慣
將產(chǎn)品的使用習(xí)慣與現(xiàn)實產(chǎn)品的使用習(xí)慣聯(lián)系起來。舉例:回收站、購物車的設(shè)計,讓用戶可快速和生活習(xí)慣產(chǎn)生聯(lián)想。
2.3 使用現(xiàn)實世界的隱喻
從現(xiàn)實世界中借鑒的設(shè)計元素可明顯降低用戶的認(rèn)知和學(xué)習(xí)難度,并且增加興趣。
舉例:網(wǎng)易云音樂的膠片設(shè)計,讓用戶很快知道這是播放界面,同時提高了音樂愛好者的興趣。
2.4 操作手勢符合聯(lián)想
使用的操作手勢,應(yīng)該是用戶自然就能聯(lián)想到的,不要創(chuàng)造、更改操作手勢意義。
關(guān)于系統(tǒng)與用戶現(xiàn)實匹配常見的可用性問題,如下:
- 使用用戶不熟悉的語言;
- 系統(tǒng)的語言以系統(tǒng)為中心,而不是用戶;
- 任務(wù)流程和用戶真實使用流程不符;
- 系統(tǒng)結(jié)構(gòu)不符合用戶對真實世界的理解;
- 系統(tǒng)使用的暗喻方法不易理解。
3. 用戶控制和自由
用戶經(jīng)常會在使用過程中發(fā)生誤操作,這時就需要一個非常明確的“緊急出口”,來幫助他們從當(dāng)時的情景中恢復(fù)過來。
3.1 用戶可自由導(dǎo)航
可以自由控制返回和下一步操作,舉例:iOS設(shè)置-通用界面。
3.2 用戶可自由退出
用戶在困惑時,需要快速撤銷或者退出。用戶使用系統(tǒng)的過程也是一個試錯的過程,用戶犯錯后,需要重新進(jìn)行嘗試,直到成功。
3.3 不可逆轉(zhuǎn)的操作需要警告
重要的不可逆轉(zhuǎn)的操作需要給用戶以明顯的提高,否則將對用戶產(chǎn)生嚴(yán)重影響。
舉例:刪除文件夾,會彈出明顯的警示框。
關(guān)于用戶控制和自由的常見可用性問題,如下:
- 在不可逆轉(zhuǎn)的行動之前沒有提供足夠的警告;
- 沒有在適當(dāng)?shù)臅r機(jī)提供取消功能;
- 取消功能不明顯,很難找到;
- 不支持撤銷的功能。
4. 一致性與標(biāo)準(zhǔn)化
同一產(chǎn)品內(nèi),產(chǎn)品架構(gòu)導(dǎo)航、功能名稱、信息的視覺界面以及操作行為的交互方式等需要保持一致,同時產(chǎn)品需要與通用的業(yè)界標(biāo)準(zhǔn)一致。
4.1 產(chǎn)品內(nèi)部保持一致
通用的信息應(yīng)使用一致的用詞、外觀、布局,可幫助用戶快速學(xué)習(xí)記憶產(chǎn)品功能。
舉例:iOS系統(tǒng)用同一種顏色代表可點擊元素,同樣的顏色代表同樣的含義。(通訊錄界面的藍(lán)色代表可點擊,紅色是因為使用場景比較特殊,因此“添加到緊急聯(lián)系人”選擇紅色)
4.2 不同版本之間有延續(xù)性
產(chǎn)品的不同版本之間,主要功能和設(shè)計元素等,盡量有一定的延續(xù)性,避免讓老用戶產(chǎn)生困惑。
舉例:iOS系統(tǒng)新的版本都有一定創(chuàng)新,但是仍然保留了很多原有設(shè)計規(guī)范。
4.3 與業(yè)內(nèi)產(chǎn)品保持一致
用戶在使用其他大中型產(chǎn)品時,已經(jīng)形成了一定習(xí)慣,所以不要輕易違反業(yè)界規(guī)范。
關(guān)于一致性與標(biāo)準(zhǔn)化的常見可用性問題,如下:
- 界面元素的布局和外觀不一致;
- 界面元素命名不一致;
- 系統(tǒng)反饋的格式不一致;
- 系統(tǒng)提供不一樣的方法來操作相似的對象;
- 表達(dá)含義不一致,在不同地方紅色代表不同的意義;
- 設(shè)計標(biāo)準(zhǔn)和通用標(biāo)準(zhǔn)不一致。
5. 防止錯誤
在用戶選擇動作發(fā)生之前,就要防止用戶有錯誤的選擇。
- 在執(zhí)行危險操作之前請用戶確認(rèn);
- 利用清晰的提示防止錯誤。
舉例:手機(jī)小鍵盤的字母放大處理
5.3 利用用戶的聯(lián)想防止錯誤
利用顏色以及動效等提供警示信息。
舉例:微信退出群聊紅色文字,讓用戶直接感知到如果點擊會發(fā)生錯誤。
關(guān)于防止錯誤的常見可用性問題,如下:
- 輸入信息時,沒有告知用戶格式;
- 缺少非語言暗示;
- 沒有對可能產(chǎn)生嚴(yán)重后果的操作進(jìn)行提示和確認(rèn)。
鑒于篇幅過長,剩下的五條原則,下期分享,看完以上五條,大家記得對照自己平時的設(shè)計進(jìn)行走查哦~
本文由 @羽翼單舞? 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
老仙后前來報到!
開個玩笑:
以本文為例,“網(wǎng)易云音樂的膠片”就屬于不恰當(dāng)?shù)恼Z言應(yīng)用,黑膠唱片,可以簡稱黑膠,說“膠片”的幾乎沒見過。
膠片通常指傳統(tǒng)電影拍攝用的材料,也指模擬膠片外形或效果的圖片濾鏡。
很討厭 手機(jī)小鍵盤的字母放大處理,自己又不瞎,選擇什么字母自己清楚,就算偶爾錯了也沒什么關(guān)系,感覺過度設(shè)計了。
我覺得也要考慮一部分眼睛不好的用戶 比如中老年人眼花的
眼花的應(yīng)該是把按鈕設(shè)計的更大更醒目,而不是把字母放大,一閃一閃的煩死了
也有一種是讓用戶第一時間發(fā)現(xiàn)有沒有誤觸和用戶點擊成功的一種提示方式