當(dāng)你瀏覽一款網(wǎng)站時(shí)，一般會(huì)迅速的對(duì)網(wǎng)站的外觀和使用感受做個(gè)評(píng)判，整體的設(shè)計(jì)風(fēng)格是第一印象，能否引導(dǎo)用戶(hù)繼續(xù)閱讀取決于此。 金玉其外敗絮其中必然無(wú)法長(zhǎng)久，功能性也是重要考量。
好的用戶(hù)體驗(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)上做的就很棒，他們通常有很多的茶品頁(yè)面，但是整體體驗(yàn)卻相差不大，我們可以看看優(yōu)衣庫(kù)的網(wǎng)站。
 

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

可讀性 一般來(lái)說(shuō)，網(wǎng)頁(yè)瀏覽者不會(huì)通讀全文，而是僅僅閱讀自己感興趣的部分。
眼動(dòng)研究展示了用戶(hù)最基本的瀏覽模式：從左到右，從上到下。因此，在設(shè)計(jì)時(shí)，要根據(jù)用戶(hù)閱讀習(xí)慣，合理進(jìn)行布局。
 

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

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

 

• 使用頁(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)性 定制化，是用戶(hù)體驗(yàn)設(shè)計(jì)的高級(jí)階段 比方說(shuō), 這個(gè)網(wǎng)站 有效的捕捉了目標(biāo)用戶(hù)的需求，優(yōu)雅、經(jīng)典的字體設(shè)計(jì)，和需求高度關(guān)聯(lián)的圖像。
 

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

功能性 當(dāng)用戶(hù)與設(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)該高亮顯示，這樣用戶(hù)便會(huì)注意到最基本、最重要的信息
• 填表務(wù)求簡(jiǎn)潔高效。

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