臭魚的blog：www.chouyu.com.cn

之所以會出現“交互設計”這個詞兒，很大程度上是alan cooper想區別于以往的界面視覺效果設計，重新定義一下基于電腦的軟件設計工作。既然是區別于原先的界面設計，我想，可以簡單的不準確的概況一下這個概念：交互設計=界面設計+行為設計。界面的設計無須多說，行為的設計就有很多話題了。

之前的很多小文里也經常會提到有關行為設計的問題，幾天前如廁時偶然意識到關于行為設計的一些問題聯系起來考慮會更有助于設計。

啥是網頁上的行為？看到一個鏈接，左鍵點了一下，打開一個新頁面。
當然行為也有更復雜的，填寫、提交一份注冊資料；刪除我日志中的垃圾評論；打開一個視頻，調整音量，全屏觀看…

關于這些行為，我們可以分為三個步驟，并對每個步驟提出相應的準則：

文字排列的還挺整齊的，怪像詩的哦。好吧，借以沉痛悼念即將遠去的詩人：白龍。

如果你深諳設計之道，恐怕已經知道我說的這幾點是什么了。那么本文看到這里對你來說已經足夠了。將這些設計問題聯系起來考慮，在設計一個行為的過程中能有意識的考慮這一系列問題，應該會有助于你的設計。

如果你還有興趣再具體了解一下上面說的這些準則，我們繼續。

第一步.未操作前；操作可識別，結果可預知。

這是兩個準則。操作可識別，是說按鈕應該象按鈕，鏈接應該象鏈接。《麥當勞兩則》中的第一則提到了“鏈接應該看上去象鏈接”；第二則提到了操作應該給用戶明確的提示。

按鈕應當是有立體感的，看上去就感覺像是可以點擊的。《接受偽按鈕》《誰是按鈕？它在干嘛？》都是在說有關按鈕的事兒。不過與現在說的這個主題似乎不是很一致，還是別去看了。

操作可識別是為了保證用戶觸發操作的有可能性。如果看不出那是個鏈接，恐怕就沒人去點了。

QQ空間中有個不好的例子：

有輸入框，但卻看不到驗證碼圖片，讀了上面一行文字才知道，光標點進輸入框后驗證碼圖片就會出來了。“沒看到圖片我怎么知道要輸入什么？”“不知道要輸入什么，我就不去不輸入啦。”操作前表現的不夠清楚，會影響觸發操作的可能性。
（上面那行溫馨提示算是個補救措施，但并不能解決問題。如果都靠提示就可以了，那么就不需要設計師了，有作家就夠了。）

“結果可預知”是說，未進行一個操作之前，應該讓用戶大致能猜測到操作后會是什么樣的結果。或者說，操作的設計應該和用戶的期望相同。那些只寫成“返回”“上一步”“下一步”的鏈接，如果可能，最好還是寫清楚些為好。比如寫成：“下一步 進入購物車”、“返回首頁”…還有些時候，讓結果變的不可預知是因為觀念上的問題。設計者故意給用戶一些意料之外的結果。《他想要什么？》中有些例子，說的更清楚些。

第二步.操作時，操作有反饋。
進行了一個操作后，需要頁面上有反應。

使用系統按鈕也算的上是一種反饋吧。點擊一個系統按鈕時，按鈕會動一下，告知用戶：“您點了一下。”當然這個反饋還不足夠。還需要執行這個按鈕應該有的功能。

QQ空間商城的頁面很短；QQ秀商城左側固定，右側可滾動，這些都是為了保證點擊了一個商品后，用戶能看到頁面頁面上的變化。與之對比，天下秀 等網站的操作都存在類似的問題。（說別人的壞話，這樣不好，很不好。）

第三步.操作后，操作可撤銷。

執行一個操作后，應當允許撤銷，允許用戶反悔。操作執行前的提示、二次確認并不能完全解決問題，幾天前，我在刪除垃圾評論的時候就遇到了這樣的問題，錯誤的刪除了一條評論，雖然之前有二次確認的小窗口，但是仍舊是刪了。之后我追悔莫及，需要的是撤銷剛才的操作。但是，WP里刪除評論是不許撤銷的。為此我特意致歉了一下，那段致歉就寫在了那條評論犧牲的位置上。

有些時候，不提供撤銷操作是故意的，設計者妄圖通過這樣的設計達到自己不可告人但又盡人皆知的險惡目的。當然，這樣的情況越來越少了。大家都知道，網頁上最簡單的操作是關閉該網頁，想牽著用戶鼻子走，通常是很難的。

當然更多時候，不提供撤銷操作是設計的時候沒考慮周全。比如西寧郵政賓館的熱水器：《西寧郵政賓館與博客網》，由那個熱水器帶來的恐懼使我直到現在還是只洗涼水澡。