在網(wǎng)站或軟件的策劃和設(shè)計過程中，我們經(jīng)常聽到這樣的討論：“這個功能設(shè)計得太重了”又或“我們希望能夠處理得輕一些”。似乎輕設(shè)計是時下炙手可熱的話題，也是方興未艾的Web2.0大浪下設(shè)計師們的最愛（看看那些在全世界遍地開花的SNS網(wǎng)站，無論是視覺元素還是交互流程均能輕則輕）。本文主要從實(shí)踐和總結(jié)的角度出發(fā)，提出了讓設(shè)計變得更輕的6個技巧。

　　何為輕設(shè)計：
　　在開始之前先需要明確下何為輕設(shè)計。這里并不想給輕設(shè)計下一個專業(yè)的定義，只是歸納了大家對輕設(shè)計所應(yīng)具有的特性的理解。
具有靈敏的可交互元素：頁面上的鏈接、文本框、按鈕等可交互元素能靈敏地響應(yīng)操作并即時反饋。
輕便的流程和提示，不打斷用戶的當(dāng)前任務(wù)：一項(xiàng)任務(wù)盡量用少而清晰的步驟去完成，提示和臨時任務(wù)盡量不中斷用戶主任務(wù)，不要讓用戶做不必要的確認(rèn)和操作。
不干擾用戶的注意力：用戶是來使用產(chǎn)品和服務(wù)的，而不是來欣賞精美的設(shè)計，如果使用過程中會因?yàn)樵O(shè)計元素分散注意力那么可能是設(shè)計太重了。試著少用些無用的裝飾和細(xì)節(jié)。

　　輕設(shè)計的6個技巧：
　　1. 靈活的logo響應(yīng)區(qū)
　　點(diǎn)擊網(wǎng)站的logo通常能將我們帶回到首頁。從這個角度看，Logo不僅起著品牌標(biāo)識的作用，還承擔(dān)了重要的導(dǎo)航功能。就連普通的鏈接當(dāng)在鼠標(biāo)劃過時都有下劃線或者變色提示，那么logo作為一個更為重要的可交互元素，是否也應(yīng)該在鼠標(biāo)劃過時提供適當(dāng)?shù)姆答伳兀?BR>　　下面列舉了幾個logo區(qū)靈活響應(yīng)鼠標(biāo)例子，在使用過程中發(fā)現(xiàn)，小小的變化不僅提升了可用性，還讓網(wǎng)站顯得靈敏而有生氣。

　　2. 靈敏的可交互元素
　　導(dǎo)航對于網(wǎng)站的重要性不言而喻，導(dǎo)航元素要即時響應(yīng)鼠標(biāo)操作。

　　重要的操作和引導(dǎo)按鈕應(yīng)該設(shè)計得更加細(xì)致些，包括按鈕的三態(tài)（常態(tài)，hover，active）甚至四態(tài)（增加一個禁用態(tài)）。這么做也是為了使重要的可交互元素對不同的操作及時給出反饋，使其顯得靈敏高效。

　　文本框的狀態(tài)也是一個容易被忽略的細(xì)節(jié)，主要是獲取焦點(diǎn)后無提示或者提示不夠明顯。

　　另外對于一些響應(yīng)時間稍長的操作，應(yīng)該給出進(jìn)度反饋。似乎是顯而易見的道理，但是設(shè)計中往往也容易忽視。

　　3. 清晰且溫和的提示
　　提示通常都是提供輔助性信息的，既然是輔助性的，就不宜喧賓奪主過分強(qiáng)化。除非必要，也最好不要給用戶帶來額外的操作（比如需要用戶主動關(guān)閉，確認(rèn)等）。提示的內(nèi)容也是為了帶來幫助或者提供反饋，因此言簡意賅最重要。

　　twitter中更換個性化主題時的提示，從頁面頂部柔和出現(xiàn)，停留片刻后自動消失。

　　meme中的follow提示，在操作處出現(xiàn)。

　　Twitter中將每條微博條目的操作隱藏了起來，減小了對閱讀的干擾。而且在鼠標(biāo)經(jīng)過條目響應(yīng)區(qū)和操作時，都有相應(yīng)的變化以作為反饋。

　　flickr中針對照片的操作也使用淡灰色，盡可能弱化和減少對照片瀏覽的干擾。

　　5. 引導(dǎo)和強(qiáng)化推薦操作
　　強(qiáng)而明晰的引導(dǎo)是十分必要的，研究表明用戶在瀏覽頁面的時候是跳躍性、非線性的，用戶并不喜歡在諸多的操作中選擇和尋找最佳選項(xiàng)。所以清晰的引導(dǎo)就顯得更加重要了。重要和常用操作還可以特異處理，以便于尋找和點(diǎn)擊。

　　大而易用的表單和注冊按鈕

　　箭頭和紅色的按鈕一起提供了明晰的視覺路徑指引。

　　常用操作的特異處理。某些瀏覽器的后退操作也有類似處理。

　　6. 輕便處理臨時任務(wù)
　　如果在看一部精彩電影的時候想喝水了，是希望走到廚房間倒水呢還是希望手邊就有一個杯子和水壺？顯然人們都不太愿意中斷主任務(wù)和注意力去處理臨時任務(wù)，頁面設(shè)計也是如此，能在當(dāng)前頁面完成就盡量在當(dāng)前頁面完成。模態(tài)窗口、跳轉(zhuǎn)頁面、付出層等都不是讓用戶覺得舒服的做法。除非確實(shí)必要，少使用這樣的做法。

　　flickr中對相片名字的即時編輯，當(dāng)頁完成，非常輕巧。

　　Delicious中對收藏條目的刪除確認(rèn)，同樣在當(dāng)頁完成，輕巧且很好地降低了騷擾。

　　小結(jié)：
　　本文從可用性角度提出了輕設(shè)計的幾個技巧：
　　1. 靈活的logo響應(yīng)區(qū)；
　　2. 靈敏的可交互元素；
　　3. 清晰且溫和的提示；
　　4. 隱藏或弱化不常用的操作；
　　5. 引導(dǎo)和強(qiáng)化推薦操作；
　　6. 輕便處理臨時任務(wù)

　　以上僅是個人的實(shí)踐和經(jīng)驗(yàn)總結(jié)，歡迎大家指出不足之處并提供更多輕設(shè)計方面的建議。

　　原文：http://www.kevinzhong.com/index.php/2009/6-tips-for-creating-sensitive-website/