當(dāng)前位置: 首頁 > 設(shè)計資訊 > 設(shè)計教程 > 正文

提高網(wǎng)站瀏覽體驗的5條建議

2018-01-17 1429 0
當(dāng)你瀏覽一款網(wǎng)站時,一般會迅速的對網(wǎng)站的外觀和使用感受做個評判,整體的設(shè)計風(fēng)格是第一印象,能否引導(dǎo)用戶繼續(xù)閱讀取決于此。 金玉其外敗絮其中必然無法長久,功能性也是重要考量。
好的用戶體驗不僅僅關(guān)乎到功能性和設(shè)計美學(xué),還需要考慮很多因素,我們一起來看一下吧。 一致性 最重要的交互元素一定要友好,并且風(fēng)格一致。 盡管在設(shè)計一款網(wǎng)站時,我們可以融入很多創(chuàng)新點和美學(xué)風(fēng)格,但是一些經(jīng)常使用、且重要的元素,風(fēng)格一定要一致,比如按鈕、鏈接、導(dǎo)航欄、表單等等。我建議可以多瀏覽一些電商網(wǎng)站,他們在這一點上做的就很棒,他們通常有很多的茶品頁面,但是整體體驗卻相差不大,我們可以看看優(yōu)衣庫的網(wǎng)站。 Co<em></em>nsistency is one of the most im<em></em>portant aspects in web design.
 
  • 像產(chǎn)品類別、當(dāng)前按鈕和重要的文本信息都通過紅色來高亮顯示
  • 頁面不同,布局基本相同。
可讀性 一般來說,網(wǎng)頁瀏覽者不會通讀全文,而是僅僅閱讀自己感興趣的部分。
眼動研究展示了用戶最基本的瀏覽模式:從左到右,從上到下。因此,在設(shè)計時,要根據(jù)用戶閱讀習(xí)慣,合理進行布局。 Readability is very im<em></em>portant in all kinds of designing.
 
  • 做足留白
  • 圖像要大,這樣用戶才會停下來瀏覽
  • 圖標(biāo)能增添讀者對文本的閱讀興趣
  • 字體大小和種類要有層次感
  • 標(biāo)題要吸引人
速度 如果頁面加載速度過慢,那么沒人愿意瀏覽。
研究表明,加載超過4秒,會流失25%的用戶。
Website load speed plays a crucial role in its success.
 
  • 使用頁面速度檢測工具來檢測網(wǎng)頁加載速度
  • 利用CSS Sprites來減少所需加載文件的數(shù)量
  • 設(shè)計風(fēng)格要盡量簡約
  • 通過Google Analytics分析回頭率,來驗證加載速度提升是否有效。
關(guān)聯(lián)性 定制化,是用戶體驗設(shè)計的高級階段 比方說, 這個網(wǎng)站 有效的捕捉了目標(biāo)用戶的需求,優(yōu)雅、經(jīng)典的字體設(shè)計,和需求高度關(guān)聯(lián)的圖像。 Relevancy is required in design in general, and web design especially.
 
  • 字體要大、要方便閱讀,這樣設(shè)計看起來就很經(jīng)典
  • 簡約的界面,導(dǎo)航起來更輕松。
功能性 當(dāng)用戶與設(shè)計進行交互式,他們希望信息組織分明,功能完善。
網(wǎng)頁設(shè)計的交互性其實很簡單:操作起來舒服就好。華而不實的網(wǎng)頁設(shè)計只會流行一時,看看這個案例: o<em></em>nly a website with better functio<em></em>nality can deliver a better user experience.
 
  • 按鈕的辨識度要高,以便從頁面中脫穎而出
  • 重要信息應(yīng)該高亮顯示,這樣用戶便會注意到最基本、最重要的信息
  • 填表務(wù)求簡潔高效。
功能大于形式,通過設(shè)計解決問題,提高用戶體驗為主,而不是僅僅的提高美感。

8
評論區(qū)(0)
正在加載評論...
相關(guān)推薦