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

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

　　不幹擾用(yòng)戶的(de)注意力：用(yòng)戶是來(lái)使用(yòng)産品和(hé)服務的(de)，而不是來(lái)欣賞精美(měi)的(de)設計，如果使用(yòng)過程中會因爲設計元素分(fēn)散注意力那麽可(kě)能是設計太重了(le)。試著(zhe)少用(yòng)些無用(yòng)的(de)裝飾和(hé)細節。

　　一. 靈活的(de)logo響應區(qū)

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

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

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

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

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

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

　　四. 隐藏或弱化(huà)不常用(yòng)的(de)操作

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

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

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

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

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

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