尼爾森十大可用性原則

雖然是生物研究生畢業,但萬萬沒想到自己一出校園就陰差陽錯地開始在互聯網這塊并不熟悉的領域開始創業,成為發起人之一的同時,也被趕鴨子上架成了一名產品經理。

創業的這兩年不斷接受各種產品的洗禮,負責一個又一個有形無形的產品。作為產品狗其中很重要的一點就是口才,因為你要不斷地和不同人去撕逼,和設計撕,投資人撕,技術撕,和別的產品撕。而對于各個產品功能的評估,大家幾乎都是以自己的經驗和知識背景為依據進行評估的(也不排除有時觀點是站在自己當時情緒之上。下屬全是女生,我這個負責人對于情緒撕逼深有感觸/(ㄒoㄒ)/~~,就像同時交了6個女票,有的不是翻倍的浪漫而是成倍的折磨),沒有相對統一的評估標準是非常容易起沖突和矛盾,并且大大拖緩項目進度。

一路走來學習和積累了很多產品原則,尼爾森可用性原則則是經典中的經典。雖然十大可用性原則是在web1.0背景下基于網頁產品提出來的,而當今產品的應用場景和形態都發生了巨大的變化,但這時反過頭去研究尼爾森十大可用性原則會有意想不到的驚喜。當你發現當今林林總總的移動互聯網產品交互原則(比如隱喻的合理性,減少輸入成本等)其實都是尼爾森十大可用性原則的變種時,你會感嘆這些經典原則的時代超前性。

結合著現在的產品來回味一下這些經典的原則,相信你也會有不同的收獲。

尼爾森十大可用性原則

交互設計的本質就是一種語言,一種人和物的溝通語言。而交互設計師在中間扮演翻譯的角色,確保雙方溝通方便順暢。

一. Visibility of system status(狀態可見原則)

原文:用戶在網頁上的任何操作,不論是單擊、滾動還是按下鍵盤,頁面應即時給出反饋。“即時”是指,頁面響應時間小于用戶能忍受的等待時間。(The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.)

英文應該被翻譯為:讓使用者能夠看見系統當前狀態。翻譯成人話就是告訴用戶系統現在在做什么,進行到哪一步了,剛剛的操作到底成功了還是失敗了。簡單來說就是不斷的給用戶反饋,用戶的每個操作都要有相應的反饋,讓用戶獲得掌控感,給用戶安全感。

實踐時如何使用這條原理呢?

1.向用戶反饋系統現在所處狀態,任務完成進度。短時間任務盡量讓用戶感受到“馬上就要完成了”,長時間任務真實反饋當前進度和剩余時間

微信傳圖片進度反饋,時間較長顯示進度,但這是用模態反饋似乎不是最好的選擇,因為打斷用戶操作必須要等待

2.向用戶反饋剛剛的操作成功還是失敗

操作后的成功和失敗的反饋,不打擾用戶使用非模態反饋

3.反饋時盡量不要打斷用戶任務

4.引導和告知用戶操作

我們再熟悉不過的下拉刷新操作,網易大大還是溫馨提示
鼠標懸浮到圖標上,圖標變色并且顯示文字提醒,“沒錯,按下去就行”


5.服務的話就要事無巨細地反饋當前進度,增加用戶信心和掌握感

圣誕節,小黃車變成圣誕樹了n(*≧▽≦*)n。顯示你周圍有多少小黃車,并且顯示距離位置,不僅幫用戶找車,而且給用戶使用信心
我們常見的郵件進度,這項服務并不能提高郵寄的實際速度,但有助于用戶獲得掌控感。掌控感是提高用戶體驗重要因素之一
滴滴直接顯示你周圍的專車,并且顯示等待時間。給用戶信心叫車,并且給用戶掌控感

我們說做產品就是和用戶談戀愛,滿足她的需求,然后俘獲她的心。既然是談戀愛,那最重要的就是互動,她做一個動作你必須要有回應,做一個標準的暖男(氣管炎)產品,別等著女友來問“你在干什么呢”,必須要時時向上級匯報情況。

因為我們必須要把客戶想象成17歲的女孩(Luke大神的觀點),極其沒有安全感,笨笨的而且沒有耐心,必須要時刻向這位大小姐匯報我在干什么,到哪一步了,結果怎么樣,否則她就會感到無助,沒有安全感。而且要在合適的時機告訴她應該去做什么,怎么做,這樣她才不會沒有方向。由于你的女孩極其沒有耐心,所以更重要的是反饋必須要盡快,否則她的負面情緒肯定呈指數上漲,而且我們還要用設計的手段來“哄”她,“親愛的,馬上就好哦,再等一下下”,比如預加載,假進度條。

