讓網站高效運作的六大設計技巧

2019-01-15

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


讓網站高效運作的六大設計技巧


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

  一. 靈活的logo響應區

  點擊網站的logo通常能(néng)將(jiāng)我們帶回到首頁。從這(zhè)個角度看,Logo不僅起(qǐ)着品牌标識的作用,還(hái)承擔了重要的導航功能(néng)。就連普通的鏈接當在鼠标劃過(guò)時都(dōu)有下劃線或者變色提示,那麼(me)logo作爲一個更爲重要的可交互元素,是否也應該在鼠标劃過(guò)時提供适當的反饋呢?  下面(miàn)列舉了幾個logo區靈活響應鼠标例子,在使用過(guò)程中發(fā)現,小小的變化不僅提升了可用性,還(hái)讓網站顯得靈敏而有生氣。

  二. 靈敏的可交互元素

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

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


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


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


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

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

  五. 引導和強化推薦操作

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

  六. 輕便處理臨時任務

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

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

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

*請認真填寫需求,我們會在24小時内與您取得聯系。