好的人機(jī)交互設(shè)計(jì)（UX）評(píng)判標(biāo)準(zhǔn)的四個(gè)原則

　　一些設(shè)計(jì)的基本原則往往是通用的，甚至可以說(shuō)放之四海皆準(zhǔn)的，例如優(yōu)先級(jí)、一致性、界面的隱喻等等，好的設(shè)計(jì)都需要考慮到這些問(wèn)題，甚至再更廣的范圍內(nèi)也同樣適用，而不僅僅是交互設(shè)計(jì)范疇。

　　一個(gè)設(shè)計(jì)師&產(chǎn)品經(jīng)理應(yīng)該在決策時(shí)下意識(shí)的、本能的考慮這些原則。就像以前很多零售業(yè)者能夠一抓準(zhǔn)，你要一斤糖，他抓起來(lái)就是一斤，不多不少，靠的就是不斷的練習(xí)＋思考，最后將其變成了自己的本能。

　　越是通用的標(biāo)準(zhǔn)，往往也就離細(xì)節(jié)越遠(yuǎn)，需要結(jié)合界面的具體部分（信息架構(gòu)、導(dǎo)航、交互、語(yǔ)詞、視覺(jué)等）和產(chǎn)品的具體領(lǐng)域（例如音樂(lè)播放器、閱讀軟件等）來(lái)看。

　　1. 優(yōu)先級(jí)

　　蘋果的設(shè)計(jì)為什么讓我們覺(jué)得精彩？為什么我們父母級(jí)的用戶都能夠很快入手？

　　我曾經(jīng)觀察我的父母試用 iPad，他們能夠很快開始嘗試操作，而不像面對(duì)很多其他的數(shù)碼產(chǎn)品時(shí)那樣無(wú)從入手。其中的一個(gè)重要原因是蘋果在處理設(shè)計(jì)的優(yōu)先級(jí)方面非常成功。

　　當(dāng)我在看 iPhone 非常細(xì)節(jié)的設(shè)計(jì)時(shí)，常常非常佩服他們的設(shè)計(jì)師&產(chǎn)品經(jīng)理能夠如此有魄力地砍掉功能和界面元素，從而讓重點(diǎn)的變得更重點(diǎn)，讓需要突出的變得更突出。

　　一個(gè)基本的假設(shè)：如同經(jīng)濟(jì)學(xué)里資源的稀缺性假設(shè)一樣，用戶的認(rèn)知資源和系統(tǒng)的界面資源都是稀缺的。

　　當(dāng)你把所有重要的東西都擺上桌面，就沒(méi)有重要的東西了。用戶的認(rèn)知空間和認(rèn)知能力有限，當(dāng)他們面前有 1 條路可以選擇時(shí)，事情會(huì)變得很簡(jiǎn)單，但是當(dāng)他們面臨 3 條路時(shí)，往往會(huì)躊躇不前。盡管我們難以量化地說(shuō)用戶有多少精力在這種抉擇中損耗掉了，但這種損失是顯而易見的。

　　看看 Android 原生系統(tǒng)的設(shè)計(jì)，用戶想要運(yùn)行一個(gè)應(yīng)用時(shí)，有幾條路？

　　設(shè)計(jì)中對(duì)優(yōu)先級(jí)的把握就是要讓我們能夠?qū)⒄嬲匾墓δ埽瘍?nèi)容／元素放到突出的位置，以最多的界面資源去展示它們，而將次要的部分弱化、隱藏起來(lái)，再次的部分則索性砍掉。

　　具體來(lái)說(shuō)：

　　a. 用戶優(yōu)先級(jí)

　　把握核心用戶，為產(chǎn)品自己真正的用戶群做設(shè)計(jì)，不要天真地認(rèn)為你的設(shè)計(jì)可以滿足所有用戶。

　　b. 功能優(yōu)先級(jí)

