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

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

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

一致性

最重要的交互元素一定要友好，并且風(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)上做的就很棒，他們通常有很多的產(chǎn)品頁(yè)面，但是整體體驗(yàn)卻相差不大，我們可以看看優(yōu)衣庫(kù)的網(wǎng)站。

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

可讀性

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

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

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

速度

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

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

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

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

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

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

功能性

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

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

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

原文地址：designzzz
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB
本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，轉(zhuǎn)摘請(qǐng)注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁(yè)設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量57萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：