第一次走到新的辦公室門(mén)口，習(xí)慣的去推那扇巨大玻璃門(mén)，同時(shí)腳步并沒(méi)有放慢下來(lái)。
結(jié)果。。。
“哐”的一聲巨響，我差點(diǎn)整個(gè)身子就撞了上去，鼻子已經(jīng)貼到了玻璃上。原來(lái)，這扇門(mén)是只能拉，而不能推的。
這是每個(gè)人都會(huì)遇到的事情：只能拉的門(mén)去推，只能推的門(mén)去拉，或者直接一頭撞進(jìn)那種左右滑動(dòng)的移門(mén)上去。。。這個(gè)時(shí)候常會(huì)自責(zé)“真不小心”。其實(shí)，傻的不是我們，而是門(mén)的設(shè)計(jì)師。門(mén)的把手，遙控器，以及任何我們周?chē)臇|西，都是用戶界面。讓人會(huì)犯錯(cuò)誤的設(shè)計(jì)，是易用性出了問(wèn)題。易用性差的門(mén)，就像給我們?cè)O(shè)計(jì)的圈套，等著我們掉進(jìn)去。
易用性
易用性是一門(mén)學(xué)問(wèn)。Donald A. Norman和Jakob Nielson是這方面的大牛。關(guān)于門(mén)的例子，就是在Donald一本很有趣的書(shū)，名叫The Design of Everyday Things的第五頁(yè)描述的。易用性，對(duì)于網(wǎng)站以及軟件的設(shè)計(jì)越來(lái)越重要，常常是區(qū)分好壞網(wǎng)站或軟件的決定性因素。我想通過(guò)本文，把我所了解到的易用性最基本的一些想法介紹給大家。
什么是易用性
- 易見(jiàn) Easy to discover 藏得很深的功能就不容易被發(fā)現(xiàn)，無(wú)法使用。
- 易學(xué) Easy to learn 學(xué)起來(lái)容易。
- 易用 Easy to use 熟練使用的時(shí)候可以更快的操作。
這三條本身其實(shí)是沖突的，需要平衡。微軟的Windows界面是這樣設(shè)計(jì)的：菜單是統(tǒng)一的發(fā)現(xiàn)功能的入口，通過(guò)把拷貝和粘貼放在編輯菜單下是用戶容易學(xué)習(xí)使用，而不像DOS一樣，只有通過(guò)說(shuō)明書(shū)或者書(shū)籍才能發(fā)現(xiàn)(discover)和學(xué)會(huì)(learn)。不過(guò)，如果每次拷貝操作都要通過(guò)指向“編輯”，然后選擇菜單中的“拷貝”雖然易學(xué)，但是不易用，所以就設(shè)計(jì)了Ctrl+C和Ctrl+V的快捷方式，供學(xué)會(huì)的人更容易的使用。
相反的，在專(zhuān)業(yè)領(lǐng)域，可以為了易用而放棄易學(xué)，銀行柜臺(tái)終端只用小鍵盤(pán)而不用鼠標(biāo)操作就是個(gè)例子。
有用和易用
我們常常混淆有用性和易用性。
- 有用，這由產(chǎn)品的規(guī)劃師負(fù)責(zé)保證。反面例子：比如一臺(tái)機(jī)器很容易使用但并不解決實(shí)際問(wèn)題。很多產(chǎn)品的失敗，首先是有用性，也就是市場(chǎng)的失敗，而非易用性的失敗。
- 易用，這由易用性工程師負(fù)責(zé)。比如一臺(tái)機(jī)器有功能但用戶不知道如何使用。
分清了一件事物的這兩個(gè)方面，在分析的時(shí)候會(huì)避免將所有的問(wèn)題都?xì)w結(jié)于易用性問(wèn)題。
易用性原理
- 易見(jiàn) Visibility
- 映射 Mapping
- 反饋 Feedback
讓我一條一條的慢慢解釋。
易見(jiàn) Visibility
單單憑觀察，用戶就應(yīng)知道
- 設(shè)備的狀態(tài)
- 該設(shè)備供選擇可以采取的行動(dòng)
關(guān)于門(mén)的例子，就是
易見(jiàn)出了問(wèn)題。通過(guò)觀察它，讓我沒(méi)有辦法判斷我可以做哪些操作，推還是拉？有很多門(mén)上貼著“推”或“拉”，其實(shí)當(dāng)一項(xiàng)設(shè)計(jì)需要用標(biāo)簽的時(shí)候，就說(shuō)明設(shè)計(jì)本身已經(jīng)失敗了。
與消防相關(guān)的設(shè)計(jì)通常要求比任何物品有更高的易用性要求，以保證任何人可以在突發(fā)事件發(fā)生時(shí)幾秒內(nèi)可以準(zhǔn)確地使用它。看一下這扇門(mén)：這是我原來(lái)辦公樓的緊急出口的門(mén)。
王建碩攝于美羅大廈
即使那個(gè)“推”字不寫(xiě)，估計(jì)也不會(huì)有人嘗試去拉它。而那個(gè)開(kāi)的小窗，是為了逃生的人判斷這個(gè)設(shè)備的狀態(tài)：外面究竟是濃煙還是安全的撤退通路。
映射 Mapping
知識(shí)主要分布在兩個(gè)地方。
- 每個(gè)人的腦子里。這些知識(shí)對(duì)高效的使用一樣?xùn)|西非常有用。
- 環(huán)境中。這些知識(shí)當(dāng)?shù)谝淮斡龅綍r(shí)非常有用
? 王建碩
關(guān)于上面的這個(gè)飲水機(jī)的兩個(gè)水龍頭，大多數(shù)人不加思考就知道紅的是熱水，藍(lán)的是冷水。這就是產(chǎn)品的設(shè)計(jì)和我們腦子里已經(jīng)形成的火是紅的，水是藍(lán)的映射。這簡(jiǎn)單的映射，讓大家對(duì)一個(gè)產(chǎn)品的接受度大大增加。
微軟的DOS，就第一次采取了DIR(目錄)作為目錄的結(jié)構(gòu)，而不用ls這樣Unix的命令行，而且第一次使用了形象的C:盤(pán)，D:盤(pán)，而不是一股腦的mount到一個(gè)以/為根的龐大的文件系統(tǒng)中去。到了Windows時(shí)代，把目錄干脆變成了文件夾的樣子，文件變成了一張張寫(xiě)著字的紙。而Windows 95更加開(kāi)創(chuàng)性的第一次引入了桌面的概念，反而把我的電腦變成桌面的一部分。這種種變化，都是把產(chǎn)品映射到了大家熟識(shí)的生活中的概念。
我曾經(jīng)用過(guò)紅顏色代表冷水，藍(lán)顏色代表熱水的飲水機(jī)，就算有再多的標(biāo)簽告訴我那個(gè)是熱水，我還是會(huì)搞錯(cuò)。順便說(shuō)一句，blog對(duì)于上網(wǎng)時(shí)間不長(zhǎng)的人來(lái)說(shuō)，倒是用日記的概念成功的隱藏了個(gè)人主頁(yè)中對(duì)文件名，index.htm，超鏈接等等，這一點(diǎn)點(diǎn)門(mén)檻的降低，讓成倍的人有可能加入進(jìn)來(lái)。
因?yàn)槊咳四X子里的知識(shí)都不相同，易用性也是針對(duì)與不同人的，設(shè)計(jì)者無(wú)法知道該產(chǎn)品是否對(duì)別人同樣易用。不信，如果你用慣了Windows，去用用蘋(píng)果的Mac試試。首先就受不了那只有一個(gè)鍵的鼠標(biāo)。而對(duì)于一個(gè)Mac用戶，Windows也是需要不懈的努力和適應(yīng)才可以用得來(lái)的。對(duì)于３歲的小孩子，因?yàn)槟X子里沒(méi)有太多已有的知識(shí)，所以整個(gè)世界都這么的不好用，筷子，門(mén)，以及衣服，和電腦，手機(jī)對(duì)于他一樣的難用。
反饋 Feedback
反饋對(duì)于產(chǎn)品的易用性至關(guān)重要。通過(guò)不斷的迅速的反饋，讓用戶知道自己的操作的結(jié)果。比如，Windows的應(yīng)用中的那個(gè)“沙漏”的鼠標(biāo)，就是讓用戶知道需要等待，而不是開(kāi)始揮舞拳頭來(lái)砸鍵盤(pán)。產(chǎn)品中“正在。。。，請(qǐng)稍后”就遠(yuǎn)好于死機(jī)一樣的一動(dòng)不動(dòng)。
關(guān)于反饋，多數(shù)的投影儀做的非常不好。看一個(gè)典型的場(chǎng)景：一個(gè)人拿起投影儀遙控器，按開(kāi)的按鈕。等了三秒鐘，他開(kāi)始不耐煩，因?yàn)橥队皟x雖然已經(jīng)開(kāi)動(dòng)，但是需要非常慢的時(shí)間預(yù)熱，看似沒(méi)有反應(yīng)。我們會(huì)以為沒(méi)有作用，再按一下。這回更耐心一點(diǎn)了，但是投影儀已經(jīng)被關(guān)掉了。十五秒鐘以后，接著按那個(gè)開(kāi)關(guān)鍵。如此反復(fù)，直到憤怒的離開(kāi)。。。
沒(méi)有反饋，會(huì)讓初次使用的用戶非常的苦惱。比如Windows的登錄框，輸密碼時(shí)，因?yàn)榉答伇恍翘?hào)屏蔽了，多少次按了大寫(xiě)鍵以后沒(méi)法輸入密碼就是一個(gè)易用問(wèn)題。好在從Windows XP以后，用一個(gè)“大寫(xiě)鍵打開(kāi)”的提示框作為反饋，好多了。
易用性和功能
產(chǎn)品設(shè)計(jì)是個(gè)取舍的問(wèn)題。易用性和功能就存在沖突。更多的功能，可能使用戶無(wú)所適從。
我討厭那種好像4x6陣列似的遙控器，還有復(fù)印機(jī)的面板。很多時(shí)候，我被復(fù)印機(jī)的功能搞得發(fā)瘋。其實(shí)，我理想中的好的復(fù)印機(jī)就是在面板上只有一個(gè)大大的可愛(ài)的綠色圓按鈕，按一下，復(fù)印一張，再按一下，再?gòu)?fù)印一張。。。
下面這個(gè)復(fù)印機(jī)功能非常少，只能復(fù)印，你喜歡嗎？
這一個(gè)復(fù)印機(jī)功能非常多，該有的都有，你喜歡嗎？
如果設(shè)計(jì)師發(fā)現(xiàn)如果他面對(duì)的復(fù)印機(jī)群體80%的操作只涉及復(fù)印一張紙，而其他時(shí)候還有別的要求，大概會(huì)設(shè)計(jì)成這個(gè)樣子：
物理世界的“高級(jí)選項(xiàng)”可能是一個(gè)小蓋子，讓面板上盡量簡(jiǎn)潔，也可能是不同的顏色和形狀來(lái)區(qū)分。
一些原則
常常記住以下的原則可能會(huì)對(duì)我們有幫助。
- 用戶的注意力是有限的資源。
- 添加的任何一項(xiàng)功能都將有可能是用戶找到另外一項(xiàng)功能的絆腳石。
- 如果必須添加一些功能，試圖替換掉另外一項(xiàng)類(lèi)似的功能。
- 經(jīng)常需要為了一些功能的易用性犧牲另外一些功能。
易用性的評(píng)價(jià)知道易用性好壞，最好的辦法是讓用戶來(lái)做易用性試驗(yàn)。大公司的做法是有隔音的單面透光玻璃，一邊是用戶和電腦，另外一邊是大量的攝像機(jī)，記錄儀，更有甚者使用心跳，汗腺等生理監(jiān)控一起來(lái)感覺(jué)用戶的憤怒。而我建議的方式很簡(jiǎn)單，找到合適的實(shí)驗(yàn)對(duì)象，給他一個(gè)任務(wù)，比如寫(xiě)一篇blog，然后站在他身后，看他操作，同時(shí)切記放棄自己幫忙的沖動(dòng)，只當(dāng)自己不存在。然后記錄兩個(gè)指標(biāo)：
- 成功完成任務(wù)的人占所有測(cè)試者的比例。這個(gè)比例越高越好。
- 完成任務(wù)的平均時(shí)間。這個(gè)時(shí)間越短越好。
通過(guò)對(duì)這兩個(gè)值的監(jiān)控，就可以知道自己設(shè)計(jì)的每一個(gè)版本的易用性是越來(lái)越好了，還是越來(lái)越差了。
注一：本文的理論來(lái)源，出自一下書(shū)籍：Design of Everyday Thing, Usability Engineering, Useit.com。表示感謝！
注二：一些觀點(diǎn)在《軟件的易用性設(shè)計(jì)》中講過(guò)。這是我在三年前寫(xiě)的一門(mén)課程，也是我最喜歡講的一門(mén)，在蘇州，南京，武漢，成都和上海的軟件園和開(kāi)發(fā)者大會(huì)上講過(guò)。
注三：關(guān)于中國(guó)的互聯(lián)網(wǎng)現(xiàn)狀究竟相當(dāng)于美國(guó)的哪一年？，引起一些關(guān)注和爭(zhēng)論，比如keso(I, II), xiaobo (I), Vazi (I), 莫煩 (I), 冰刀 (I), xucx等等。他們的觀點(diǎn)，我是非常同意的。中國(guó)的互聯(lián)網(wǎng)需要高端應(yīng)用，也需要低端；有快速跟進(jìn)的群體，也有還沒(méi)有入門(mén)的；需要領(lǐng)航者，也需要低下頭做基層的應(yīng)用；這頭大象，是夠大的，大到?jīng)]有人可以看全，大到?jīng)]有一篇文章可以說(shuō)得明白。或許每個(gè)人在發(fā)表自己的見(jiàn)解的時(shí)候加一個(gè)注釋說(shuō)，“這只是我看到，或者現(xiàn)在這個(gè)時(shí)間段關(guān)注的部分”。只有更多人，更多的文章，探討這個(gè)話題，才可以幫助我們有更正確的判斷。
????????????????????????????????????????????????????????? THE END