編輯導(dǎo)語：我們在使用各種軟件時(shí)，會遇到一些彈出通知或者按鈕的設(shè)計(jì)，比如在網(wǎng)頁上，有些按鈕有立體感，點(diǎn)擊時(shí)仿佛被按就進(jìn)去了等等一些設(shè)計(jì)；本文是作者總結(jié)的一篇用戶交互設(shè)計(jì)易用性原則，我們一起來看一下。

很久以前，曾經(jīng)看過類似的一篇文章，基于該文章總結(jié)了這么一篇《用戶交互設(shè)計(jì)原則》的文檔給團(tuán)隊(duì)做原型的同學(xué)看；雖然偏理論，但是在指導(dǎo)意義上講，還是有一定的可用性的，發(fā)出來給大家分享一下。

一、系統(tǒng)狀態(tài)的能見度

軟件應(yīng)該保持相同的模式，透過適當(dāng)?shù)姆磻?yīng)，在合理的時(shí)間內(nèi)通知使用者，讓使用者了解正在發(fā)生的事情。

從交互設(shè)計(jì)角度講，通常通過以下兩種方式提高系統(tǒng)狀態(tài)能見度：

1. 按鈕狀態(tài)

在計(jì)算機(jī)上瀏覽頁面時(shí)，常常發(fā)現(xiàn)某些地方光標(biāo)移過去時(shí)顏色會有所改變，提示用戶這里可以點(diǎn)擊。

觸摸屏設(shè)備或移動(dòng)設(shè)備上沒有光標(biāo)，所以用以更加淺顯易懂的方式告訴用戶這里可以被操作；比如更為立體的按鈕或者仿真實(shí)體的開關(guān)圖像，用戶在點(diǎn)擊按鈕后，會出現(xiàn)按鈕被按下去的凹陷感，提示用戶您已經(jīng)點(diǎn)擊到了。

2. 進(jìn)度條/操作進(jìn)度展現(xiàn)

該方式通常提示用戶您需要等一下，現(xiàn)在正在[讀取中]、[下載中]…。

在需要用戶等待時(shí)，如果沒有任何提示，用戶就會產(chǎn)生“自從點(diǎn)擊了這個(gè)按鈕后，畫面就不動(dòng)了，我的操作到底有沒有被執(zhí)行呢？不知道要等多久…”等等，會給用戶帶來很強(qiáng)烈的挫敗感和結(jié)果不可控感。

進(jìn)度條/操作進(jìn)度展現(xiàn)就是為了降低使用者的不耐感，高速用戶現(xiàn)在在做什么樣的處理、進(jìn)度如何、大約需要多少時(shí)間等；提升用戶掌控感，進(jìn)而從感情上提升用戶體驗(yàn)。

二、系統(tǒng)與真實(shí)世界的關(guān)聯(lián)性

系統(tǒng)應(yīng)該運(yùn)用用戶的語言，使用他們熟悉的詞句、短語、概念，而不是專業(yè)術(shù)語。

在進(jìn)行系統(tǒng)顯示詞匯或引導(dǎo)性詞匯的定義時(shí)，需要對客戶實(shí)際工作情況進(jìn)行必要的了解。

如果能從客戶處獲取相關(guān)的單據(jù)、業(yè)務(wù)流程規(guī)范作為參照最好；如果不能，列出系統(tǒng)中可能用到的語言清單請市場人員協(xié)助確認(rèn)一下也是不錯(cuò)的辦法。

三、使用者的操控自由

用戶時(shí)常以“嘗試錯(cuò)誤”來選擇系統(tǒng)功能，他們需要一個(gè)明顯的“離開”來結(jié)束用戶不需要的狀態(tài)，并且支持復(fù)原步驟與重復(fù)步驟。

易于犯錯(cuò)且修正錯(cuò)誤代價(jià)高昂的高風(fēng)險(xiǎn)將導(dǎo)致使用者不愿意更多的使用、研究這個(gè)軟件；良好的設(shè)計(jì)能夠讓使用者降低出錯(cuò)率，在提供取消和恢復(fù)的功能前，需要優(yōu)先考慮減少用戶出錯(cuò)的機(jī)會；用戶使用軟件完成某一項(xiàng)工作時(shí)，是為了完成其預(yù)期的目標(biāo)。

根據(jù)二八法則，軟件的使用者80%都是使用最基本的初級操作，只有20%的使用者可能需要更為高級的功能；越輕松、簡單、無壓力的軟件產(chǎn)品，越能夠獲得使用者的青睞。

很多軟件很容易在該原則犯下錯(cuò)誤，不是所有的功能全部擺在第一層就代表豐富好用，功能強(qiáng)大。

所有的功能都很重要就代表沒有一個(gè)功能是重要的，好的軟件產(chǎn)品會把功能進(jìn)行優(yōu)先級劃分，把最重要、最常用的功能放在最顯眼、最容易看到的位置；較次級非必備的功能就擺到子頁面或干脆挪到高級選項(xiàng)/更多中去吧。

四、一致性和標(biāo)準(zhǔn)

用戶不應(yīng)該猜測不同的詞匯、狀態(tài)、動(dòng)作是不是代表同一件事情。

依照現(xiàn)實(shí)工作及生活的常見習(xí)慣，讓數(shù)據(jù)信息在自然且有邏輯順序的情況下產(chǎn)生。

為了達(dá)到這個(gè)目標(biāo)，通常需要開發(fā)一個(gè)詞典——這個(gè)詞典最好有團(tuán)隊(duì)技術(shù)總監(jiān)或平臺框架設(shè)計(jì)師來維護(hù)和管理，監(jiān)視需求文檔、軟件實(shí)現(xiàn)中的術(shù)語一致性；支持客戶使用軟件中遇到的問題應(yīng)該如何解決。他應(yīng)該最大限度的減少或消除用戶花費(fèi)時(shí)間解決軟件技術(shù)層面中的問題需求。

