|
臭魚的blog：www.chouyu.com.cn
之所以會出現(xiàn)“交互設(shè)計”這個詞兒，很大程度上是alan cooper想?yún)^(qū)別于以往的界面視覺效果設(shè)計，重新定義一下基于電腦的軟件設(shè)計工作。既然是區(qū)別于原先的界面設(shè)計，我想，可以簡單的不準(zhǔn)確的概況一下這個概念：交互設(shè)計=界面設(shè)計+行為設(shè)計。界面的設(shè)計無須多說，行為的設(shè)計就有很多話題了。
之前的很多小文里也經(jīng)常會提到有關(guān)行為設(shè)計的問題，幾天前如廁時偶然意識到關(guān)于行為設(shè)計的一些問題聯(lián)系起來考慮會更有助于設(shè)計。
啥是網(wǎng)頁上的行為？看到一個鏈接，左鍵點了一下，打開一個新頁面。
當(dāng)然行為也有更復(fù)雜的，填寫、提交一份注冊資料；刪除我日志中的垃圾評論；打開一個視頻，調(diào)整音量，全屏觀看…
關(guān)于這些行為，我們可以分為三個步驟，并對每個步驟提出相應(yīng)的準(zhǔn)則：
- 第一步.操作前，操作可識別；結(jié)果可預(yù)知。
- 第二步.操作時，操作有反饋。
- 第三步.操作后，操作可撤銷。
文字排列的還挺整齊的，怪像詩的哦。好吧，借以沉痛悼念即將遠(yuǎn)去的詩人：白龍。
如果你深諳設(shè)計之道，恐怕已經(jīng)知道我說的這幾點是什么了。那么本文看到這里對你來說已經(jīng)足夠了。將這些設(shè)計問題聯(lián)系起來考慮，在設(shè)計一個行為的過程中能有意識的考慮這一系列問題，應(yīng)該會有助于你的設(shè)計。
如果你還有興趣再具體了解一下上面說的這些準(zhǔn)則，我們繼續(xù)。
第一步.未操作前；操作可識別，結(jié)果可預(yù)知。
這是兩個準(zhǔn)則。操作可識別，是說按鈕應(yīng)該象按鈕，鏈接應(yīng)該象鏈接�！�麥當(dāng)勞兩則》中的第一則提到了“鏈接應(yīng)該看上去象鏈接”；第二則提到了操作應(yīng)該給用戶明確的提示。
按鈕應(yīng)當(dāng)是有立體感的，看上去就感覺像是可以點擊的。《接受偽按鈕》《誰是按鈕？它在干嘛？》都是在說有關(guān)按鈕的事兒。不過與現(xiàn)在說的這個主題似乎不是很一致，還是別去看了。
操作可識別是為了保證用戶觸發(fā)操作的有可能性。如果看不出那是個鏈接，恐怕就沒人去點了。
QQ空間中有個不好的例子：
有輸入框，但卻看不到驗證碼圖片，讀了上面一行文字才知道，光標(biāo)點進(jìn)輸入框后驗證碼圖片就會出來了�！皼]看到圖片我怎么知道要輸入什么？”“不知道要輸入什么，我就不去不輸入啦�！辈僮髑氨憩F(xiàn)的不夠清楚，會影響觸發(fā)操作的可能性。
（上面那行溫馨提示算是個補(bǔ)救措施，但并不能解決問題。如果都靠提示就可以了，那么就不需要設(shè)計師了，有作家就夠了。）
“結(jié)果可預(yù)知”是說，未進(jìn)行一個操作之前，應(yīng)該讓用戶大致能猜測到操作后會是什么樣的結(jié)果�；蛘哒f，操作的設(shè)計應(yīng)該和用戶的期望相同。那些只寫成“返回”“上一步”“下一步”的鏈接，如果可能，最好還是寫清楚些為好。比如寫成：“下一步 進(jìn)入購物車”、“返回首頁”…還有些時候，讓結(jié)果變的不可預(yù)知是因為觀念上的問題。設(shè)計者故意給用戶一些意料之外的結(jié)果�！�他想要什么？》中有些例子，說的更清楚些。
第二步.操作時，操作有反饋。
進(jìn)行了一個操作后，需要頁面上有反應(yīng)。
使用系統(tǒng)按鈕也算的上是一種反饋吧。點擊一個系統(tǒng)按鈕時，按鈕會動一下，告知用戶：“您點了一下。”當(dāng)然這個反饋還不足夠。還需要執(zhí)行這個按鈕應(yīng)該有的功能。
QQ空間商城的頁面很短；QQ秀商城左側(cè)固定，右側(cè)可滾動，這些都是為了保證點擊了一個商品后，用戶能看到頁面頁面上的變化。與之對比，天下秀 等網(wǎng)站的操作都存在類似的問題。（說別人的壞話，這樣不好，很不好。）
第三步.操作后，操作可撤銷。
執(zhí)行一個操作后，應(yīng)當(dāng)允許撤銷，允許用戶反悔。操作執(zhí)行前的提示、二次確認(rèn)并不能完全解決問題，幾天前，我在刪除垃圾評論的時候就遇到了這樣的問題，錯誤的刪除了一條評論，雖然之前有二次確認(rèn)的小窗口，但是仍舊是刪了。之后我追悔莫及，需要的是撤銷剛才的操作。但是，WP里刪除評論是不許撤銷的。為此我特意致歉了一下，那段致歉就寫在了那條評論犧牲的位置上。
有些時候，不提供撤銷操作是故意的，設(shè)計者妄圖通過這樣的設(shè)計達(dá)到自己不可告人但又盡人皆知的險惡目的。當(dāng)然，這樣的情況越來越少了。大家都知道，網(wǎng)頁上最簡單的操作是關(guān)閉該網(wǎng)頁，想牽著用戶鼻子走，通常是很難的。
當(dāng)然更多時候，不提供撤銷操作是設(shè)計的時候沒考慮周全。比如西寧郵政賓館的熱水器：《西寧郵政賓館與博客網(wǎng)》，由那個熱水器帶來的恐懼使我直到現(xiàn)在還是只洗涼水澡。
本文鏈接：http://www.95time.cn/design/doc/2007/4973.asp 
出處：藍(lán)色理想
責(zé)任編輯：moby
|
