摘要:本文通過(guò)大量的實(shí)例，并結(jié)合筆者的理解，深入淺出地介紹了人機(jī)界面設(shè)計(jì)中的經(jīng)典問(wèn)題：模式現(xiàn)象，并指出如何在產(chǎn)品設(shè)計(jì)中避免這類問(wèn)題的具體措施。希望本文能夠起到拋磚引玉的作用，引起國(guó)內(nèi)的產(chǎn)品設(shè)計(jì)人員，尤其是軟件產(chǎn)品設(shè)計(jì)人員對(duì)于界面易用性的重視，使產(chǎn)品從平凡走向卓越。 關(guān)鍵詞: 人機(jī)界面設(shè)計(jì) 模式 軟件易用性 人機(jī)交互 一 Windows XP的用戶登錄界面的改進(jìn) 如果你經(jīng)常使用電腦，或許你有以下的類似經(jīng)歷。在登錄某個(gè)系統(tǒng)時(shí)，一般都會(huì)有一個(gè)要求輸入用戶名和密碼的登錄界面。而在大多數(shù)情況下，系統(tǒng)能記住曾經(jīng)輸入過(guò)的用戶名，所以用戶名就已經(jīng)顯示在屏幕上了，此時(shí)光標(biāo)會(huì)直接位于輸入密碼的地方。你輸入了好幾遍密碼，系統(tǒng)總是說(shuō)密碼不對(duì)，但是你很確信密碼沒(méi)錯(cuò)誤，用戶名也對(duì)。你百思不得其解，氣得想把鍵盤砸爛。但就在你揮拳的一剎那，你突然注意到鍵盤上的大寫指示燈亮著，原來(lái)如此，你恍然大悟。怪自己?jiǎn)?？也許應(yīng)該，但為什么軟件不能更好地提示呢？ 在Windows XP的用戶登錄界面中，就針對(duì)以上這種登錄界面的密碼輸入問(wèn)題做了改進(jìn)，一些細(xì)心的用戶也許已經(jīng)發(fā)現(xiàn)了這個(gè)界面同Windows的以往版本在操作行為上的細(xì)微差別。如果你還沒(méi)注意到，可以進(jìn)行以下的試驗(yàn)：首先按下鍵盤上的大寫狀態(tài)鍵（Caps Lock），然后用鼠標(biāo)在密碼輸入框中點(diǎn)擊一下，使光標(biāo)位于輸入密碼的位置，準(zhǔn)備輸入密碼。這時(shí)，你會(huì)發(fā)現(xiàn)，一個(gè)提示框在醒目的位置出現(xiàn)了，其中的信息是“你的鍵盤處于大寫字母狀態(tài)，這可能使你輸入密碼錯(cuò)誤 . . . ”。再繼續(xù)進(jìn)行試驗(yàn)：再次按下鍵盤上的大寫狀態(tài)鍵盤，該提示框消失。用鼠標(biāo)在用戶名輸入處點(diǎn)擊一下，再次按下鍵盤大寫狀態(tài)鍵，使得輸入狀態(tài)為大寫，但此時(shí)系統(tǒng)不再顯示任何提示框。 幾次這樣的操作之后，你就會(huì)發(fā)現(xiàn)其中的規(guī)律了：如果當(dāng)前光標(biāo)位于輸入密碼的一欄中，當(dāng)鍵盤狀態(tài)為大寫輸入時(shí)，系統(tǒng)就會(huì)出現(xiàn)該提示框，而如果光標(biāo)位于輸入用戶名的一欄中，該提示框不會(huì)出現(xiàn)。 也許你已經(jīng)猜到這樣設(shè)計(jì)的原因了，或者你已經(jīng)從使用經(jīng)歷中體會(huì)到這樣設(shè)計(jì)的好處了，那就是，它可以避免由于鍵盤大寫狀態(tài)導(dǎo)致的輸入密碼錯(cuò)誤而又不被用戶察覺(jué)的問(wèn)題。 二 什么是界面中的模式現(xiàn)象 在上面談到的登錄界面問(wèn)題中，導(dǎo)致用戶容易出錯(cuò)的原因是人機(jī)界面設(shè)計(jì)中的一個(gè)經(jīng)典問(wèn)題：模式現(xiàn)象。計(jì)算機(jī)科學(xué)家和認(rèn)知心理學(xué)學(xué)者，Macintosh之父Jef Raskin在他的《The Humane Interface: New Directions for Designing Interactive Systems》一書中對(duì)模式現(xiàn)象有比較精辟的論述。通俗地講，在一個(gè)界面中，如果用戶執(zhí)行同樣的動(dòng)作但得到的結(jié)果不同，那這樣的界面就存在模式現(xiàn)象。換句話說(shuō)，這樣的界面有著不同的模式（或內(nèi)部狀態(tài)），在不同的模式下，相同的動(dòng)作會(huì)引起不同的結(jié)果或執(zhí)行不同的功能。 以上面的登錄界面密碼輸入為例，當(dāng)用戶同樣是按下鍵盤上的a鍵時(shí)，實(shí)際輸入的內(nèi)容可能是小寫的a， 也可能是大寫的A，這取決于當(dāng)前鍵盤的大小寫狀態(tài)。 在現(xiàn)實(shí)世界中，界面存在模式現(xiàn)象的例子很多，它不僅存在于軟件界面中，也廣泛存在于一些日常用品中，這里我們先舉三個(gè)大家都接觸過(guò)的物品的例子。 第一個(gè)，電視機(jī)。 電視機(jī)的開關(guān)按鈕是有模式現(xiàn)象的界面。如果當(dāng)前電視是處于關(guān)機(jī)的狀態(tài)，則按下開關(guān)按鈕的動(dòng)作執(zhí)行的功能是把電視打開；而如果當(dāng)前電視是處于開機(jī)的狀態(tài)，則按下開關(guān)按鈕的動(dòng)作執(zhí)行的功能是把電視關(guān)閉。 第二個(gè)，手動(dòng)照相機(jī)。在傻瓜照相機(jī)出現(xiàn)之前，在拍照前需要設(shè)置好正確的光圈，快門速度，焦距等。同樣的按下快門的動(dòng)作，在以上不同的設(shè)置條件下，照出來(lái)的效果會(huì)大相徑庭。 第三個(gè)，手動(dòng)檔汽車。汽車的檔位決定了汽車的運(yùn)行狀態(tài)，同樣是踩下油門的動(dòng)作，如果當(dāng)前是一檔，汽車就能被開動(dòng)起來(lái)；如果當(dāng)前是5檔，則就很難讓車開動(dòng)起來(lái)；如果不幸掛的是倒車檔，車子反而會(huì)向后走。在這里，同樣的踩油門的動(dòng)作引起了車的不同的運(yùn)動(dòng)結(jié)果。 再來(lái)看三個(gè)軟件產(chǎn)品中的有模式現(xiàn)象的界面的例子。 第一個(gè)：鍵盤上的回車鍵。如果在DOS命令行狀態(tài)，回車鍵一般表示執(zhí)行一個(gè)命令或啟動(dòng)一個(gè)應(yīng)用程序；在文字編輯器中，回車鍵一般表示換行；而在對(duì)話框中，回車鍵一般等同于點(diǎn)擊“確認(rèn)”按鈕，執(zhí)行的是關(guān)閉對(duì)話框的功能。 第二個(gè)：現(xiàn)在有很多軟件可以阻止在瀏覽網(wǎng)絡(luò)時(shí)彈出窗口的出現(xiàn)，例如Google bar, MSN bar等。安裝了這些軟件后，就使得瀏覽器出現(xiàn)了模式問(wèn)題。當(dāng)你瀏覽某些網(wǎng)站的時(shí)候，會(huì)出現(xiàn)一些奇妙的錯(cuò)誤。例如有些網(wǎng)站允許你上傳一個(gè)存在電腦里的文件。當(dāng)你點(diǎn)擊網(wǎng)站頁(yè)面上的“選擇文件”按鈕之后，卻發(fā)現(xiàn)什么都沒(méi)有發(fā)生。這是因?yàn)樵凇白柚箯棾龃翱凇蹦Ｊ较?，“選擇文件”窗口沒(méi)有被瀏覽器顯示出來(lái)。而你此時(shí)也許沒(méi)有明顯地意識(shí)到當(dāng)前瀏覽器處于“阻止彈出窗口”模式，所以會(huì)認(rèn)為自己的操作有誤或是該網(wǎng)站出了問(wèn)題。 第三個(gè)：Unix 操作系統(tǒng)下的全屏幕字符模式編輯軟件vi。 這是一個(gè)早期在Unix上很流行的文字編輯軟件，功能很強(qiáng)大，但同時(shí)也是出了名的難以學(xué)習(xí)。該軟件有兩種模式，編輯模式和命令模式。在編輯模式下，敲擊字母鍵時(shí)輸入對(duì)應(yīng)的字母，實(shí)現(xiàn)文本輸入的功能；而在命令模式下，敲擊不同的字母鍵將執(zhí)行完全不同的功能。例如，k j l h 四個(gè)字母對(duì)應(yīng)著把光標(biāo)向上下左右移動(dòng)，按a 鍵進(jìn)入編輯模式，并把輸入點(diǎn)設(shè)置在光標(biāo)右邊，按i鍵同樣也進(jìn)入編輯模式，但是把輸入點(diǎn)設(shè)置在光標(biāo)左邊。 三 有害模式和無(wú)害模式 存在模式現(xiàn)象的界面并不總是會(huì)帶來(lái)使用上的問(wèn)題或容易引起使用錯(cuò)誤。例如，在電視機(jī)的例子中，人們很少會(huì)在使用開關(guān)按鈕時(shí)犯錯(cuò)誤。但是在手動(dòng)照相機(jī)的例子中，人們經(jīng)常會(huì)因?yàn)闆](méi)有正確設(shè)置相機(jī)的各種參數(shù)而導(dǎo)致照出的照片效果很差，或者是在手動(dòng)檔汽車的例子中，由于換檔不及時(shí)或不恰當(dāng)，導(dǎo)致汽車熄火或?qū)ζ囋斐蓳p傷。 那么存在模式現(xiàn)象的界面在什么情況下才容易引起人們使用中容易犯錯(cuò)呢，或者說(shuō)是“有害模式”呢？一個(gè)快速的判斷法則是：影響一個(gè)動(dòng)作產(chǎn)生不同結(jié)果的產(chǎn)品內(nèi)部狀態(tài)或因素是否在界面中向用戶清楚地展現(xiàn)出來(lái)了。如果是，這種模式就是“無(wú)害模式”，反之就是“有害模式”。在電視機(jī)開關(guān)的例子中，按下開關(guān)按鈕這個(gè)動(dòng)作執(zhí)行的功能取決于電視機(jī)當(dāng)前是開著或關(guān)著的狀態(tài)，而這個(gè)狀態(tài)無(wú)疑很明顯地向用戶展現(xiàn)了出來(lái)，所以用戶不會(huì)犯錯(cuò)。 細(xì)心的讀者可能已經(jīng)發(fā)現(xiàn)，在手工照相機(jī)的例子中，光圈，快門速度等影響最終成像質(zhì)量的因素不也是很明顯地通過(guò)相機(jī)上的顯示屏向用戶展現(xiàn)了出來(lái)嗎？為什么用戶還是經(jīng)常設(shè)置不正確呢？為了說(shuō)明這種情況，我們還需要對(duì)上面的判斷法則做進(jìn)一步的修正，那就是：在一個(gè)有模式現(xiàn)象的界面中，影響同樣動(dòng)作產(chǎn)生不同結(jié)果的產(chǎn)品內(nèi)部狀態(tài)必須清楚地向用戶展現(xiàn)出來(lái)，并且這個(gè)狀態(tài)是用戶當(dāng)前的注意力，只有同時(shí)滿足這兩點(diǎn)，才是“無(wú)害模式”。 在電視機(jī)的開關(guān)的例子中，電視機(jī)當(dāng)前是否是開著的狀態(tài)是影響按下開關(guān)按鈕這個(gè)動(dòng)作產(chǎn)生不同結(jié)果的因素，而當(dāng)用戶去進(jìn)行按下按鈕的動(dòng)作時(shí)，他（她）的注意力恰好就是要改變電視機(jī)的這個(gè)狀態(tài)，所以用戶很清楚按下開關(guān)將會(huì)產(chǎn)生哪種結(jié)果。而在手工照相機(jī)的例子中，當(dāng)用戶通過(guò)取景框取景，并把食指放到快門上準(zhǔn)備拍照時(shí)，他（她）的注意力是取景器中的圖像，關(guān)心的是想要拍的景色或人物是否都在取景框中，位置是否合適等。此時(shí)盡管快門速度，光圈的數(shù)值的確是清晰地顯示在顯示屏上，但是用戶根本沒(méi)有去注意這些因素，結(jié)果就導(dǎo)致，這些影響最終成像質(zhì)量的因素在用戶拍照時(shí)被忽略了。 在存在“有害模式”問(wèn)題的界面中，如果系統(tǒng)或產(chǎn)品能夠?qū)⒂脩魟?dòng)作的結(jié)果盡快向用戶反饋，就可以讓用戶很快意識(shí)到錯(cuò)誤的發(fā)生，從而采取相應(yīng)的措施來(lái)修復(fù)或改正，這樣的界面是可接受的，即由模式問(wèn)題不會(huì)引發(fā)嚴(yán)重的錯(cuò)誤。 還以照相機(jī)為例，數(shù)碼相機(jī)和傳統(tǒng)基于膠片的相機(jī)的一個(gè)重大區(qū)別是，拍照完成后，用戶可以立刻看到成像的最終效果。此時(shí)，用戶就能夠即使發(fā)現(xiàn)由于光圈或快門速度設(shè)置不當(dāng)而導(dǎo)致的相片過(guò)亮或過(guò)暗的問(wèn)題，從而他能夠意識(shí)到需要適當(dāng)調(diào)整各種參數(shù)來(lái)確保合適的曝光量。 我們?cè)倩剡^(guò)頭來(lái)看計(jì)算機(jī)界面中的一個(gè)“有害模式”但可以接受的界面，這就是通過(guò)鍵盤輸入大小寫字母時(shí)的問(wèn)題。從我們上面對(duì)模式問(wèn)題的分析不難看出，當(dāng)前鍵盤的大小寫狀態(tài)決定著按下同樣一個(gè)字母鍵的動(dòng)作產(chǎn)生的結(jié)果，并且這種大小寫的狀態(tài)是通過(guò)鍵盤上的大小寫指示燈向用戶顯示出來(lái)的。但由于用戶在進(jìn)行鍵盤輸入時(shí)，眼睛一般是看著屏幕的（至少對(duì)于大多數(shù)鍵盤的熟練使用者是這樣），很少在意鍵盤上的指示燈，所以經(jīng)常出現(xiàn)的一個(gè)現(xiàn)象是：在鍵入了一個(gè)完整單詞后，用戶才發(fā)現(xiàn)輸入進(jìn)去的全部是大寫，這才意識(shí)到鍵盤處于大寫字母狀態(tài)，但由于系統(tǒng)及時(shí)把輸入的字母顯示了出來(lái)，用戶很快就意識(shí)到錯(cuò)誤的產(chǎn)生，從而能及時(shí)改正。 你能設(shè)想一下，如果看不到自己輸入的字母，那將會(huì)是多么的糟糕，就算輸入了錯(cuò)誤的大寫，你也不知道，真的有這樣的界面嗎？ 有，本文開頭提到的輸入密碼的界面不就恰好是這種情形嗎？處于安全的考慮，在所有輸入密碼的界面中，用戶鍵入的所有字母都將會(huì)被顯示成星號(hào)（＊）或其它任何一個(gè)同樣的符號(hào)。但這樣一來(lái)，向用戶的反饋就不存在了，所以就很容易導(dǎo)致文章開頭提到的哪種錯(cuò)誤的出現(xiàn)。 Windows XP的用戶登錄界面的設(shè)計(jì)巧妙之處就在于，它應(yīng)用了及時(shí)反饋原則，在保證了安全性要求的限制條件下，把一個(gè)存在“有害模式”的界面改進(jìn)為可接受的，避免了錯(cuò)誤的發(fā)生。通過(guò)在屏幕上顯示一個(gè)醒目的提示框，從而吸引用戶的注意力，它明確地告訴用戶當(dāng)前鍵盤的大寫狀態(tài)，使得用戶能清楚地意識(shí)到自己按鍵盤的動(dòng)作將會(huì)輸入是大寫還是小寫字母，從而避免錯(cuò)誤的發(fā)生。 四 模式產(chǎn)生的根源及在產(chǎn)品設(shè)計(jì)中如何處理 Jef Raskin從認(rèn)知心理學(xué)的角度指出，界面中的模式現(xiàn)象之所以會(huì)導(dǎo)致人們覺(jué)得產(chǎn)品難以使用，是由于它打斷了人們?cè)谕瓿梢患虑闀r(shí)的正常思維過(guò)程，迫使人們不時(shí)地去思考和要完成的主要任務(wù)無(wú)關(guān)的其它問(wèn)題，這給人們帶來(lái)的很大的記憶負(fù)擔(dān)和認(rèn)知困難。 在手動(dòng)檔汽車的例子中，人們?cè)陂_車時(shí)關(guān)心和試圖控制的是方向和速度，然而在試圖控制速度這一點(diǎn)上，不是簡(jiǎn)單地通過(guò)油門和剎車就能完全控制的。駕駛?cè)藛T必須還必須首先設(shè)置正確的檔位。在這里，“設(shè)置檔位”這個(gè)思維過(guò)程擾亂人們對(duì)于速度控制的關(guān)注，形成了記憶負(fù)擔(dān)和認(rèn)知困難。 從根本上來(lái)說(shuō)，導(dǎo)致界面中出現(xiàn)“模式”現(xiàn)象是由于產(chǎn)品功能多于控制按鈕或無(wú)法在有限的顯示空間里全部顯示出來(lái)，從而不能在控制機(jī)制和功能之間形成一一對(duì)應(yīng)的關(guān)系。例如，如果一個(gè)設(shè)備有20種功能，而界面上只能有11個(gè)按鈕，顯然不可能每個(gè)按鈕對(duì)應(yīng)一個(gè)功能，此時(shí)通過(guò)把一個(gè)按鈕作為特殊的模式按鈕，它的按下或抬起的狀態(tài)將決定其余十個(gè)按鈕的不同作用，這樣才能用11個(gè)按鈕提供20個(gè)功能。 舉實(shí)際生活中的例子，大家也許還記得老式的收音機(jī)，控制部分很簡(jiǎn)單，只有兩個(gè)旋鈕，一個(gè)控制音量，一個(gè)調(diào)臺(tái)。兩個(gè)旋扭對(duì)應(yīng)兩個(gè)功能，而這就是收音機(jī)功能的全部。這樣的界面相信看過(guò)一次的人都會(huì)用。再想想你的MP3播放器，有著多達(dá)幾十種的功能，而按鈕只有幾個(gè)，這其中就有很明顯的模式現(xiàn)象，這樣的界面難以學(xué)習(xí)，難以記憶，經(jīng)常需要借助說(shuō)明書才能完成一些功能。 在對(duì)界面中的模式現(xiàn)象有了這些了解之后，我們就可以在產(chǎn)品設(shè)計(jì)中加以注意，避免由于模式問(wèn)題而造成產(chǎn)品難以使用，或容易引起使用錯(cuò)誤的問(wèn)題，具體來(lái)講，可以通過(guò)以下三步來(lái)進(jìn)行: 首先, 只要有可能，就徹底消除模式現(xiàn)象，使得每個(gè)動(dòng)作不論在何種情況下都有同樣的結(jié)果。 如果產(chǎn)品的功能的確很簡(jiǎn)單，做到這一點(diǎn)并不是很難。但對(duì)于那些功能很多的產(chǎn)品，要想徹底消除模式現(xiàn)象，需要有復(fù)雜的技術(shù)作為實(shí)現(xiàn)的基礎(chǔ)，這一般直接導(dǎo)致產(chǎn)品成本的上升。例如，傻瓜相機(jī)就徹底消除了本文提及的光圈，快門速度等對(duì)拍照效果影響的模式問(wèn)題，但是為了做到這一點(diǎn)，需要在相機(jī)中增加很多控制部分，使得相機(jī)能夠根據(jù)拍照主體的遠(yuǎn)近以及當(dāng)前環(huán)境的光線自動(dòng)地設(shè)定光圈，快門速度，這需要復(fù)雜的技術(shù)。同樣地，自動(dòng)檔汽車的自動(dòng)變速箱是消除模式問(wèn)題的解決方案，當(dāng)然它也是自動(dòng)檔汽車中一個(gè)很復(fù)雜很昂貴的部件，并且一般來(lái)說(shuō)，自動(dòng)檔的汽車要比其他配置相同的手動(dòng)檔的車要貴?；旧蟻?lái)說(shuō)，很多名稱中帶有“自動(dòng)”或“智能”字樣的產(chǎn)品都是試圖通過(guò)技術(shù)手段，來(lái)消除一些產(chǎn)品使用中的模式現(xiàn)象，從而提高產(chǎn)品的易用性。 其次，如果由于某些原因或約束條件，不可能徹底做到功能和動(dòng)作的一一對(duì)應(yīng)關(guān)系，一定要盡量使得模式是“無(wú)害模式”，即要把影響一個(gè)動(dòng)作執(zhí)行結(jié)果的系統(tǒng)內(nèi)部狀態(tài)展示給用戶，并確保這些展示的狀態(tài)是用戶的注意力所在，從而能夠讓用戶明確意識(shí)到他的動(dòng)作將產(chǎn)生何種結(jié)果。 最后，如果我們想盡任何辦法，還無(wú)法保證向用戶展示的狀態(tài)是用戶的注意力所在，即界面存在“有害模式”，我們一定要利用及時(shí)反饋原則，把用戶執(zhí)行動(dòng)作的結(jié)果及時(shí)反饋給用戶，讓他能及時(shí)意識(shí)到錯(cuò)誤的發(fā)生，從而采取糾正措施。 結(jié)束語(yǔ) 隨著科技的進(jìn)步，產(chǎn)品將會(huì)有越來(lái)越豐富的功能，如何使得用戶容易學(xué)會(huì)和使用這些功能，從而真正實(shí)現(xiàn)產(chǎn)品的全部?jī)r(jià)值，是對(duì)產(chǎn)品設(shè)計(jì)的一個(gè)重大挑戰(zhàn)。界面設(shè)計(jì)中的模式問(wèn)題從一個(gè)角度解釋了一個(gè)產(chǎn)品是否容易使用，是否容易導(dǎo)致用戶出錯(cuò)的原因。通過(guò)關(guān)注模式問(wèn)題，你就可以設(shè)計(jì)出好學(xué)易用的產(chǎn)品，從而提高用戶的滿意度。