摘要：本文通過(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)幔恳苍S應(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)樵凇白柚箯棾龃翱凇蹦Ｊ较拢斑x擇文件”窗口沒(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ò)。