可用性一直是交互設(shè)計(jì)的重頭。以下就自己的理解，寫(xiě)寫(xiě)對(duì)尼爾森《十大可用性原則》的感想。《十大》原文請(qǐng)見(jiàn)參考資料。

本文對(duì)各項(xiàng)原則進(jìn)行了再理解與意譯，與常見(jiàn)翻譯的版本不同；這也正是我在鼓勵(lì)和推動(dòng)互聯(lián)網(wǎng)中文普及與標(biāo)準(zhǔn)化所做的重要努力之一。

一、狀態(tài)可見(jiàn)原則

用戶在網(wǎng)頁(yè)上的任何操作，不論是單擊、滾動(dòng)還是按下鍵盤(pán)，頁(yè)面應(yīng)即時(shí)給出反饋。“即時(shí)”是指，頁(yè)面響應(yīng)時(shí)間小于用戶能忍受的等待時(shí)間。

例01：Gmail

01

進(jìn)入Gmail首頁(yè)，點(diǎn)擊“撰寫(xiě)郵件”，頁(yè)面右側(cè)切換成表單的等待時(shí)間是“即時(shí)”的，“無(wú)需等待”的；而點(diǎn)擊“通訊錄”，程序在后臺(tái)異步加載的時(shí)間超出了用戶預(yù)期（估計(jì)0.5秒以上），因此Gmail在頂部打出“正在載入……”的字樣。

例02：嘲鶇藍(lán)圖

02

嘲鶇藍(lán)圖是一個(gè)在線框架圖工具。用戶對(duì)文檔的任何更改，都會(huì)即時(shí)保存。提示信息常駐頁(yè)面頂部。

例03：QQ郵箱

郵箱能自動(dòng)保存草稿，但保存狀態(tài)的表現(xiàn)卻是以例01這種“一閃而過(guò)”的形式，用戶無(wú)法確定程序是否及時(shí)保存了最新版本。

二、環(huán)境貼切原則

網(wǎng)頁(yè)的一切表現(xiàn)和表述，應(yīng)該盡可能貼近用戶所在的環(huán)境（年齡、學(xué)歷、文化、時(shí)代背景），而不要使用第二世界的語(yǔ)言。《iPhone人機(jī)交互指南》里提到的隱喻與擬物化是很好的實(shí)踐。此外，還應(yīng)該使用易懂和約定俗成的表達(dá)。

例04：Photoshop

04

“拷貝”一詞在簡(jiǎn)體中文環(huán)境里已被“復(fù)制”取代。

“羽化”一詞譯自英文“feather”，指“令選區(qū)內(nèi)外銜接的部分虛化，起到漸變的作用從而達(dá)到自然銜接的效果”，該譯文貼切而富有詩(shī)意。

三、撤銷(xiāo)重做原則

為了避免用戶的誤用和誤擊，網(wǎng)頁(yè)應(yīng)提供撤銷(xiāo)和重做功能。

例05：谷歌日歷

05

添加/更新某個(gè)日程后，頁(yè)面頂部提示“撤銷(xiāo)”的功能。

例06：QQ空間

06

日志和相冊(cè)提供“回收站”功能。

四、一致性原則

同一用語(yǔ)、功能、操作保持一致。

例07：Flickr

07

繁體版主導(dǎo)航上的表述是“社群”，到了“管理與建立”的頁(yè)面，卻寫(xiě)著“群組”。

例08：新浪微博開(kāi)放平臺(tái)

08

在“文檔首頁(yè)”的頁(yè)面，網(wǎng)頁(yè)標(biāo)題卻是“新浪微博API”，與用戶預(yù)期不符。不僅如此，頁(yè)面在接口（API）和開(kāi)發(fā)工具包（SDK）在文案上并沒(méi)有統(tǒng)一，顯得不夠規(guī)范和嚴(yán)謹(jǐn)。

五、防錯(cuò)原則

通過(guò)網(wǎng)頁(yè)的設(shè)計(jì)、重組或特別安排，防止用戶出錯(cuò)。

例09：新浪微博

09

微博發(fā)布器上的文字是即時(shí)保存的，即便用戶關(guān)閉了網(wǎng)頁(yè)，也不會(huì)丟失內(nèi)容。

六、易取原則

好記性不如爛筆頭。盡可能減少用戶回憶負(fù)擔(dān)，把需要記憶的內(nèi)容擺上臺(tái)面。

