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

2019-01-15

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


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


  不幹擾用戶的注意力:用戶是來使用産品和服務的,而不是來欣賞精美的設計,如果使用過程中(zhōng)會因爲設計元素分(fēn)散注意力那麽可能是設計太重了。試着少用些無用的裝飾和細節。

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

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

  二. 靈敏的可交互元素

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

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


    三. 清晰且溫和的提示提示。


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


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

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

  五. 引導和強化推薦操作

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

  六. 輕便處理臨時任務

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

責任編輯:中(zhōng)山網站建設
 【網訊網絡】專業PC端與移動端網站開(kāi)發,網頁設計,商(shāng)城開(kāi)發,軟件開(kāi)發,網站推廣,微信公衆号開(kāi)發,定制各類企業管理軟件!服務熱線:0760-88610046、13924923903

您的項目需求咨詢熱線:0760-88610046(國家高新技術企業)

*請認真填寫需求,我(wǒ)們會在24小(xiǎo)時内與您取得聯系。