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

臭魚(yú)的blog：www.chouyu.com.cn

之所以會(huì)出現(xiàn)“交互設(shè)計(jì)”這個(gè)詞兒，很大程度上是alan cooper想?yún)^(qū)別于以往的界面視覺(jué)效果設(shè)計(jì)，重新定義一下基于電腦的軟件設(shè)計(jì)工作。既然是區(qū)別于原先的界面設(shè)計(jì)，我想，可以簡(jiǎn)單的不準(zhǔn)確的概況一下這個(gè)概念：交互設(shè)計(jì)=界面設(shè)計(jì) 行為設(shè)計(jì)。界面的設(shè)計(jì)無(wú)須多說(shuō)，行為的設(shè)計(jì)就有很多話(huà)題了。

之前的很多小文里也經(jīng)常會(huì)提到有關(guān)行為設(shè)計(jì)的問(wèn)題，幾天前如廁時(shí)偶然意識(shí)到關(guān)于行為設(shè)計(jì)的一些問(wèn)題聯(lián)系起來(lái)考慮會(huì)更有助于設(shè)計(jì)。

啥是網(wǎng)頁(yè)上的行為？看到一個(gè)鏈接，左鍵點(diǎn)了一下，打開(kāi)一個(gè)新頁(yè)面。
當(dāng)然行為也有更復(fù)雜的，填寫(xiě)、提交一份注冊(cè)資料；刪除我日志中的垃圾評(píng)論；打開(kāi)一個(gè)視頻，調(diào)整音量，全屏觀(guān)看…

關(guān)于這些行為，我們可以分為三個(gè)步驟，并對(duì)每個(gè)步驟提出相應(yīng)的準(zhǔn)則：

• 第一步.操作前，操作可識(shí)別；結(jié)果可預(yù)知。
• 第二步.操作時(shí)，操作有反饋。
• 第三步.操作后，操作可撤銷(xiāo)。

文字排列的還挺整潔的，怪像詩(shī)的哦。好吧，借以沉痛悼念即將遠(yuǎn)去的詩(shī)人：白龍。

假如你深諳設(shè)計(jì)之道，恐怕已經(jīng)知道我說(shuō)的這幾點(diǎn)是什么了。那么本文看到這里對(duì)你來(lái)說(shuō)已經(jīng)足夠了。將這些設(shè)計(jì)問(wèn)題聯(lián)系起來(lái)考慮，在設(shè)計(jì)一個(gè)行為的過(guò)程中能有意識(shí)的考慮這一系列問(wèn)題，應(yīng)該會(huì)有助于你的設(shè)計(jì)。

假如你還有愛(ài)好再具體了解一下上面說(shuō)的這些準(zhǔn)則，我們繼續(xù)。

第一步.未操作前；操作可識(shí)別，結(jié)果可預(yù)知。

這是兩個(gè)準(zhǔn)則。操作可識(shí)別，是說(shuō)按鈕應(yīng)該象按鈕，鏈接應(yīng)該象鏈接�！�麥當(dāng)勞兩則》中的第一則提到了“鏈接應(yīng)該看上去象鏈接”；第二則提到了操作應(yīng)該給用戶(hù)明確的提示。

按鈕應(yīng)當(dāng)是有立體感的，看上去就感覺(jué)像是可以點(diǎn)擊的�！�接受偽按鈕》《誰(shuí)是按鈕？它在干嘛？》都是在說(shuō)有關(guān)按鈕的事兒。不過(guò)與現(xiàn)在說(shuō)的這個(gè)主題似乎不是很一致，還是別去看了。

操作可識(shí)別是為了保證用戶(hù)觸發(fā)操作的有可能性。假如看不出那是個(gè)鏈接，恐怕就沒(méi)人去點(diǎn)了。

QQ空間中有個(gè)不好的例子：

有輸入框，但卻看不到驗(yàn)證碼圖片，讀了上面一行文字才知道，光標(biāo)點(diǎn)進(jìn)輸入框后驗(yàn)證碼圖片就會(huì)出來(lái)了�！皼](méi)看到圖片我怎么知道要輸入什么？”“不知道要輸入什么，我就不去不輸入啦�！辈僮髑氨憩F(xiàn)的不夠清楚，會(huì)影響觸發(fā)操作的可能性。
（上面那行溫馨提示算是個(gè)補(bǔ)救措施，但并不能解決問(wèn)題。假如都靠提示就可以了，那么就不需要設(shè)計(jì)師了，有作家就夠了。）