二.Match between system and the real world(環境貼切原則)

原文:網頁的一切表現和表述,應該盡可能貼近用戶所在的環境(年齡、學歷、文化、時代背景),而不要使用第二世界的語言。《iPhone人機交互指南》里提到的隱喻與擬物化是很好的實踐。此外,還應該使用易懂和約定俗成的表達。The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.

英文應該被翻譯為:讓系統和現實世界匹配。這其實就是語言的第二個基本特性:讓別人能快速聽懂你要表達的意思,簡單來說就是說人話。

而設計語言和普通語言不同點在于,表達形式的多樣化:不僅僅使用文字,還能使用圖形和動效。所以不僅要讓文字易懂,也要讓畫面和動效易懂,最好能夠直接調用我們已經習以為常的元素。

當我們實踐時如何使用這條原理呢?

1.文案人性化表達。文案表達包含兩個層次,一使用用戶看得懂的語言,二情感化幽默化表達,就像在和用戶對話一樣

2.隱喻符合用戶實際生活中的認知。其中包括圖形,動效,流程

首先說文字,對用戶就別用專業術語和英文(中國環境)來裝逼啦。關于這一點我們來看看我們最熟悉的window

什么是“錯誤769”,什么是“通用卷”?一臉懵逼,兩臉懵逼

而MAC,不僅說人話,而且還給出口,教我怎么搞定這個問題。

再說圖形和動效。在數字世界直接使用現實世界的語言無疑是最易懂的,IOS的擬物化設計和隱喻就是非常好的實踐。

非常經典的IOS4界面,光影效果和質感都非常符合正常生活認知,用戶能夠快速通過圖標識別應用入口

而Material Design對于動效的規定也是更加符合自然特點,元素的位移和展開都不是沿直線,而是曲線

(個人不太適應Metro Design的純扁平化設計風,也許是水平太淺不能真正理解領會,也有可能是這種純理性的設計風格把數字世界和現實世界斷開聯系,不太符合這條環境貼切原則吧。大師的作品我這種菜鳥怎么能夠領悟/(ㄒoㄒ)/~~)

三.User control and freedom(撤銷重做原則)

原文:為了避免用戶的誤用和誤擊,網頁應提供撤銷和重做功能。Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.

英文翻譯為:用戶控制性和自由度。被人們普遍翻譯成撤銷重做原則,簡單來說就是不要讓用戶走進死胡同,永遠給用戶提供出口和退路。

當我們實踐時如何使用這條原理呢?

1.讓用戶可進可退,其中又分為及時性的和延后性的

2.在進行不可逆操作時給予二次確認

17歲的女孩笨笨的,出現誤觸和誤擊的情況是肯定,給她提前想好退路,如果是不可逆的操作一定要進行二次確認。

滴答清單中刪除一條任務后有兩秒的時間在底部顯示非模態提醒,并且可以撤銷上一步撤銷操作,非常友好的設置

但是對于完成后的項目條卻沒有辦法恢復,但用戶很有可能是誤觸了前面的方框,實際卻沒有完成,但卻沒有退路。

四.Consistency and standards(一致性原則)

原文:同一用語、功能、操作保持一致。Users should not have to wonder whether different words, situations, or actions mean the same thing.

英文翻譯為:一致性和標準化。這個原則現在可以說已經深入骨髓了,但是這里還是要嘮叨兩句。

當我們實踐時如何使用這條原理呢?

1.和平臺規則保持一致性

2.和自身保持一致性。其中包括迭代版本保持一致性,同一層級圖標顏色字體保持一致性,品牌一致性

3.和用戶預期保持一致性。其中包括用戶未操作時和用戶操作時

一致性的第一層表示產品的設計要和平臺的規范保持一致。第二層是和自身保持一致性,不同的品牌有自己的調性,可以直接通過設計語言傳達給用戶,而且能夠達到一個良好的品牌辨識度,成熟的產品有自己的設計標準。第三層是和用戶認知保證一致,盡量使用大家約定俗成的圖標,減少用戶的認知成本。

第一層是理所當然的,否則通不過審核。第三層剛好符合慣性思維,很容易辦成。關鍵在于第二層和自身保持一致,要讓產品在不斷迭代中還能一直保持調性是非常不容易的。

