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