推薦：開展全面的網(wǎng)站評估
有時會被問到“看看XXX網(wǎng)站如何？”之類的問題。談到評估，通常都是指產(chǎn)品級的網(wǎng)站，假如模式很新，了解需要花一定時間。于是，很多人又問“那么你僅從UI/UE的

臭魚的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ā)操作的可能性。
（上面那行溫馨提示算是個補救措施，但并不能解決問題。假如都靠提示就可以了，那么就不需要設(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)答應(yīng)撤銷，答應(yī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)在還是只洗涼水澡。

分享：別讓過度品牌毀了你的品牌
原文鏈接：Don’tletbrandingkillyourbrand“那個顏色可不太適合我們的公司。”這些話就像一股酸奶酪的氣味一樣撲面而來。你想要解釋：“是的，公司使