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