尼爾森十大可用性原則
本文作者介紹了被廣泛應用于設計方案檢驗與評估的尼爾森十大可用性原則,可以幫助規(guī)避一些顯而易見的可用性問題,協(xié)助打造出更符合用戶需求的產(chǎn)品體驗。
一、前言
文章開始前我們可以先思考以下三個問題:
1)你是否知道如何評價產(chǎn)品的用戶體驗?
2)你是否經(jīng)常憑著自己的感覺來決定設計方案?
3)你是否知道從哪兒入手改進產(chǎn)品的體驗?
如果你對這幾個問題存在疑問的話,那我們可以借助尼爾森十大可用性原則來檢驗與評估設計方案,啟發(fā)我們的設計靈感。
二、尼爾森可用性原則的價值
尼爾森可用性原則由雅各布·尼爾森(Jakob Nielsen)于1995年提出,主要包括:狀態(tài)可見性原則、貼近用戶真實環(huán)境原則、自由控制原則、一致性和標準化原則、防錯原則、識別而非記憶原則、靈活高效原則、美觀簡潔的原則、幫助用戶從錯誤中恢復原則、人性化幫助原則。
尼爾森可用性原則是通過分析了200多條可用性問題總結出的原則,目前被廣泛應用于設計方案的檢驗與評估。此外我們還可以將尼爾森可用性原則作為設計內部體驗走查的標準,幫助我們發(fā)現(xiàn)產(chǎn)品中更多的體驗問題,例如在vivo互聯(lián)網(wǎng)設計團隊內部就依據(jù)尼爾森可用性原則輸出了設計走查的標準。
▲ 體驗走查標準示例
三、尼爾森可用性原則的介紹
1. 狀態(tài)可見性原則
系統(tǒng)應該在合理的時間內做出適當?shù)姆答?,以告訴用戶當前的系統(tǒng)狀態(tài)。從這句話中我們可以提煉出以下兩個關鍵詞:
1)合理的時間。合理的時間代表著要給用戶及時的反饋,在設計過程中最好做到元素之間的點擊反饋時長要在0.1s內,元素入場退場的時長要在0.2s內,頁面的轉場時長要在0.3s內。但如果用戶等待時間較長,可以嘗試向用戶推薦內容來填充用戶等待時間,例如小紅書的上傳過程中除了可以看到上傳的進度外,還可以通過瀏覽下方的內容來減少用戶的心理等待時間。?????????????????????????????????????????????????
▲ 小紅書上傳內容過程
2)適當?shù)姆答?/strong>。適當?shù)姆答佉馕吨诤线m的場景下通過合適的方式告知用戶系統(tǒng)狀態(tài),避免對用戶造成干擾。例如Origin OS中的原子通知可以在鎖屏、狀態(tài)欄等位置實時反饋打車進度、快遞物流狀態(tài)、應用下載進度等任務狀態(tài),但同時又保證了這樣的提醒方式不會對用戶造成過多的打擾。
▲ Origin OS原子通知狀態(tài)欄提醒
2. 貼近用戶真實環(huán)境原則
系統(tǒng)應使用用戶熟悉的語言和概念,拉近與用戶的距離,此外產(chǎn)品應遵循現(xiàn)實世界的習慣來呈現(xiàn)信息。
1)使用用戶熟悉的語言和概念。例如ios的天氣APP在雷雨天氣時就模擬了現(xiàn)實世界中用戶非常熟悉的閃電現(xiàn)象,在讓用戶身臨其境的同時帶給用戶極強的視覺沖擊力,另外在動效細節(jié)上蘋果也在極力還原真實的物理現(xiàn)象,例如雨滴落到卡片上時會有濺起的效果。
▲ ios天氣APP雷雨界面
2)遵循現(xiàn)實世界的習慣。用戶現(xiàn)實中的體驗會在不經(jīng)意間帶入到產(chǎn)品使用中,所以模擬物理世界中的互動體驗可以降低用戶的學習成本,拉近與用戶的距離。例如vivo最新推出的XFlip折疊屏手機就延續(xù)了用戶在現(xiàn)實世界中打開化妝鏡的習慣,輕松一開就可以隨心上妝。???????????
▲ vivo XFlip化妝鏡功能
3. 自由控制原則
用戶在使用產(chǎn)品時經(jīng)常會發(fā)生錯誤的操作,因此產(chǎn)品需要有一個非常明確的“緊急出口”來幫助用戶撤銷或重做操作。例如vivo相冊中被刪除的照片會先移動至“最近刪除”類目下,方便用戶恢復誤刪的照片。
▲ vivo相冊最近刪除功能
4. 一致性和標準化原則
一致性和標準化的體驗可以方便用戶使用既有的經(jīng)驗來使用產(chǎn)品,降低用戶對新產(chǎn)品的陌生感。設計過程中除了要遵循產(chǎn)品內部的規(guī)范外,還需要與通用的業(yè)界標準保持一致,如果和業(yè)界通用的方案差異較大,雖然擺脫了同質化的問題,但是很多常規(guī)操作卻需要用戶重新學習,這樣會導致用戶的使用成本變高。例如vivo短視頻的產(chǎn)品形態(tài)與交互體驗與抖音相似,就是為了降低用戶的學習成本,更好的轉化頭部短視頻平臺的用戶。
▲ vivo短視頻與抖音首頁
5. 防錯原則
在用戶執(zhí)行操作過程中,需要給出明確的提示防止用戶出現(xiàn)錯誤。例如菜鳥裹裹在添加包裹時除了常規(guī)的格式錯誤提醒外,還可以根據(jù)用戶輸入的內容實時給出不同的提醒信息:如果用戶輸入的位數(shù)不足,則會告訴用戶在哪里找到正確的快遞單號;如果用戶輸入了訂單編號,則會明確告訴用戶快遞單號與訂單編號的區(qū)別。
▲ 菜鳥裹裹添加包裹提示
6. 識別而非記憶原則
提供可選項讓用戶快捷操作,將用戶的記憶負擔降到最小。設計過程中我們可以采用以下三點來提升用戶體驗:
1)更多的讓用戶選擇而不是輸入。例如在得物APP瀏覽推薦內容時,如果用戶對某件商品感興趣,可以長按商品圖片進行自動識別。這樣的設計減少了用戶輸入關鍵詞的步驟,能夠方便用戶快速找到同款商品。
▲ 得物APP長按可識別商品??????????????
2)自動讀取相關的信息。例如用戶截屏后微信會在一定時間內自動讀取最新的圖片,并在聊天界面推薦用戶發(fā)送照片,方便用戶快速完成圖片分享的操作。
▲ 微信自動讀取截圖
3)記住用戶之前的操作記錄。例如用戶在不同設備間登錄同一賬號,該賬號的信息可以快速同步到最新的設備上,降低了用戶切換設備的成本。
7. 靈活高效的使用原則
靈活意味著產(chǎn)品要滿足不同用戶的需求,高效意味著用戶能夠快速達成任務目標,設計方案時可以嘗試從以下兩點入手:
(1)支持用戶自定義常用功能。產(chǎn)品應該支持用戶對部分功能進行自定義操作,提高用戶使用產(chǎn)品時的靈活性。例如Origin OS的超級卡包功能(左滑進入)支持用戶對卡片的樣式以及常用的支付方式、二維碼等功能進行自定義,滿足不同用戶在多場景下的使用需求。
▲ Origin OS超級卡包??????????????
(2)高頻功能方便用戶便捷操作。提升高頻功能的優(yōu)先級,將操作入口放到頁面更容易觸達的位置。例如通過數(shù)據(jù)分析發(fā)現(xiàn),用戶在vivo商城商詳頁中切換手機顏色屬于高頻操作,因此我們在手機頭圖底部增加了快捷切換顏色的入口,上線后取得了不錯的數(shù)據(jù)結果。
▲ vivo商城商詳頁
8、美觀簡潔的原則
界面設計需要保持美觀簡潔,不相關的信息不應該顯示在界面上,否則會影響重要信息的可見性。要想做到界面的美觀簡潔,首先要減少視覺噪音,界面上盡量不要包含低頻次的信息或操作;其次需要明確主次信息,將用戶最關心的內容優(yōu)先展示出來,在視覺上能夠快速抓住用戶的眼球。例如vivo瀏覽器推出的極簡首頁與夸克瀏覽器的首頁都默認不展示傳統(tǒng)的信息流,精簡了頁面信息的同時凸顯了瀏覽器的核心搜索功能,提升了搜索用戶的體驗。
▲ 瀏覽器極簡首頁
9. 幫助用戶從錯誤中恢復原則
該原則指的是用簡潔的語言解釋錯誤信息,精確的指出問題原因并且提供有建設性的解決方案。例如vivo瀏覽器使用過程中如果網(wǎng)絡斷開了連接,則會出現(xiàn)阻斷式彈窗明確告知用戶無法連接網(wǎng)絡,并向用戶提供了打開無線開關與設置移動網(wǎng)絡的入口,方便用戶可以快速解決當前問題。
▲ vivo瀏覽器網(wǎng)絡斷開連接提醒
除了上述常見的報錯方式外,我們還應該結合用戶的真實使用場景向用戶提供更貼心的錯誤解決方案。
例如用戶在使用百度搜索的過程中如果錯誤的輸入了內容,系統(tǒng)會自動矯正,同時給用戶提供了可以切回之前搜索結果的選項。這樣的設計可以減少用戶修改詞條的步驟,同時超越了用戶的預期,給用戶一定的驚喜感。
▲ 百度搜索詞自動糾錯
10. 人性化幫助原則
系統(tǒng)最好可以做到不需要任何額外的解釋就可以讓用戶順利的完成任務,但在實際復雜的使用場景中,我們一般要向用戶提供必要的提示或說明文檔。除此之外我們還要積極思考用戶的真實需求,向用戶提供更加人性化的幫助。例如在炎熱的夏日,高德地圖的步行模式新增了蔭涼方案這一選項,通過動態(tài)光影實時計算防曬指數(shù),主動向用戶推薦更加蔭涼的方案,滿足了用戶出門怕曬的需求。
▲ 高德地圖夏日步行蔭涼推薦????????????????????????
四、總結
尼爾森可用性原則源于尼爾森對大量設計經(jīng)驗的總結,是我們檢驗與評估設計方案的重要參考依據(jù)。在實際的工作過程中,許多原則已經(jīng)融入到了設計師的直覺當中,會下意識的去遵守這些原則,但對這些基礎原則我們往往會缺乏統(tǒng)一的思考。通過系統(tǒng)學習尼爾森十大可用性原則可以幫助我們規(guī)避一些顯而易見的可用性問題,協(xié)助我們打造出更符合用戶需求的產(chǎn)品體驗。在具體的實踐過程中要切記:不要將尼爾森可用性原則作為絕對的準則,要學會在不同的場景下靈活、交叉使用不同的設計原則。
編輯:張子辰
來源公眾號:VMIC UED(ID:gh_32761b1686b7),vivo互聯(lián)網(wǎng)UED——為美好而設計。
本文由人人都是產(chǎn)品經(jīng)理合作媒體 @VMIC UED 授權發(fā)布,未經(jīng)許可,禁止轉載。
題圖來自 Unsplash,基于 CC0 協(xié)議。
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務。
- 目前還沒評論,等你發(fā)揮!