可用性案例分析

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