可用性案例分析
2019-04-03 來源：時光立方
可用性一直是交互設計的重頭。以下就自己的理解，寫寫對尼爾森《十大可用性原則》的感想�！妒蟆吩恼堃妳⒖假Y料。
本文對各項原則進行了再理解與意譯，與常見翻譯的版本不同；這也正是我在鼓勵和推動互聯(lián)網(wǎng)中文普及與標準化所做的重要努力之一。
一、狀態(tài)可見原則
用戶在網(wǎng)頁上的任何操作，不論是單擊、滾動還是按下鍵盤，頁面應即時給出反饋。“即時”是指，頁面響應時間小于用戶能忍受的等待時間。
例01：Gmail
01
進入Gmail首頁，點擊“撰寫郵件”，頁面右側切換成表單的等待時間是“即時”的，“無需等待”的；而點擊“通訊錄”，程序在后臺異步加載的時間超出了用戶預期（估計0.5秒以上），因此Gmail在頂部打出“正在載入……”的字樣。
例02：嘲鶇藍圖
02
嘲鶇藍圖是一個在線框架圖工具。用戶對文檔的任何更改，都會即時保存。提示信息常駐頁面頂部。
例03：QQ郵箱
郵箱能自動保存草稿，但保存狀態(tài)的表現(xiàn)卻是以例01這種“一閃而過”的形式，用戶無法確定程序是否及時保存了最新版本。
二、環(huán)境貼切原則
網(wǎng)頁的一切表現(xiàn)和表述，應該盡可能貼近用戶所在的環(huán)境（年齡、學歷、文化、時代背景），而不要使用第二世界的語言�！秈Phone人機交互指南》里提到的隱喻與擬物化是很好的實踐。此外，還應該使用易懂和約定俗成的表達。
例04：Photoshop
04
“拷貝”一詞在簡體中文環(huán)境里已被“復制”取代。
“羽化”一詞譯自英文“feather”，指“令選區(qū)內外銜接的部分虛化，起到漸變的作用從而達到自然銜接的效果”，該譯文貼切而富有詩意。
三、撤銷重做原則
為了避免用戶的誤用和誤擊，網(wǎng)頁應提供撤銷和重做功能。
例05：谷歌日歷
05
添加/更新某個日程后，頁面頂部提示“撤銷”的功能。
例06：QQ空間
06
日志和相冊提供“回收站”功能。
四、一致性原則
同一用語、功能、操作保持一致。
例07：Flickr
07
繁體版主導航上的表述是“社群”，到了“管理與建立”的頁面，卻寫著“群組”。
例08：新浪微博開放平臺
08
在“文檔首頁”的頁面，網(wǎng)頁標題卻是“新浪微博API”，與用戶預期不符。不僅如此，頁面在接口（API）和開發(fā)工具包（SDK）在文案上并沒有統(tǒng)一，顯得不夠規(guī)范和嚴謹。
五、防錯原則
通過網(wǎng)頁的設計、重組或特別安排，防止用戶出錯。
例09：新浪微博
09
微博發(fā)布器上的文字是即時保存的，即便用戶關閉了網(wǎng)頁，也不會丟失內容。
六、易取原則
好記性不如爛筆頭。盡可能減少用戶回憶負擔，把需要記憶的內容擺上臺面。
例10：新浪微博
10
當用戶需要“@某人”時，自動隨鍵入彈出列表。不過，手機客戶端上，最先實現(xiàn)這個功能的是騰訊微博。
七、靈活高效原則
中級用戶的數(shù)量遠高于初級和高級用戶數(shù)。為大多數(shù)用戶設計，不要低估，也不可輕視，保持靈活高效。
例11：博客大巴
11
很早很早以前，大巴改版，新模版調整模塊方式顯得靈活；但在快速迭代的互聯(lián)網(wǎng)世界里，大巴的“新”方式已經(jīng)過時很久了。
例12：wordpress
12
保持高效，不解釋。
例13：QQ郵箱
13-1
登錄時，如果在賬號里輸入數(shù)字帳號（即QQ號），焦點移動到密碼框后，會彈出驗證碼表單；如果檢測出輸入的是英文賬號，則隱藏驗證碼表單。這里巧妙的地方在于，英文賬號為惡意試探性登錄（攻擊）的可能性遠小于數(shù)字帳號。
13-2
批量刪除郵件時，如果未選擇郵件，則彈出非必須響應（必須響應，比如alert（）方法）的提示，避免用戶無意義點擊。
例14：人人網(wǎng)
14
刪除相冊的“確認”截圖。注意，這不是彈出層，而是新的頁面。笨拙且低效。
例15：騰訊微博
15
美化版的alert（），徒增麻煩。
八、易掃原則
互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁的動作不是讀，不是看，而是掃。易掃，意味著突出重點，弱化和剔除無關信息。
例16：百度搜索
16
搜索結果的數(shù)量對用戶的幫助甚少，況且這個數(shù)字也不夠準確。百度搜索將其拿到頁面底部，這樣，首屏可視區(qū)域在高度上增加20個像素。
例17：微博列隊
17
根據(jù)作者的結論，大多數(shù)轉發(fā)的附言是無意義的，因此隱去之。由于部分用戶將“轉發(fā)”視作“引用”功能，附言是高價值的評論，因此提供懸停查看的辦法。
例18：谷歌網(wǎng)站站長幫助工具
區(qū)分正文與代碼，由于不是面向專業(yè)開發(fā)者，因此沒有高亮代碼。
九、容錯原則
幫助用戶從錯誤中恢復，將損失降到最低。如果無法自動挽回，則提供詳盡的說明文字和指導方向，而非代碼，比如404。
例19：豆瓣
19-1
小組的話題被刪除后，豆瓣會給每一位跟帖人發(fā)送郵件，告知刪除原因和跟帖原文。
19-2
恢復到初始布局。值得一提的還有豆瓣的文案，注意“折騰”二字~
十、人性化幫助原則
幫助性提示最好的方式是：1、無需提示；2、一次性提示；3、常駐提示；4；幫助文檔。
例20：騰訊微博
20
一次性提示。
例21：谷歌關鍵字廣告
21
常駐提示。
參考資料
尼爾森 《十大可用性原則》（英文） http://www.useit.com/papers/heuristic/heuristic_list.html
劉希未 《尼爾森網(wǎng)頁可用性評價十原則》（中英對照） http://blog.sciencenet.cn/home.php?mod=space&uid=333718&do=blog&id=292283
《專家評估：超越啟發(fā)式評估》 http://www.userfree.cn/?p=840
文章來源：時光立方 轉載請注明出處鏈接。
標簽： 捎瞇園咐
版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。
