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

2013-11-14    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   bouu.cn  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

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

當(dāng)你瀏覽一款網(wǎng)站時(shí),一般會(huì)迅速的對(duì)網(wǎng)站的外觀和使用感受做個(gè)評(píng)判,整體的設(shè)計(jì)風(fēng)格是第一印象,能否引導(dǎo)用戶繼續(xù)閱讀取決于此。

金玉其外敗絮其中必然無法長(zhǎng)久,功能性也是重要考量。推薦您也好好學(xué)習(xí)《網(wǎng)站用戶體驗(yàn)的76個(gè)要點(diǎn)》。
好的用戶體驗(yàn)不僅僅關(guān)乎到功能性和設(shè)計(jì)美學(xué),還需要考慮很多因素,我們一起來看一下吧。

一致性

最重要的交互元素一定要友好,并且風(fēng)格一致。

盡管在設(shè)計(jì)一款網(wǎng)站時(shí),我們可以融入很多創(chuàng)新點(diǎn)和美學(xué)風(fēng)格,但是一些經(jīng)常使用、且重要的元素,風(fēng)格一定要一致,比如按鈕、鏈接、導(dǎo)航欄、表單等等。我建議可以多瀏覽一些電商網(wǎng)站,他們?cè)谶@一點(diǎn)上做的就很棒,他們通常有很多的茶品頁(yè)面,但是整體體驗(yàn)卻相差不大,我們可以看看優(yōu)衣庫(kù)的網(wǎng)站。

Consistency is one of the most important aspects in web design.

 

  • 像產(chǎn)品類別、當(dāng)前按鈕和重要的文本信息都通過紅色來高亮顯示
  • 頁(yè)面不同,布局基本相同。

可讀性

一般來說,網(wǎng)頁(yè)瀏覽者不會(huì)通讀全文,而是僅僅閱讀自己感興趣的部分。
相關(guān)推薦:《警惕!你會(huì)犯哪些網(wǎng)頁(yè)設(shè)計(jì)最常見的可用性錯(cuò)誤》

眼動(dòng)研究展示了用戶最基本的瀏覽模式:從左到右,從上到下。因此,在設(shè)計(jì)時(shí),要根據(jù)用戶閱讀習(xí)慣,合理進(jìn)行布局。

Readability is very important in all kinds of designing.

 

  • 做足留白
  • 圖像要大,這樣用戶才會(huì)停下來瀏覽
  • 圖標(biāo)能增添讀者對(duì)文本的閱讀興趣
  • 字體大小和種類要有層次感
  • 標(biāo)題要吸引人

速度

如果頁(yè)面加載速度過慢,那么沒人愿意瀏覽。
研究表明,加載超過4秒,會(huì)流失25%的用戶。

Website load speed plays a crucial role in its success.

 

  • 使用頁(yè)面速度檢測(cè)工具來檢測(cè)網(wǎng)頁(yè)加載速度
  • 利用CSS Sprites來減少所需加載文件的數(shù)量
  • 設(shè)計(jì)風(fēng)格要盡量簡(jiǎn)約
  • 通過Google Analytics分析回頭率,來驗(yàn)證加載速度提升是否有效。

關(guān)聯(lián)性

定制化,是用戶體驗(yàn)設(shè)計(jì)的高級(jí)階段

比方說, 這個(gè)網(wǎng)站 有效的捕捉了目標(biāo)用戶的需求,優(yōu)雅、經(jīng)典的字體設(shè)計(jì),和需求高度關(guān)聯(lián)的圖像。

Relevancy is required in design in general, and web design especially.

 

  • 字體要大、要方便閱讀,這樣設(shè)計(jì)看起來就很經(jīng)典
  • 簡(jiǎn)約的界面,導(dǎo)航起來更輕松。

功能性

當(dāng)用戶與設(shè)計(jì)進(jìn)行交互式,他們希望信息組織分明,功能完善。
網(wǎng)頁(yè)設(shè)計(jì)的交互性其實(shí)很簡(jiǎn)單:操作起來舒服就好。華而不實(shí)的網(wǎng)頁(yè)設(shè)計(jì)只會(huì)流行一時(shí),看看這個(gè)案例:

Only a website with better functionality can deliver a better user experience.

 

  • 按鈕的辨識(shí)度要高,以便從頁(yè)面中脫穎而出
  • 重要信息應(yīng)該高亮顯示,這樣用戶便會(huì)注意到最基本、最重要的信息
  • 填表務(wù)求簡(jiǎn)潔。

功能大于形式,通過設(shè)計(jì)解決問題,提高用戶體驗(yàn)為主,而不是僅僅的提高美感。

日歷

鏈接

個(gè)人資料

存檔