簡介
尼爾森(Jakob Nielsen)是一位人機交互學博士,于1995年1月1日發(fā)表了「十大可用性原則」。
1995年以來匿又,他通過自己的 Alertbox 郵件列表以及 useit.com 網(wǎng)站,向成千上萬的 Web 設計師傳授 Web 易用性方面的知識,盡管他的一些觀點可能帶來爭議达传,至少在 Web 設計師眼中,他是 Web 易用性領域的頂尖領袖。
原則一:狀態(tài)可見原則
用戶在網(wǎng)頁上的任何操作宪赶,不論是單擊宗弯、滾動還是按下鍵盤,頁面應即時給出反饋搂妻∶杀#「即時」是指,頁面響應時間小于用戶能忍受的等待時間欲主。
案例:簡書上每篇文章的底部都會有一個「喜歡」按鈕邓厕,當把鼠標懸浮上去時,按鈕就會由原來的透明狀態(tài)變成淡粉的填充色扁瓢,這一過程是瞬間的详恼,這就運用了狀態(tài)可見原則,反饋給用戶的信息是:是的引几,您的操作是對的昧互,鼠標點擊下去吧!(如下圖1)
原則二:環(huán)境貼切原則
網(wǎng)頁的一切表現(xiàn)和表述伟桅,應該盡可能貼近用戶所在的環(huán)境(年齡敞掘、學歷、文化楣铁、時代背景)渐逃,而不要使用第二世界的語言。
案例:簡書在給文章的集合命名時并沒有使用「目錄」字樣民褂,而是使用了「文集」的說法茄菊。第一,這種說法很有情感化的東西在里面赊堪,不像直接說「目錄」這么生硬面殖;第二,這里也含有隱喻的設計哭廉,它會讓你聯(lián)想到一篇一篇文章集合成的小冊子的感覺脊僚,很有意境之美∽翊拢「專題」的說法也是一樣的道理辽幌。(如下圖2)
原則三:撤銷重做原則
為了避免用戶的誤用和誤擊,網(wǎng)頁應提供撤銷和重做的功能椿访。
案例:這個我暫時還沒在簡書網(wǎng)站上找到案例乌企,這里以Android版的Chrome瀏覽器為例說明。當通過手勢關閉一個標簽頁時成玫,瀏覽器的底部就會出現(xiàn)Toast加酵,顯示有「撤銷」按鈕拳喻,如果你是誤操作導致的頁面刪除,這時就可以點擊它恢復原先的頁面——非常友好的體驗猪腕。(如下圖3)
原則四:一致性原則
同一用語冗澈、功能、操作保持一致陋葡。同樣的語言亚亲,同樣的情景,操作應該出現(xiàn)同樣的結果腐缤。
案例:用戶頁面的右上角有一個頭像捌归,點擊后出現(xiàn)菜單列表。其中的「我喜歡的」前面是一個愛心圖標柴梆,「我的書簽」前面是一個書簽圖標陨溅,這都是符合用戶認知的,如果把文字所對應的圖標互換(「我的書簽」用愛心圖標)绍在,那就有點奇怪了门扇,會引起用戶的困惑。(如下圖4)
原則五:防錯原則
通過頁面的設計偿渡、重組或特別安排臼寄,防止用戶出錯。比出現(xiàn)錯誤信息提示更好的是更用心的設計防止這類問題發(fā)生溜宽。
案例:在寫文章的列表頁面吉拳,點擊「刪除文章」后,會彈出一個對話框适揉,讓你確認是否刪除文章留攒,官方在設計的時候有意把「確定」按鈕放在了右邊,「取消」按鈕放在了左邊嫉嘀,因為從操作流這個角度來看炼邀,若把「確認」按鈕放在左邊,則很容易誤操作剪侮,而這個操作又是不可逆的拭宁。而且,官方在設計時給「確認」按鈕填充了醒目的藍色瓣俯,多重防止誤操作杰标。(如下圖5)
原則六:易取原則
盡量減少用戶對操作目標的記憶負荷,動作和選項都應該是可見的彩匕,即把需要記憶的內(nèi)容擺上臺面腔剂。
案例:案例五中的圖5也可以說明這個原則,確認對話框出現(xiàn)就很好地減少了用戶前后的記憶推掸。
原則七:靈活高效原則
中級用戶的數(shù)量遠高于初級和高級用戶數(shù)桶蝎。為大多數(shù)用戶設計驻仅,不要低估谅畅,也不可輕視登渣,保持靈活高效。
案例:在簡書的 Markdown 編輯器模式下寫作時毡泻,一般用戶只要熟記 Markdown 語法就可以寫作胜茧,那高端一點的用戶可能想用 XHTML 語言來寫文章,簡書也是開放了一些 XHTML 代碼的仇味,但不是全部呻顽,不然就不能叫做「Markdown編輯器」了。當然如果你不太熟練Markdown編輯器丹墨,簡書也提供了「富文本編輯器」廊遍,滿足了低層次用戶的需求。這就是一種非常靈活高效的設計(如果簡書只有單純的 Markdown 編輯器贩挣,那么用戶會流失很多很多)喉前。
原則八:易掃原則
互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁的動作不是讀,不是看王财,而是掃卵迂。易掃,意味著突出重點绒净,弱化和剔除無關信息见咒。
案例:當想把已經(jīng)添加在文章下方「拓展閱讀」處的鏈接刪除,那么點擊「刪除」后挂疆,在瀏覽器的頂部就會出現(xiàn)了提示框改览,提示「拓展閱讀刪除成功」。因為這樣一個操作誤刪除的可能性非常小缤言,由于「刪除」的操作域非常小宝当,一般點擊都是自己明確地把鼠標移上去的,而且刪除拓展閱讀中的鏈接并不是一件非常嚴重的事情墨闲。其實我想說的是今妄,這種情況下就不需要彈出對話框再進行確認了,的確鸳碧,簡書也是這么設計的——把無關緊要的信息弱化盾鳞,提示3秒即消失。(如下圖6)
原則九:容錯原則
錯誤信息應該用語言表達(不要用代碼)瞻离,較準確地反應問題所在腾仅,并且提出一個建設性的解決方案。
案例:在簡書上套利,點擊一個鏈接推励,偶爾會出現(xiàn)下圖的情形鹤耍,即頁面找不到。簡書提供了詳盡的說明文字和指導方向验辞,而非直接使用404代碼稿黄。(如下圖7)
原則十:人性化幫助原則
如果系統(tǒng)不使用文檔是最好的,但是有必要提供幫助和文檔跌造。任何信息應容易去搜索杆怕,專注于用戶的任務,列出具體的步驟來進行壳贪。幫助性提示最好的方式是:1陵珍、無需提示;2违施、一次性提示互纯;3、常駐提示磕蒲;4留潦;幫助文檔。
案例:對于初次使用的用戶來說亿卤,看到設置中的「選擇常用的編輯器」愤兵,會搞不懂「富文本」和「Markdown」的區(qū)別是什么,而且對于長期使用簡書的用戶來說排吴,如果有一天他想在兩個編輯器之間切換使用秆乳,可能就會對自己不常用的那個編輯器不了解或是遺忘,那么這個時候其實就像簡書這樣的設計就非常好——直接通過問號圖標跳轉到具體的幫助文檔頁面钻哩,詳細教你該如何使用編輯器屹堰。(如下圖8)
總結
這些可用性原則(Usability)在產(chǎn)品經(jīng)理的實際工作中都有很大的參考價值,應該熟練掌握街氢。
要轉載我的文章扯键,請帶上作者名稱,原文地址的超鏈接珊肃,不允許修改我的標題荣刑,如果你無法全部滿足上面3個要求,請不要轉載伦乔,歡迎大家舉報厉亏。