就在網站策劃和(hé)設計過程中，我們常常為(wèi)此感到困惑：“這個功能設計得太重了”又或“我們希望能夠處理(lǐ)得輕一(yī)些”。似乎輕設計是時下炙手可(kě)熱的(de)話題。輕便的(de)流程和(hé)提示，不打斷用戶的(de)當前任務：一(yī)項任務盡量用少而清晰的(de)步驟去(qù)完成，提示和(hé)臨時任務盡量不中斷用戶主任務，不要讓用戶做(zuò)不必要的(de)确認和(hé)操作。

讓網站高(gāo)效運作的(de)六大設計技巧

　　不幹擾用戶的(de)注意力：用戶是來使用産品和(hé)服務的(de)，而不是來欣賞精美的(de)設計，如(rú)果使用過程中會因為(wèi)設計元素分散注意力那麽可(kě)能是設計太重了。試着少用些無用的(de)裝飾和(hé)細節。

　　一(yī). 靈活的(de)logo響應區

　　點擊網站的(de)logo通常能将我們帶回到首頁。從這個角度看，Logo不僅起着品牌标識的(de)作用，還承擔了重要的(de)導航功能。就連普通的(de)鏈接當在鼠标劃過時都有下劃線或者變色提示，那麽logo作為(wèi)一(yī)個更為(wèi)重要的(de)可(kě)交互元素，是否也應該在鼠标劃過時提供适當的(de)反饋呢(ne)？　　下面列舉了幾個logo區靈活響應鼠标例子(zǐ)，在使用過程中發現，小小的(de)變化不僅提升了可(kě)用性，還讓網站顯得靈敏而有生氣。

　　二. 靈敏的(de)可(kě)交互元素

　　導航對于網站的(de)重要性不言而喻，導航元素要即時響應鼠标操作。

　　重要的(de)操作和(hé)引導按鈕應該設計得更加細緻些，包括按鈕的(de)三态（常态，hover，active）甚至四态（增加一(yī)個禁用态）。這麽做(zuò)也是為(wèi)了使重要的(de)可(kě)交互元素對不同的(de)操作及時給出反饋，使其顯得靈敏高(gāo)效。文本框的(de)狀态也是一(yī)個容易被忽略的(de)細節，主要是獲取焦點後無提示或者提示不夠明顯。另外對于一(yī)些響應時間稍長(cháng)的(de)操作，應該給出進度反饋。似乎是顯而易見的(de)道(dào)理(lǐ)，但是設計中往往也容易忽視(shì)。　

    三. 清晰且溫和(hé)的(de)提示提示。

    通常都是提供輔助性信息的(de)，既然是輔助性的(de)，就不宜喧賓奪主過分強化。除非必要，也最好不要給用戶帶來額外的(de)操作（比如(rú)需要用戶主動關閉，确認等）。提示的(de)內(nèi)容也是為(wèi)了帶來幫助或者提供反饋，因此言簡意赅最重要。twitter中更換個性化主題時的(de)提示，從頁面頂部柔和(hé)出現，停留片刻後自(zì)動消失。

　　四. 隐藏或弱化不常用的(de)操作

　　不常用的(de)操作可(kě)以弱化，或者隐藏起來，當鼠标經過的(de)時候再出現。這個是基于上文提到的(de)不幹擾用戶注意力角度出發的(de)。　　Twitter中将每條微博條目的(de)操作隐藏了起來，減小了對閱讀的(de)幹擾。而且在鼠标經過條目響應區和(hé)操作時，都有相應的(de)變化以作為(wèi)反饋。flickr中針對照片的(de)操作也使用淡灰色，盡可(kě)能弱化和(hé)減少對照片浏覽的(de)幹擾。

　　五. 引導和(hé)強化推薦操作

　　強而明晰的(de)引導是十分必要的(de)，研究表明用戶在浏覽頁面的(de)時候是跳躍性、非線性的(de)，用戶并不喜歡在諸多的(de)操作中選擇和(hé)尋找最佳選項。所以清晰的(de)引導就顯得更加重要了。重要和(hé)常用操作還可(kě)以特異處理(lǐ)，以便于尋找和(hé)點擊。

　　六. 輕便處理(lǐ)臨時任務

　　如(rú)果在看一(yī)部精彩電影的(de)時候想喝水了，是希望走到廚房間倒水呢(ne)還是希望手邊就有一(yī)個杯子(zǐ)和(hé)水壺？顯然人們都不太願意中斷主任務和(hé)注意力去(qù)處理(lǐ)臨時任務，頁面設計也是如(rú)此，能在當前頁面完成就盡量在當前頁面完成。模态窗口、跳轉頁面、付出層等都不是讓用戶覺得舒服的(de)做(zuò)法。除非确實必要，少使用這樣的(de)做(zuò)法。

責任編輯：中山網站建設
 【網訊網絡】專業PC端與移動端網站開發，網頁設計，商城開發，軟件開發，網站推廣，微信公衆号開發，定制各類企業管理(lǐ)軟件！服務熱線：0760-88610046、13924923903