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