“結(jié)果可預(yù)知”是說(shuō)，未進(jìn)行一個(gè)操作之前，應(yīng)該讓用戶(hù)大致能猜測(cè)到操作后會(huì)是什么樣的結(jié)果�；蛘哒f(shuō)，操作的設(shè)計(jì)應(yīng)該和用戶(hù)的期望相同。那些只寫(xiě)成“返回”“上一步”“下一步”的鏈接，假如可能，最好還是寫(xiě)清楚些為好。比如寫(xiě)成：“下一步 進(jìn)入購(gòu)物車(chē)”、“返回首頁(yè)”…還有些時(shí)候，讓結(jié)果變的不可預(yù)知是因?yàn)橛^(guān)念上的問(wèn)題。設(shè)計(jì)者故意給用戶(hù)一些意料之外的結(jié)果。《他想要什么？》中有些例子，說(shuō)的更清楚些。

第二步.操作時(shí)，操作有反饋。
進(jìn)行了一個(gè)操作后，需要頁(yè)面上有反應(yīng)。

使用系統(tǒng)按鈕也算的上是一種反饋吧。點(diǎn)擊一個(gè)系統(tǒng)按鈕時(shí)，按鈕會(huì)動(dòng)一下，告知用戶(hù)：“您點(diǎn)了一下。”當(dāng)然這個(gè)反饋還不足夠。還需要執(zhí)行這個(gè)按鈕應(yīng)該有的功能。

QQ空間商城的頁(yè)面很短；QQ秀商城左側(cè)固定，右側(cè)可滾動(dòng)，這些都是為了保證點(diǎn)擊了一個(gè)商品后，用戶(hù)能看到頁(yè)面頁(yè)面上的變化。與之對(duì)比，天下秀 等網(wǎng)站的操作都存在類(lèi)似的問(wèn)題。（說(shuō)別人的壞話(huà)，這樣不好，很不好。）

第三步.操作后，操作可撤銷(xiāo)。

執(zhí)行一個(gè)操作后，應(yīng)當(dāng)答應(yīng)撤銷(xiāo)，答應(yīng)用戶(hù)反悔。操作執(zhí)行前的提示、二次確認(rèn)并不能完全解決問(wèn)題，幾天前，我在刪除垃圾評(píng)論的時(shí)候就碰到了這樣的問(wèn)題，錯(cuò)誤的刪除了一條評(píng)論，雖然之前有二次確認(rèn)的小窗口，但是仍然是刪了。之后我追悔莫及，需要的是撤銷(xiāo)剛才的操作。但是，WP里刪除評(píng)論是不許撤銷(xiāo)的。為此我特意致歉了一下，那段致歉就寫(xiě)在了那條評(píng)論犧牲的位置上。

有些時(shí)候，不提供撤銷(xiāo)操作是故意的，設(shè)計(jì)者妄圖通過(guò)這樣的設(shè)計(jì)達(dá)到自己不可告人但又盡人皆知的險(xiǎn)惡目的。當(dāng)然，這樣的情況越來(lái)越少了。大家都知道，網(wǎng)頁(yè)上最簡(jiǎn)單的操作是關(guān)閉該網(wǎng)頁(yè)，想牽著用戶(hù)鼻子走，通常是很難的。

當(dāng)然更多時(shí)候，不提供撤銷(xiāo)操作是設(shè)計(jì)的時(shí)候沒(méi)考慮周全。比如西寧郵政賓館的熱水器：《西寧郵政賓館與博客網(wǎng)》，由那個(gè)熱水器帶來(lái)的懼怕使我直到現(xiàn)在還是只洗涼水澡。

分享：別讓過(guò)度品牌毀了你的品牌
原文鏈接：Don’tletbrandingkillyourbrand“那個(gè)顏色可不太適合我們的公司�！边@些話(huà)就像一股酸奶酪的氣味一樣撲面而來(lái)。你想要解釋?zhuān)骸笆堑�，公司�?/p>