|
作者的Blog：臭魚的交互設(shè)計(jì)
在IE7 beta版中新添加了一項(xiàng)重要的功能－－－頁(yè)面縮放。在窗口的右下角以一個(gè)下拉菜單顯示百分比。此功能的快捷操作是按住ctrl鍵，然后滾動(dòng)鼠標(biāo)滾輪，滾輪向上滾則放大頁(yè)面，向下滾則縮小頁(yè)面。在IE6的windows版中，只提供了“文字大小”功能，用來(lái)改變頁(yè)面中相對(duì)字號(hào)的大小。快捷操作是按住ctrl鍵，向下滾動(dòng)鼠標(biāo)滾輪則文字放大，向上滾動(dòng)滾輪則文字減小。在IE7 beta中，這個(gè)快捷操作讓給了“頁(yè)面縮放”功能。不過(guò)，鼠標(biāo)滾輪的滾動(dòng)方向卻是相反的。
在IE6中，當(dāng)向下滾動(dòng)滾輪時(shí)，則頁(yè)面被“拖拽”長(zhǎng)了。用戶會(huì)很容易記住滾輪滾動(dòng)方向與頁(yè)面變化之間的關(guān)系。在IE7 btea中，當(dāng)用戶向下拖滾輪的時(shí)候，頁(yè)面的顯示比例變小，頁(yè)面向上運(yùn)動(dòng)，縮小了。即使不考慮老IE用戶的使用習(xí)慣，這個(gè)操作至少也不容易讓用戶正確的記住滾輪滾動(dòng)方向與頁(yè)面變化的對(duì)應(yīng)關(guān)系。
一個(gè)構(gòu)造復(fù)雜的工具，沒(méi)有必要向用戶完全解釋清楚內(nèi)部的工作原理，而用戶在使用過(guò)程中卻往往需要在某種程度上理解這個(gè)工具，以便更好的駕馭。此時(shí)，用戶往往會(huì)以自己的方式來(lái)理解這個(gè)產(chǎn)品。有可能用戶的理解與產(chǎn)品實(shí)際的工作原理完全不符，但用戶卻可以通過(guò)自己的理解正確預(yù)測(cè)產(chǎn)品的使用效果。我父親稱這種做法為“琢磨規(guī)律”，在交互設(shè)計(jì)中成之為建立用戶的心理模型。
大部分汽車的轉(zhuǎn)向燈控制器都是在方向盤左側(cè)的后面，一個(gè)連接在方向盤軸上的撥桿，向上撥動(dòng)，則右側(cè)轉(zhuǎn)向燈亮，向下?lián)軇?dòng)，則左側(cè)轉(zhuǎn)向燈亮。對(duì)于第一次接觸汽車的駕校學(xué)員來(lái)說(shuō)，這是個(gè)完全陌生的操作。通常教練是不教學(xué)員如何記住這個(gè)操作的。不過(guò)練習(xí)了幾個(gè)小時(shí)之后，大多數(shù)學(xué)員就都能自如的操作了。學(xué)員們各自建立了自己心理模型，而這些模型幾乎是完全一致的：要向右轉(zhuǎn)時(shí)，方向盤是向右側(cè)轉(zhuǎn)動(dòng)的，左手是從下向上的運(yùn)動(dòng)，所以轉(zhuǎn)向燈撥桿也是從下向上撥，反之亦然。實(shí)際上，汽車轉(zhuǎn)向器是通過(guò)電路控制的，向上或向下?lián)苤皇墙o出了一個(gè)相應(yīng)的電信號(hào)。不過(guò)駕駛者卻不需要去了解真正的工作原理，通過(guò)自己的經(jīng)驗(yàn)總結(jié)，建立這樣一個(gè)簡(jiǎn)單的心理模型就已經(jīng)能完全掌握了轉(zhuǎn)向撥桿的使用規(guī)律。這也正是轉(zhuǎn)向撥桿設(shè)計(jì)者希望看到的。一個(gè)良好的設(shè)計(jì)，使得用戶更加容易建立正確、簡(jiǎn)單的心理模型。如果轉(zhuǎn)向撥桿被設(shè)計(jì)成類似“手剎”一樣的操作，那么無(wú)論向上拉是左轉(zhuǎn)向燈亮還是右轉(zhuǎn)向燈亮，恐怕都不容易記住了。當(dāng)然如果能夠使駕駛者方便的左右調(diào)節(jié)來(lái)控制轉(zhuǎn)向燈當(dāng)然是更理想的。
與汽車相比，電腦上運(yùn)行的軟件顯得更加復(fù)雜。恐怕只有極少數(shù)軟件工程師才能真正明白某一功能的工作原理，即使他們能明白，恐怕也不會(huì)通過(guò)背誦軟件開(kāi)發(fā)流程圖來(lái)記住如何使用軟件。
在電腦游戲“魔獸爭(zhēng)霸3”中，變換玩家視角的功能也是一個(gè)關(guān)于心理模型很好的例子。
在游戲的3D場(chǎng)景中，默認(rèn)狀態(tài)，玩家是以接近45度的俯視視角觀看。向上滾動(dòng)鼠標(biāo)滾輪，則視點(diǎn)更接近地面；向下滾動(dòng)滾輪，則視點(diǎn)遠(yuǎn)離地面，更接近于垂直的俯視。根據(jù)不同的戰(zhàn)場(chǎng)情況，改變視角可以更便于觀察，對(duì)不少玩家來(lái)說(shuō)，這是個(gè)常用的功能。
要如何才能記住滾輪滾動(dòng)方向與視角變化的對(duì)應(yīng)關(guān)系呢？“當(dāng)我要更貼近地面觀察的時(shí)候，我就去推動(dòng)整個(gè)空間，讓顯示器向后傾斜。所以我要推動(dòng)鼠標(biāo)滾輪�！敝恍枰忉尩竭@里就足夠了，向下拉滾輪的操作也已經(jīng)可以記住了。也許對(duì)這個(gè)操作你會(huì)有不同的理解，只要合乎邏輯并且能正確反應(yīng)此功能的操作規(guī)律，都是不錯(cuò)的心理模型。游戲設(shè)計(jì)者給出了合適的條件讓玩家能總結(jié)出簡(jiǎn)單的、合理的規(guī)律。
對(duì)于某一功能只存在著唯一合理的操作設(shè)計(jì)嗎？對(duì)于“魔獸3”中的這個(gè)功能，讓我們來(lái)假設(shè)一個(gè)相反的操作：向上推鼠標(biāo)滾輪，則視點(diǎn)提高，接近于垂直俯視；向下拉滾輪，則視點(diǎn)降低。這樣可以嗎？恐怕也可以給出合理的解釋：“如果我想從更高的視點(diǎn)觀察，我需要讓眼睛處于更高地位置上，我的眼睛就固定在鼠標(biāo)滾輪上，需要向上，再向上......”如果這個(gè)解釋不比前面的解釋更復(fù)雜，那么我們這樣相反的處理這個(gè)功能的操作就是可以接受的，合理的。
不過(guò)，IE7 beta中的“縮放頁(yè)面”操作與原先的“文字大小”操作相反的做法，似乎就不那么合適了。向下滾動(dòng)鼠標(biāo)滾輪，頁(yè)面向上收縮。這類似于在開(kāi)車的時(shí)候，向左轉(zhuǎn)動(dòng)方向盤，則車向右轉(zhuǎn)。或許駕駛者也能為這樣的操作給出一個(gè)合邏輯的解釋，以避免自己操作失誤，但是，這個(gè)解釋恐怕不會(huì)比“向左轉(zhuǎn)方向盤，則車向左轉(zhuǎn)”的心理模型更簡(jiǎn)單�！胺较虮P與車輪相連，轉(zhuǎn)動(dòng)了方向盤，則車輪也隨之被轉(zhuǎn)動(dòng)了�！边@個(gè)心理模型如此之簡(jiǎn)單，以至于我們根本不需要有意的去建立這個(gè)心理模型，便完全可以正確操作。
與“魔獸”的例子相比，IE7有著明確的視覺(jué)反饋，用戶更容易聯(lián)想到現(xiàn)實(shí)生活中的經(jīng)驗(yàn)，并且需要此處的操作能符合自己的經(jīng)驗(yàn)。設(shè)計(jì)者即使不能為一個(gè)功能設(shè)計(jì)出十分理想的操作，主動(dòng)地去暗示用戶，引導(dǎo)用戶創(chuàng)建心理模型，至少也不應(yīng)該阻礙用戶去理解產(chǎn)品。
用戶的心理模型往往基于對(duì)現(xiàn)實(shí)生活的經(jīng)驗(yàn)積累。我們?cè)诖蜷_(kāi)一本掛歷的時(shí)候，卷軸隨著手向下滾動(dòng)，可視的面積逐漸加大。所以，IE6中的“文字大小”功能是比較容易理解的。
用戶的心理模型是簡(jiǎn)單的。心理模型是工具與用戶操作之間的橋梁，借助這個(gè)橋梁，可以更容易的理解并使用工具。心理模型越復(fù)雜，它的存在價(jià)值就越小。如果心理模型需要用戶要花很多的時(shí)間進(jìn)行思考，那么他（她）往往更傾向于通過(guò)實(shí)踐操作來(lái)找到正確的使用方法，在實(shí)踐的過(guò)程中，又會(huì)總結(jié)出新的心理模型，新模型將比舊模型更簡(jiǎn)單，并且比實(shí)踐操作來(lái)的更容易。
用戶最終會(huì)忘掉心理模型。創(chuàng)建心理模型是為了更容易的學(xué)會(huì)使用工具，隨著用戶熟練程度的提高，逐漸地就不再需要花時(shí)間來(lái)思考了。操作變成了一種自然的反應(yīng)。有一定駕駛經(jīng)驗(yàn)的駕駛者打轉(zhuǎn)向燈之前不需要先考慮“左手要向上運(yùn)動(dòng)，因此...”不過(guò)，最初的心理模型仍舊是這個(gè)操作的基礎(chǔ)。因?yàn)轳{駛者合理的理解了轉(zhuǎn)向燈撥桿，所以，在他（她）后來(lái)的使用中能輕松的駕馭這一功能，并且在某些特殊的情況下，當(dāng)駕駛者再次遇到操作困難的時(shí)候，心理模型又會(huì)被喚醒。我曾經(jīng)與一位有多年駕齡朋友飲酒達(dá)旦，最后由他開(kāi)車送我回家，此時(shí)，他自然早已經(jīng)是成仙了，臨近一個(gè)路口的時(shí)候，他是這樣說(shuō)的：“咱們現(xiàn)，現(xiàn)在是該往左轉(zhuǎn)，左轉(zhuǎn)彎兒了，是吧，那就是得這么轉(zhuǎn)（方向盤），所以，就得往這么撥拉（轉(zhuǎn)向燈撥桿），哎，這樣，這樣就對(duì)了，左箭頭不是亮，亮了嘛，我跟你講啊，開(kāi)車這個(gè)是，是有竅門的......”
我在使用IE7 beta中的“頁(yè)面縮放”功能時(shí)，想起了他那天的教誨，寫下了這篇小文。
出處：藍(lán)色理想
責(zé)任編輯：moby
|