屬性、參數(shù)、設(shè)置、設(shè)定等等，這些詞指的都是同一件事情；可對于用戶來說，他不清楚“屬性”和“設(shè)定”其實(shí)表示的是同一件事情；如果將所有字詞統(tǒng)一有困難，可以干脆直接使用圖標(biāo)代表。

五、預(yù)防錯(cuò)誤（這是ToB產(chǎn)品最重要的一條）

比起提供用戶明確易懂的錯(cuò)誤信息，更重要的是如何防止用戶發(fā)生錯(cuò)誤。

比如將容易出錯(cuò)的條件或參數(shù)設(shè)定隱藏起來由軟件系統(tǒng)自動(dòng)完成、自動(dòng)檢查用戶操作正確或是干脆讓用戶確認(rèn)他們接下來要做的行動(dòng)都是比較好的預(yù)防錯(cuò)誤的交互方法。

讓用戶自行輸入的內(nèi)容越多，越容易出現(xiàn)錯(cuò)誤；明明只能輸入數(shù)字的地方，有的人就是會想輸入字母或者漢字，就算軟件做了明確的提醒，還是不會有人注意到。

比起使用者填完所有字段點(diǎn)擊了提交按鈕后再告訴他哪有錯(cuò)誤，不如再輸入錯(cuò)誤時(shí)就擋住他，在輸入正確的內(nèi)容前不能進(jìn)行下一個(gè)步驟；如果能在輸入框旁邊進(jìn)行實(shí)時(shí)驗(yàn)證并反饋驗(yàn)證結(jié)果比較好的做法。

六、辨識而非記憶

盡量減少用戶需要記憶的事情、行動(dòng)以及可見的選項(xiàng)。

使用者沒有辦法記住太多的步驟。如果一個(gè)軟件把數(shù)據(jù)當(dāng)做信息直接丟給用戶，要用戶自己查看數(shù)據(jù)，則代表用戶注意力會被分散，產(chǎn)生錯(cuò)誤的機(jī)會就會增加。

軟件應(yīng)該將用戶的注意力集中要他需要的數(shù)據(jù)上，并通過一定的手段幫助用戶從數(shù)據(jù)中獲得信息，而不是未經(jīng)過篩選需要用戶花時(shí)間思考；比如用戶第一次使用后，再度使用需要花費(fèi)多長時(shí)間才能找到上次分析過的信息？

七、彈性與使用效率

功能與易用性之間通常存在一個(gè)平衡。對于軟件中的每一個(gè)特性、功能都必須提供一種途徑讓用戶使用或控制；如果用戶的目標(biāo)是可預(yù)測且常用的，那么軟件產(chǎn)品不應(yīng)該讓用戶為了實(shí)現(xiàn)這個(gè)目標(biāo)而必須做很多的工作。

“做少量的操作得到更多的結(jié)果”才是用戶想要的。簡單來說就是要思考“有多少用戶”和“使用頻率如何”的問題。

越頻繁使用的功能，需要點(diǎn)擊的次數(shù)就應(yīng)該越少；越多用戶使用某功能，該功能就應(yīng)該越明顯；注意要為核心情況設(shè)計(jì)，不要為“邊緣”情況付出太多。

八、美觀與簡化設(shè)計(jì)

為了防止用戶出錯(cuò)，可以在軟件設(shè)計(jì)上盡量減少用戶的記憶負(fù)擔(dān)。將功能、操作及選項(xiàng)設(shè)計(jì)的顯而易見；對于不想管或是很少需要的信息或功能要隱藏起來，“僅突出重點(diǎn)”在軟件設(shè)計(jì)上非常重要。

比如用戶需要完成一個(gè)操作，如果他需要填寫或選擇一長串的內(nèi)容（大部分內(nèi)容可以通過其他更為快捷的途徑或規(guī)則獲得），相信許多用戶就會抵觸這樣的操作或干脆不做了。

九、幫助用戶認(rèn)識、偵錯(cuò)并從錯(cuò)誤中恢復(fù)

幫助用戶識別、診斷并從錯(cuò)誤中恢復(fù)，將損失降到最低；如果無法自動(dòng)晚會，則提供詳盡的說明文字和指導(dǎo)方向，而非難以理解的錯(cuò)誤代碼，最好能在告知用戶發(fā)生錯(cuò)誤的同時(shí)一并提供解決方法。

用戶不會想知道“錯(cuò)誤碼3”是什么意思，直接告訴用戶“軟件授權(quán)不足”比簡短的錯(cuò)誤碼更能理解；而比起“軟件授權(quán)不足”，如果能說明具體情況并加上如何解決則更能夠幫助用戶排除或解決錯(cuò)誤，從而給用戶帶來成就感。

十、幫助與說明文檔

一個(gè)軟件在完美的情況下不需要任何說明文檔用戶就能夠正確的進(jìn)行常用操作，當(dāng)然，對于高級進(jìn)階功能需要提供幫助或說明文檔以提供20%的用戶查閱。

通常在用戶需要幫助時(shí)，該類型操作可以很快速的查詢到并能夠指導(dǎo)用戶流暢的實(shí)現(xiàn)某一個(gè)目標(biāo)。

為了預(yù)防極少數(shù)使用者搞不清楚狀況，常見的做法除了提供內(nèi)容組織優(yōu)秀的說明文檔外，初次使用直接進(jìn)入使用教學(xué)，強(qiáng)迫使用者閱讀完畢后才能進(jìn)行操作也是不錯(cuò)的辦法。

本文由 @Jimmy.jing 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議