五.Error prevention(防錯原則)

原文:通過網頁的設計、重組或特別安排,防止用戶出錯。Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.

當我們實踐時如何使用這條原理呢?

1.按鈕置灰或隱藏。對于不常用的按鈕或負面功能進行隱藏

2.對于常犯的錯誤進行及時提醒或事前提醒

3.產品設計時盡量做到不讓用戶混淆,讓用戶一眼就能辨清

當用戶操作錯誤的時候,系統會出現錯誤提醒,并且給正確操作出口。但比錯誤提醒各貼心的是提前防止用戶操作錯誤。比如在撤銷重做原則中提到的二次確認,就是一種防錯機制,尤其是對于不可逆的操作來說。

六.Recognition rather than recall(易取原則)

原文:好記性不如爛筆頭。盡可能減少用戶回憶負擔,把需要記憶的內容擺上臺面。Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.

當我們實踐時如何使用這條原理呢?

1.在用戶提交時把結果展示在用戶面前,讓他最后確認一遍,而不是直接結束

2.為用戶提供歷史記錄,或草稿,讓用戶方便查詢

3.以上是腦力上的易取,還有體力上的易取。讓用戶減少輸入成本,尤其在移動端。a.提供選項,b.提供默認值,c.用手勢代替輸入

七.Flexibility and efficiency of use(靈活高效原則)

原文:中級用戶的數量遠高于初級和高級用戶數。為大多數用戶設計,不要低估,也不可輕視,保持靈活高效。Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.

既要重視靈活又要重視效率,對于新手重視易用靈活,對老手重視效率

當我們實踐時如何使用這條原理呢?

1.常用功能在最顯眼順手的位置,同時提供功能快捷鍵

2.對于新用戶設置撤銷重做功能

3.對于老用戶設置歷史記錄功能,直接在以前基礎上進行操作就行

八.Aesthetic and minimalist desig(易掃原則)

原文:互聯網用戶瀏覽網頁的動作不是讀,不是看,而是掃。易掃,意味著突出重點,弱化和剔除無關信息。Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.

這條原則本質是對用戶視覺注意力資源的規范,盡量讓用戶視覺注意力聚焦,花最少的精力獲取注重要的信息

當我們實踐時如何使用這條原理呢?

1.讓用戶注意力有承接性,不出現視覺跳躍

2.保證信息可讀性,清晰明了,重點突出

3.如無必要,勿增實體。怎么簡單怎么來,一個界面盡量做到一個核心操作加幾個輔助操作,如果要增加選項(比如首頁)一定不能超過9個!!!(7±2原則)

4.提示一次只給一個,而且是在必要時候,最好用手勢動畫來引導

5.沉浸式體驗獨占全屏

九.Help users recognize, diagnose, and recover from errors(容錯原則)

原文:幫助用戶從錯誤中恢復,將損失降到最低。如果無法自動挽回,則提供詳盡的說明文字和指導方向,而非代碼,比如404。Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.

我們盡量避免用戶出現操作錯誤,但當出現錯誤時,我們應該盡量去安撫用戶的挫敗感

當我們實踐時如何使用這條原理呢?

1.用用戶能夠懂得語言告訴用戶錯誤原因

2.給用戶出口,確切的解決方法

3.安撫挫敗感,用幽默的圖片和文字博得一笑,給其他事情產生正面情緒(比如幫助尋找走失兒童)

十.Help and documentation(人性化幫助原則)

原文:幫助性提示最好的方式是:1、無需提示;2、一次性提示;3、常駐提示;4;幫助文檔。Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.

幫助方式優先級:

1.無需提示。非常簡單易懂,用戶看界面就知道怎么操作,無需提示

2.一次性提示。只需要一次提示用戶就懂如何使用

3.常駐提示。

4.幫助文檔。稍微復雜一點的軟件,雖然要讓他盡量簡單但幫助文檔都是必要的

當我們實踐時如何使用這條原理呢?

1.在需要的情況下自動出來提示

2.提示一次只出來一條

3.就在旁邊,方便易取

4.鼠標懸浮文字說明

5.軟件幫助方便易取

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,333評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,491評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,263評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,946評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,708評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,186評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,255評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,409評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,939評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,774評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,976評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,518評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,209評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,641評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,872評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,650評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,958評論 2 373

推薦閱讀更多精彩內容