隨著互聯(lián)網(wǎng)競爭的日益加劇,越來越多的企業(yè)開始意識到提供優(yōu)質(zhì)的用戶體驗才是重要的、可持續(xù)的競爭優(yōu)勢。優(yōu)質(zhì)的用戶體驗可以提升用戶對企業(yè)的整體印象,也是區(qū)別競爭對手的軟實力。用戶體驗一般包含4個方面,品牌、易用性、功能性和內(nèi)容。做到這四個方面不僅可以讓用戶便捷地訪問到自己需要的內(nèi)容,還能在不知不覺中接受企業(yè)想要傳達的品牌和內(nèi)容。而今天要講的「新聞動態(tài)」頁面則是著重于易用性和內(nèi)容的建設(shè)。聚焦于提升用戶的閱讀體驗。
提升用戶的閱讀體驗主要著眼于頁面中的文字、排版、網(wǎng)頁設(shè)計類型。所以下面我們就從這幾個方面進行講解。
一、頁面文字要符合用戶閱讀習(xí)慣
「新聞動態(tài)」頁面文字較多,所以要采用易于用戶閱讀的字體,正文內(nèi)容還要注意字體的大小及行距等屬性的設(shè)置,避免文字過小或過密造成閱讀障礙。
設(shè)置符合用戶閱讀習(xí)慣的文字,可以使瀏覽者更順利、愉快地接受企業(yè)所要傳達的信息。
1.關(guān)于字體
字體分為襯線字體和非襯線字體。簡單來說,襯線字體就是帶有襯線的字體,是模仿中國古代字體和古代碑文上的字體,筆畫有粗細(xì)之分,簡單易變形,修飾性強。常用的有宋體。
非襯線字體與襯線字體相反,無襯線裝飾,筆畫粗細(xì)無明顯差異。常用的是微軟雅黑。
頁面中的字體選擇是一種感性行為,需要考慮整個網(wǎng)站頁面和瀏覽者的感受。除此之外,還要考慮大多數(shù)瀏覽者的計算機里可能只有默認(rèn)字體,所以,正文內(nèi)容最好采用基本字體。
2.關(guān)于字號
在頁面設(shè)計中,字號也是用戶體驗的一部分,但文字并不是僅僅放在網(wǎng)頁上就可以,還需要合理的布局和搭配樣式才能起到事半功倍的作用。
網(wǎng)頁中字號應(yīng)用的幾條規(guī)范如下:
①正文內(nèi)容使用一般使用宋體12px或14px,最小不小于12px。
②主導(dǎo)航文字使用14-18px字號,一般使用偶數(shù)字號,奇數(shù)字號的字體在顯示時會有毛邊。
③工具欄文字為12px或14px;一級菜單使用14x,二級菜單使用12px;版底文字為12px或14px。
二、頁面排版要簡潔易讀
頁面排版主要涉及行寬、間距和行對齊。
1.行寬
如果文字過長,則視線移動距離大,瀏覽難以注意段落的起點和終點;如果文字過短,眼睛需要來回掃視,容易破壞閱讀節(jié)奏。
因此,保證每一行承載合適的字?jǐn)?shù)可以提高文章的易讀性。調(diào)查顯示,在實際網(wǎng)頁中,14px大小的中文字體,每行的字符數(shù)在35-45更合適。
2.間距
一般來說,行距過寬會讓文字失去延展性,影響閱讀;行距過窄,則容易跳行。
頁面設(shè)計中,一般根據(jù)字號大小選擇1-1.5倍作為行間距,1.5-2倍作為段間距。
3.行對齊
通常情況下,盡量在頁面中選擇一種文本對齊方式,要盡量避免兩端對齊。
三、使用響應(yīng)式網(wǎng)頁設(shè)計
不僅是「新聞動態(tài)」的頁面設(shè)計,還是整個網(wǎng)站的設(shè)計,都建議大家使用響應(yīng)式設(shè)計。
所謂響應(yīng)式設(shè)計就是一個網(wǎng)站能夠自動適應(yīng)不同設(shè)備。根據(jù)系統(tǒng)平臺、屏幕尺寸、屏幕定向等進行相應(yīng)的相應(yīng)和調(diào)整。
響應(yīng)式設(shè)計不僅可以帶來高效的閱讀體驗,提升用戶的新聞閱讀效率,能夠使用戶在固定的時間里閱讀更多的內(nèi)容,有利于曝光更多的品牌資訊和廣告。
四、減少用戶等待時間
一般網(wǎng)頁的打開速度最好不要超過3秒,時間過長會影響用戶的心情以及對網(wǎng)站的印象。
Robert B Miller在他發(fā)表的有關(guān)響應(yīng)時間的文章中指出,用戶有三個閾值時間:0.1秒鐘、1秒鐘和10秒鐘。
如果響應(yīng)時間短于0.1秒鐘,用戶感覺不到任何延遲,即0.1秒鐘是讓用戶感覺到系統(tǒng)立即做出了響應(yīng)的時間上限。1秒鐘是讓用戶思維不被中斷的上限。10秒鐘是讓用戶的注意力保持在對話過程中的上限。
第一印象很重要,等待時間過長會影響用戶是否進行進一步的操作??匆黄恼乱呀?jīng)耗費掉大量的耐心,你還指望人家以后點進去產(chǎn)品頁面細(xì)看嘛?。?!
所以網(wǎng)頁打開速度當(dāng)然是越快越好,沒有最快,只有更快。