　　把握核心需求，亮點(diǎn)功能往往兩三個(gè)就足夠多了。功能航母往往容易沉沒(méi)（看看為何現(xiàn)代戰(zhàn)爭(zhēng)中巨型戰(zhàn)列艦都逐漸被淘汰了），Nokia VS Apple 也是這樣。有一次 Tina（創(chuàng)新工場(chǎng)的 COO）的一句話讓我很受教，她說(shuō)她以前做 Marketing 時(shí)，給客戶講產(chǎn)品，往往一次只講三個(gè) Feature，即使這個(gè)產(chǎn)品或版本其實(shí)有更多的亮點(diǎn)。設(shè)計(jì)或者開發(fā)產(chǎn)品時(shí)我們總是想盡可能地將好東西放進(jìn)去，但是打動(dòng)客戶／用戶的點(diǎn)卻往往只在三個(gè)以內(nèi)。

　　c. 內(nèi)容／信息優(yōu)先級(jí)

　　將內(nèi)容分成不同的層次，核心內(nèi)容需要明顯地突出出來(lái)。報(bào)紙上的標(biāo)題、摘要、征文等層次清晰、涇渭分明也是這個(gè)原因。

　　d. 交互優(yōu)先級(jí)

　　主要的交互路徑需要讓用戶以最小的精神代價(jià)就能走得通，盡量減少這條路上的分支。為此，一些時(shí)候不得不將一些次要的交互路徑更含蓄地隱藏起來(lái)。最常用的可能是「高級(jí)設(shè)置」這樣的形式。

　　e. 視覺(jué)優(yōu)先級(jí)

　　視覺(jué)更需要層次，重點(diǎn)的視覺(jué)元素需要讓用戶一眼掃過(guò)去就能看到，而次要的信息則要拉開距離，通過(guò)留白、顏色對(duì)比等等手段。一個(gè)例子是做 PPT，當(dāng)我們看到好的 PPT 時(shí)，總發(fā)現(xiàn)里面有大量的空間、有灰色的文字，這樣將重點(diǎn)突出出來(lái)，而很多人在做 PPT 時(shí)則會(huì)直接 COPY 大段文字，直接用粗體、黑色，滿屏幕只見到黑色的一片。

　　和優(yōu)先級(jí)這個(gè)原則互通的概念還有簡(jiǎn)化（簡(jiǎn)化的目的實(shí)際上就是突出重點(diǎn)）、減法原則等等。

　　2. 一致性

　　一致性可以讓界面更容易被預(yù)知，可以降低用戶的學(xué)習(xí)成本等等。一致性幾乎是設(shè)計(jì)中最普遍的一條原則，也是缺乏設(shè)計(jì)經(jīng)驗(yàn)的團(tuán)隊(duì)最容易犯的錯(cuò)誤。做可用性評(píng)估時(shí)，幾乎每次都能找出一堆的不一致問(wèn)題。

　　通常需要注意一致性的地方包括：

　　a. 交互邏輯的一致性

　　完成同樣功能，交互邏輯是否一樣，流程是否相似。

　　b. 元素的一致性

　　同樣的交互邏輯，使用的控件等是否一致，不允許這里用按鈕來(lái)執(zhí)行動(dòng)作，在那邊變成了圖標(biāo)，另一個(gè)地方又是鏈接。

　　c. 語(yǔ)詞的一致性

　　界面上使用的語(yǔ)言，在描述同一個(gè)事物時(shí)是否是一致的。

　　d. 信息架構(gòu)的一致性

　　信息的組織層次方面是否是一致的，導(dǎo)航是否是一致的，等等。

　　e. 視覺(jué)的一致性

　　界面的圖標(biāo)、顏色、區(qū)域的分隔、指向等方面是否是一致的。

　　通常一致性還有另一個(gè)問(wèn)題，就是在什么時(shí)候做出權(quán)衡取舍。