例10：新浪微博

10

當(dāng)用戶需要“@某人”時(shí)，自動(dòng)隨鍵入彈出列表。不過(guò)，手機(jī)客戶端上，最先實(shí)現(xiàn)這個(gè)功能的是騰訊微博。

七、靈活高效原則

中級(jí)用戶的數(shù)量遠(yuǎn)高于初級(jí)和高級(jí)用戶數(shù)。為大多數(shù)用戶設(shè)計(jì)，不要低估，也不可輕視，保持靈活高效。

例11：博客大巴

11

很早很早以前，大巴改版，新模版調(diào)整模塊方式顯得靈活；但在快速迭代的互聯(lián)網(wǎng)世界里，大巴的“新”方式已經(jīng)過(guò)時(shí)很久了。

例12：wordpress

12

保持高效，不解釋。

例13：QQ郵箱

13-1

登錄時(shí)，如果在賬號(hào)里輸入數(shù)字帳號(hào)（即QQ號(hào)），焦點(diǎn)移動(dòng)到密碼框后，會(huì)彈出驗(yàn)證碼表單；如果檢測(cè)出輸入的是英文賬號(hào)，則隱藏驗(yàn)證碼表單。這里巧妙的地方在于，英文賬號(hào)為惡意試探性登錄（攻擊）的可能性遠(yuǎn)小于數(shù)字帳號(hào)。

13-2

批量刪除郵件時(shí)，如果未選擇郵件，則彈出非必須響應(yīng)（必須響應(yīng)，比如alert（）方法）的提示，避免用戶無(wú)意義點(diǎn)擊。

例14：人人網(wǎng)

14

刪除相冊(cè)的“確認(rèn)”截圖。注意，這不是彈出層，而是新的頁(yè)面。笨拙且低效。

例15：騰訊微博

15

美化版的alert（），徒增麻煩。

八、易掃原則

互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁(yè)的動(dòng)作不是讀，不是看，而是掃。易掃，意味著突出重點(diǎn)，弱化和剔除無(wú)關(guān)信息。

例16：百度搜索

16

搜索結(jié)果的數(shù)量對(duì)用戶的幫助甚少，況且這個(gè)數(shù)字也不夠準(zhǔn)確。百度搜索將其拿到頁(yè)面底部，這樣，首屏可視區(qū)域在高度上增加20個(gè)像素。

例17：微博列隊(duì)

17

根據(jù)作者的結(jié)論，大多數(shù)轉(zhuǎn)發(fā)的附言是無(wú)意義的，因此隱去之。由于部分用戶將“轉(zhuǎn)發(fā)”視作“引用”功能，附言是高價(jià)值的評(píng)論，因此提供懸停查看的辦法。

例18：谷歌網(wǎng)站站長(zhǎng)幫助工具

區(qū)分正文與代碼，由于不是面向?qū)�業(yè)開(kāi)發(fā)者，因此沒(méi)有高亮代碼。

九、容錯(cuò)原則

幫助用戶從錯(cuò)誤中恢復(fù)，將損失降到最低。如果無(wú)法自動(dòng)挽回，則提供詳盡的說(shuō)明文字和指導(dǎo)方向，而非代碼，比如404。

例19：豆瓣

19-1

小組的話題被刪除后，豆瓣會(huì)給每一位跟帖人發(fā)送郵件，告知?jiǎng)h除原因和跟帖原文。

19-2

恢復(fù)到初始布局。值得一提的還有豆瓣的文案，注意“折騰”二字~

十、人性化幫助原則

幫助性提示最好的方式是：1、無(wú)需提示；2、一次性提示；3、常駐提示；4；幫助文檔。

例20：騰訊微博

20

一次性提示。

例21：谷歌關(guān)鍵字廣告

21

常駐提示。

參考資料

尼爾森 《十大可用性原則》（英文） http://www.useit.com/papers/heuristic/heuristic_list.html

劉希未 《尼爾森網(wǎng)頁(yè)可用性評(píng)價(jià)十原則》（中英對(duì)照） http://blog.sciencenet.cn/home.php?mod=space&uid=333718&do=blog&id=292283

《專家評(píng)估：超越啟發(fā)式評(píng)估》 http://www.userfree.cn/?p=840

文章來(lái)源：時(shí)光立方 轉(zhuǎn)載請(qǐng)注明出處鏈接。

標(biāo)簽：  捎瞇園咐

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。