posts - 40,  comments - 187,  trackbacks - 0
          說在前面的話

          最近拜讀了王建碩的一篇比較老的博文,覺得很不錯,貼出來共享。
          原文地址: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. NormanJakob 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 熟練使用的時候可以更快的操作。
          這三條本身其實是沖突的,需要平衡。微軟的Windows界面是這樣設(shè)計的:菜單是統(tǒng)一的發(fā)現(xiàn)功能的入口,通過把拷貝和粘貼放在編輯菜單下是用戶容易學(xué)習(xí)使用,而不像DOS一樣,只有通過說明書或者書籍才能發(fā)現(xiàn)(discover)和學(xué)會(learn)。不過,如果每次拷貝操作都要通過指向“編輯”,然后選擇菜單中的“拷貝”雖然易學(xué),但是不易用,所以就設(shè)計了Ctrl+C和Ctrl+V的快捷方式,供學(xué)會的人更容易的使用。

          相反的,在專業(yè)領(lǐng)域,可以為了易用而放棄易學(xué),銀行柜臺終端只用小鍵盤而不用鼠標(biāo)操作就是個例子。

          有用和易用

          我們常常混淆有用性和易用性。

          • 有用,這由產(chǎn)品的規(guī)劃師負(fù)責(zé)保證。反面例子:比如一臺機(jī)器很容易使用但并不解決實際問題。很多產(chǎn)品的失敗,首先是有用性,也就是市場的失敗,而非易用性的失敗。
          • 易用,這由易用性工程師負(fù)責(zé)。比如一臺機(jī)器有功能但用戶不知道如何使用。
          分清了一件事物的這兩個方面,在分析的時候會避免將所有的問題都?xì)w結(jié)于易用性問題。

          易用性原理

          • 易見 Visibility
          • 映射 Mapping
          • 反饋 Feedback

          讓我一條一條的慢慢解釋。

          易見 Visibility

          單單憑觀察,用戶就應(yīng)知道

          • 設(shè)備的狀態(tài)
          • 該設(shè)備供選擇可以采取的行動
          關(guān)于門的例子,就是易見出了問題。通過觀察它,讓我沒有辦法判斷我可以做哪些操作,推還是拉?有很多門上貼著“推”或“拉”,其實當(dāng)一項設(shè)計需要用標(biāo)簽的時候,就說明設(shè)計本身已經(jīng)失敗了。

          與消防相關(guān)的設(shè)計通常要求比任何物品有更高的易用性要求,以保證任何人可以在突發(fā)事件發(fā)生時幾秒內(nèi)可以準(zhǔn)確地使用它。看一下這扇門:這是我原來辦公樓的緊急出口的門。

          shanghai-door-metro.jpg
          王建碩攝于美羅大廈

          即使那個“推”字不寫,估計也不會有人嘗試去拉它。而那個開的小窗,是為了逃生的人判斷這個設(shè)備的狀態(tài):外面究竟是濃煙還是安全的撤退通路。

          映射 Mapping

          知識主要分布在兩個地方。

          1. 每個人的腦子里。這些知識對高效的使用一樣?xùn)|西非常有用。
          2. 環(huán)境中。這些知識當(dāng)?shù)谝淮斡龅綍r非常有用

          shanghai-water.machine.jpg
          ? 王建碩

          關(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ù)印,你喜歡嗎?

          screen-copy.PNG

          這一個復(fù)印機(jī)功能非常多,該有的都有,你喜歡嗎?

          screen-many.PNG

          如果設(shè)計師發(fā)現(xiàn)如果他面對的復(fù)印機(jī)群體80%的操作只涉及復(fù)印一張紙,而其他時候還有別的要求,大概會設(shè)計成這個樣子:

          screen-copy.more.PNG

          物理世界的“高級選項”可能是一個小蓋子,讓面板上盡量簡潔,也可能是不同的顏色和形狀來區(qū)分。

          一些原則

          常常記住以下的原則可能會對我們有幫助。

          • 用戶的注意力是有限的資源。
          • 添加的任何一項功能都將有可能是用戶找到另外一項功能的絆腳石。
          • 如果必須添加一些功能,試圖替換掉另外一項類似的功能。
          • 經(jīng)常需要為了一些功能的易用性犧牲另外一些功能。

          易用性的評價

          知道易用性好壞,最好的辦法是讓用戶來做易用性試驗。大公司的做法是有隔音的單面透光玻璃,一邊是用戶和電腦,另外一邊是大量的攝像機(jī),記錄儀,更有甚者使用心跳,汗腺等生理監(jiān)控一起來感覺用戶的憤怒。而我建議的方式很簡單,找到合適的實驗對象,給他一個任務(wù),比如寫一篇blog,然后站在他身后,看他操作,同時切記放棄自己幫忙的沖動,只當(dāng)自己不存在。然后記錄兩個指標(biāo):

          • 成功完成任務(wù)的人占所有測試者的比例。這個比例越高越好。
          • 完成任務(wù)的平均時間。這個時間越短越好。
          通過對這兩個值的監(jiān)控,就可以知道自己設(shè)計的每一個版本的易用性是越來越好了,還是越來越差了。

          注一:本文的理論來源,出自一下書籍: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

          posted on 2008-12-15 15:08 小立飛刀 閱讀(1733) 評論(4)  編輯  收藏 所屬分類: User Interface

          FeedBack:
          # re: 易用性的三條原則(轉(zhuǎn))
          2008-12-15 16:45 | 1632
          不喜歡本文觀點,主要因為舉的例子不好。
          1) 門不是一個很好的例子,舉個例子,如果門即可以拉又可以推,那么易用了么?但是在人多的場合,門兩邊都有人,同時拉或者同時推,易用么?這個例子不好。

          2) 將歷史上的東西進(jìn)行比較,這是不合理的。ls不清晰么 (應(yīng)該是 list)的縮寫。dir 清晰么?不一定。 如果兩個命令都沒有使用過的人,那么可能兩個都猜錯了,如果現(xiàn)在發(fā)行的linux將ls命令修改為dir, 那么清晰么?那么老手和新手可能都不會用了。所以歷史上的東西不能比較,有環(huán)境的因素。

          3) C: D: 比 /c /d 清晰么?(在linux中,我們可以將一個分區(qū)mount到一個目錄上,如果一定要簡單,可以mount到 /c , /D)unix中,我只要到 / 目錄,我可以找到所有內(nèi)容。

          總之,例子不好。  回復(fù)  更多評論
            
          # re: 易用性的三條原則(轉(zhuǎn))[未登錄]
          2008-12-16 10:22 | 菜鳥
          感覺還是挺不錯的,例子合適不合適不用太苛求,只要能說明問題就是好例子  回復(fù)  更多評論
            
          # re: 易用性的三條原則(轉(zhuǎn))
          2008-12-16 11:33 | 小立飛刀
          @1632
          其實大多數(shù)都是使用習(xí)慣造成的,很難說哪種好、哪種壞。如您說的第三個例子,關(guān)于“C: D: 比 /c /d 清晰么?”的,Windows用戶更加習(xí)慣于C盤D盤,是長期使用的結(jié)果,linux用戶同樣也是習(xí)慣于mount,這就是在不同的境況下實現(xiàn)的不同的易用性。套用文中的一句話:“因為每人腦子里的知識都不相同,易用性也是針對與不同人的,設(shè)計者無法知道該產(chǎn)品是否對別人同樣易用。”  回復(fù)  更多評論
            
          # re: 易用性的三條原則(轉(zhuǎn))
          2008-12-16 11:34 | 小立飛刀
          @菜鳥
          同意菜鳥的觀點 ^_^  回復(fù)  更多評論
            
          <2008年12月>
          30123456
          78910111213
          14151617181920
          21222324252627
          28293031123
          45678910

          生存或毀滅,這是個必答之問題:是否應(yīng)默默的忍受坎苛命運之無情打擊,還是應(yīng)與深如大海之無涯苦難奮然為敵,并將其克服。此二抉擇,究竟是哪個較崇高?

          常用鏈接

          留言簿(12)

          隨筆分類(43)

          相冊

          收藏夾(7)

          朋友的博客

          電子資料

          搜索

          •  

          積分與排名

          • 積分 - 302763
          • 排名 - 192

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 仁化县| 奉化市| 尉氏县| 庆安县| 广宁县| 伊宁市| 抚远县| 宿州市| 永春县| 固始县| 龙井市| 绥棱县| 乌鲁木齐市| 镇雄县| 华宁县| 南安市| 吴堡县| 伊春市| 盐津县| 塔河县| 怀集县| 东莞市| 古交市| 偃师市| 盐津县| 彰化市| 安义县| 云安县| 湖南省| 丰城市| 小金县| 大英县| 茂名市| 济宁市| 章丘市| 南乐县| 九台市| 昌平区| 崇阳县| 枣庄市| 台中市|