　　有時(shí)強(qiáng)制的一致性會(huì)引發(fā)其他問(wèn)題，例如用戶在執(zhí)行某些任務(wù)時(shí)效率會(huì)降低，會(huì)導(dǎo)致界面的復(fù)雜度增加等等。這時(shí)我們不得不做出權(quán)衡，決定是保持一致性，還是采用一個(gè)異常的但又合理的設(shè)計(jì)。有時(shí)需要說(shuō)服做開發(fā)和測(cè)試的同事們?cè)谀承┨厥獾牡胤綘奚恢滦詠?lái)得到更好的設(shè)計(jì)。

　　3. 感覺(jué)

　　可用性工程的教科書里，往往會(huì)有「主觀滿意度」的內(nèi)容（實(shí)際上這也是 ISO9241 的內(nèi)容之一），但是卻也往往語(yǔ)焉不詳，因?yàn)橹饔^的問(wèn)題往往難以通過(guò)工程／經(jīng)驗(yàn)的方法來(lái)解決。

　　但是我們還是可以找出幾個(gè)明顯的能夠在設(shè)計(jì)中考慮到的點(diǎn)，來(lái)照顧用戶的感覺(jué)。

　　例如以下幾點(diǎn)：

　　a. 快的感覺(jué)

　　天下武功，無(wú)堅(jiān)不摧，唯快不破。IBM 做測(cè)試的同事會(huì)拿秒表（當(dāng)然他們似乎還有更好的工具）來(lái)掐時(shí)間測(cè)試 Performance，如果某個(gè)版本的 Case 有 Performance 的明顯下降，會(huì)是個(gè)大事故。

　　我們通常還可以在設(shè)計(jì)上有很多處理來(lái)產(chǎn)生快的感覺(jué)，例如先讓界面顯示出結(jié)果，同時(shí)后臺(tái)再去做操作（例如存儲(chǔ)等耗時(shí)間的操作），避免用戶的等待（當(dāng)然最痛苦的是被工程師告知界面上的顯示效率就已經(jīng)低到需要用戶等待了）。

　　曾經(jīng)看過(guò)一個(gè)研究，在進(jìn)度條的顯示上，越來(lái)越快的進(jìn)度條最能夠讓用戶感覺(jué)到快，而不是那些完全真實(shí)反應(yīng)內(nèi)部進(jìn)度的進(jìn)度條（真實(shí)的情況可能是越來(lái)越慢）。

　　b. 安全的感覺(jué)

　　用戶敢在看起來(lái)很「山寨」的界面上輸入自己的密碼么？用戶需要經(jīng)常自己保存么？Google 的 Gmail 是個(gè)好例子，而 MS Windows 的升級(jí)后自動(dòng)重啟是個(gè)壞例子，某一次我同時(shí)遇到了它們：Windows XP 打完某些補(bǔ)丁后，會(huì)要求重新啟動(dòng)系統(tǒng)，這時(shí)你可以選擇立刻重啟，或者點(diǎn)擊一個(gè)按鈕，等待若干時(shí)間后再提醒，如果什么都不做，它會(huì)在一小短時(shí)間內(nèi)自動(dòng)重啟。當(dāng)我正在工作時(shí)，顯然不愿意立刻重啟系統(tǒng)，于是我選擇了稍后提醒，然后又工作了很久，在 Gmail 里寫了一封郵件。這時(shí)剛好有人來(lái)找我討論問(wèn)題，等回到電腦前后，發(fā)現(xiàn)它自動(dòng)重啟了……沒(méi)有保存的工作都丟失了。但是好在 Gmail 會(huì)自動(dòng)保存我已經(jīng)寫過(guò)的郵件內(nèi)容，讓人稍稍安心。

　　知乎的文本編輯框也是一個(gè)好例子。

　　c. 其他感覺(jué)

　　例如界面語(yǔ)言是否讓用戶感覺(jué)到尊重。

