隨著互聯(lián)網(wǎng)競(jìng)爭(zhēng)的日益加劇，越來(lái)越多的企業(yè)開(kāi)始意識(shí)到提供優(yōu)質(zhì)的用戶體驗(yàn)才是重要的、可持續(xù)的競(jìng)爭(zhēng)優(yōu)勢(shì)。優(yōu)質(zhì)的用戶體驗(yàn)可以提升用戶對(duì)企業(yè)的整體印象，也是區(qū)別競(jìng)爭(zhēng)對(duì)手的軟實(shí)力。

用戶體驗(yàn)一般包含4個(gè)方面，品牌、易用性、功能性和內(nèi)容。做到這四個(gè)方面不僅可以讓用戶便捷地訪問(wèn)到自己需要的內(nèi)容，還能在不知不覺(jué)中接受企業(yè)想要傳達(dá)的品牌和內(nèi)容。

而今天要講的「新聞動(dòng)態(tài)」頁(yè)面則是著重于易用性和內(nèi)容的建設(shè)。聚焦于提升用戶的閱讀體驗(yàn)。

提升用戶的閱讀體驗(yàn)主要著眼于頁(yè)面中的文字、排版、網(wǎng)頁(yè)設(shè)計(jì)類型。所以下面我們就從這幾個(gè)方面進(jìn)行講解。

一、頁(yè)面文字要符合用戶閱讀習(xí)慣

「新聞動(dòng)態(tài)」頁(yè)面文字較多，所以要采用易于用戶閱讀的字體，正文內(nèi)容還要注意字體的大小及行距等屬性的設(shè)置，避免文字過(guò)小或過(guò)密造成閱讀障礙。

設(shè)置符合用戶閱讀習(xí)慣的文字，可以使瀏覽者更順利、愉快地接受企業(yè)所要傳達(dá)的信息。

1．關(guān)于字體

字體分為襯線字體和非襯線字體。簡(jiǎn)單來(lái)說(shuō)，襯線字體就是帶有襯線的字體，是模仿中國(guó)古代字體和古代碑文上的字體，筆畫(huà)有粗細(xì)之分，簡(jiǎn)單易變形，修飾性強(qiáng)。常用的有宋體。

非襯線字體與襯線字體相反，無(wú)襯線裝飾，筆畫(huà)粗細(xì)無(wú)明顯差異。常用的是微軟雅黑。

頁(yè)面中的字體選擇是一種感性行為，需要考慮整個(gè)網(wǎng)站頁(yè)面和瀏覽者的感受。除此之外，還要考慮大多數(shù)瀏覽者的計(jì)算機(jī)里可能只有默認(rèn)字體，所以，正文內(nèi)容最好采用基本字體。

2．關(guān)于字號(hào)

在頁(yè)面設(shè)計(jì)中，字號(hào)也是用戶體驗(yàn)的一部分，但文字并不是僅僅放在網(wǎng)頁(yè)上就可以，還需要合理的布局和搭配樣式才能起到事半功倍的作用。

這里大夢(mèng)總結(jié)了一些網(wǎng)頁(yè)中字號(hào)應(yīng)用的幾條規(guī)范，大家可以小本本記下來(lái)。

①正文內(nèi)容使用一般使用宋體12px或14px，最小不小于12px。

②主導(dǎo)航文字使用14-18px字號(hào)，一般使用偶數(shù)字號(hào)，奇數(shù)字號(hào)的字體在顯示時(shí)會(huì)有毛邊。

③工具欄文字為12px或14px；一級(jí)菜單使用14x，二級(jí)菜單使用12px；版底文字為12px或14px。

二、頁(yè)面排版要簡(jiǎn)潔易讀

頁(yè)面排版主要涉及行寬、間距和行對(duì)齊。

1．行寬

如果文字過(guò)長(zhǎng)，則視線移動(dòng)距離大，瀏覽難以注意段落的起點(diǎn)和終點(diǎn)；如果文字過(guò)短，眼睛需要來(lái)回掃視，容易破壞閱讀節(jié)奏。

因此，保證每一行承載合適的字?jǐn)?shù)可以提高文章的易讀性。調(diào)查顯示，在實(shí)際網(wǎng)頁(yè)中，14px大小的中文字體，每行的字符數(shù)在35-45更合適。

2．間距

一般來(lái)說(shuō)，行距過(guò)寬會(huì)讓文字失去延展性，影響閱讀；行距過(guò)窄，則容易跳行。頁(yè)面設(shè)計(jì)中，一般根據(jù)字號(hào)大小選擇1-1.5倍作為行間距，1.5-2倍作為段間距。

3．行對(duì)齊

通常情況下，盡量在頁(yè)面中選擇一種文本對(duì)齊方式，要盡量避免兩端對(duì)齊。

三、使用響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)

不僅是「新聞動(dòng)態(tài)」的頁(yè)面設(shè)計(jì)，還是整個(gè)網(wǎng)站的設(shè)計(jì)，都建議大家使用響應(yīng)式設(shè)計(jì)。

所謂響應(yīng)式設(shè)計(jì)就是一個(gè)網(wǎng)站能夠自動(dòng)適應(yīng)不同設(shè)備。根據(jù)系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等進(jìn)行相應(yīng)的相應(yīng)和調(diào)整。

響應(yīng)式設(shè)計(jì)不僅可以帶來(lái)高效的閱讀體驗(yàn)，提升用戶的新聞閱讀效率，能夠使用戶在固定的時(shí)間里閱讀更多的內(nèi)容，有利于曝光更多的品牌資訊和廣告。

四、減少用戶等待時(shí)間

一般網(wǎng)頁(yè)的打開(kāi)速度最好不要超過(guò)3秒，時(shí)間過(guò)長(zhǎng)會(huì)影響用戶的心情以及對(duì)網(wǎng)站的印象。

Robert B Miller在他發(fā)表的有關(guān)響應(yīng)時(shí)間的文章中指出，用戶有三個(gè)閾值時(shí)間：0.1秒鐘、1秒鐘和10秒鐘。

如果響應(yīng)時(shí)間短于0.1秒鐘，用戶感覺(jué)不到任何延遲，即0.1秒鐘是讓用戶感覺(jué)到系統(tǒng)立即做出了響應(yīng)的時(shí)間上限。1秒鐘是讓用戶思維不被中斷的上限。10秒鐘是讓用戶的注意力保持在對(duì)話過(guò)程中的上限。

第一印象很重要，等待時(shí)間過(guò)長(zhǎng)會(huì)影響用戶是否進(jìn)行進(jìn)一步的操作?？匆黄恼乱呀?jīng)耗費(fèi)掉大量的耐心，你還指望人家以后點(diǎn)進(jìn)去產(chǎn)品頁(yè)面細(xì)看嘛。所以網(wǎng)頁(yè)打開(kāi)速度當(dāng)然是越快越好，沒(méi)有最快，只有更快。