雖然是生物研究生畢業,但萬萬沒想到自己一出校園就陰差陽錯地開始在互聯網這塊并不熟悉的領域開始創業,成為發起人之一的同時,也被趕鴨子上架成了一名產品經理。
創業的這兩年不斷接受各種產品的洗禮,負責一個又一個有形無形的產品。作為產品狗其中很重要的一點就是口才,因為你要不斷地和不同人去撕逼,和設計撕,投資人撕,技術撕,和別的產品撕。而對于各個產品功能的評估,大家幾乎都是以自己的經驗和知識背景為依據進行評估的(也不排除有時觀點是站在自己當時情緒之上。下屬全是女生,我這個負責人對于情緒撕逼深有感觸/(ㄒ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.服務的話就要事無巨細地反饋當前進度,增加用戶信心和掌握感
我們說做產品就是和用戶談戀愛,滿足她的需求,然后俘獲她的心。既然是談戀愛,那最重要的就是互動,她做一個動作你必須要有回應,做一個標準的暖男(氣管炎)產品,別等著女友來問“你在干什么呢”,必須要時時向上級匯報情況。
因為我們必須要把客戶想象成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.軟件幫助方便易取