　　一個(gè)小例子，新浪微博的客戶端里，用戶發(fā)完微博后，有時(shí)因?yàn)橄到y(tǒng)的原因（發(fā)送按鈕監(jiān)聽到了兩次事件，或者別的什么原因），微博內(nèi)容可能會(huì)在用戶不知情的情況下「試圖」重復(fù)發(fā)送，這時(shí)會(huì)彈出一個(gè)提示框，告訴用戶說(shuō)「不要太貪心哦……」 用戶多委屈。

　　4. 臨界點(diǎn)

　　臨界點(diǎn)就是壓倒大象的最后一根稻草。是什么讓用戶決定注冊(cè)產(chǎn)品開始使用的？往往就是多動(dòng)那么一下手指、多學(xué)習(xí)思考一小下，用戶就從門口溜走了。臨界點(diǎn)往往是多種因素綜合的作用，與用戶的主觀心理（感覺(jué)）、客觀因素（績(jī)效）等有關(guān)系，姑且作為半個(gè)原則來(lái)看。

　　常常驚訝于一些產(chǎn)品（特別是移動(dòng)產(chǎn)品）能夠在用戶看到的第一個(gè)界面，放一個(gè)大大的登陸或者注冊(cè)框在上面，任何好東西都沒(méi)給用戶看到，就讓用戶先來(lái)注冊(cè)。

　　以前在一個(gè)設(shè)計(jì)中，給一個(gè)公司的同事講過(guò)一個(gè)故事：如果有一天你在街上找人問(wèn)路，那人說(shuō)「給我 5 毛我才能告訴你」，盡管你不情愿但還是給了他 5 毛，他拿了錢告訴你說(shuō)「經(jīng)過(guò)查詢我發(fā)現(xiàn)自己不知道」。在實(shí)際的設(shè)計(jì)中，用戶付出的并不僅僅是金錢的費(fèi)用，他們的精力也是成本，這時(shí)用戶就會(huì)去盤算到底值不值得來(lái)進(jìn)行下一步的操作。

　　聽曾在 Google 工作的同事講過(guò)這樣一個(gè)例子：Google 的右邊欄廣告以前點(diǎn)擊率總是上不去，后來(lái)做了一個(gè)改動(dòng)，這些廣告點(diǎn)擊率立刻上升了很多。這個(gè)改動(dòng)就是：讓這些廣告的區(qū)域離搜索結(jié)果區(qū)域的距離更近一點(diǎn)……

　　Kik 這個(gè)產(chǎn)品的成功，和他們不動(dòng)聲色地利用用戶通訊錄來(lái)幫用戶快速匹配好友有很大的關(guān)系。姑且不論這樣做是否合乎道德和法律，他們的確幫助用戶跨越了臨界點(diǎn)。如果它需要讓用戶自己通過(guò)昵稱、賬號(hào)來(lái)一個(gè)一個(gè)地添加好友，還能有今天的成果么？

　　一個(gè)注冊(cè)的流程、一個(gè)對(duì)話框、一次點(diǎn)擊……這些小地方就很有可能會(huì)是用戶的臨界點(diǎn)，設(shè)計(jì)的價(jià)值往往也就在這些地方，小改動(dòng)往往會(huì)有大變化。

　　通常我們要特別注意優(yōu)先級(jí)高的任務(wù)／界面里，是否會(huì)存在臨界點(diǎn)的問(wèn)題。如果優(yōu)先級(jí)最高的任務(wù)里，用戶難以跨越我們的門檻，就很難保證產(chǎn)品的成功。

　　這是一個(gè)細(xì)膩的工作，有時(shí)作為設(shè)計(jì)師&產(chǎn)品經(jīng)理，你可能不得不為了一個(gè)小細(xì)節(jié)和開發(fā)團(tuán)隊(duì)討論／爭(zhēng)取很久，因?yàn)閯e人會(huì)覺(jué)得這個(gè)細(xì)節(jié)不值得投入工作量，但你知道這可能會(huì)決定用戶能否跨越臨界點(diǎn)。