網(wǎng)站字體有多重要?它幫網(wǎng)站提高了38%的流量!

2022-05-30    分類: 網(wǎng)站建設(shè)

多年前,麻省理工學(xué)院的研究人員已經(jīng)證實字體影響我們的感受:差的字體使人無意識的反感,好的字體使我們感到高興。如果字體能夠影響我們的情緒,那同樣會影響用戶體驗。
幾周前,我決定探究字體對用戶體驗的影響究竟有多大。通過一系列的對比測試,僅僅在改變字體的情況下,我的網(wǎng)站流量提高了38%。
在開始詳細講述我的測試前,先解釋下為什么字體對用戶閱讀有如此大的影響。
字體影響讀者的情緒
字體通過兩種方式影響我們的情緒。
認知偏見
首先,我們會自然而然的賦予某些字體及字體形式一定的內(nèi)涵。好比我們對身邊事物的看法經(jīng)常受到認知偏差和生長文化的影響。例如,在美國,無襯線字體經(jīng)常被用在政府書文上,而在英國,無襯線字體常被用在小報上。
用戶感受到的信息經(jīng)常會因為文章字體的變化而變化。
下面是我公司博客的兩張截圖,同一篇講述如何用Wordpress建站的文章,但是用了兩種相差較大的字體。
可以注意到,由于使用字體的不同,相同的內(nèi)容傳遞著不同的信息。
正常字體:
滑稽字體:
第二張Comic Sans 字體看上去遠沒有第一張可信、專業(yè)。這不是字母的線條、間距或字母的其他特性造成的,而是Comic Sans字體讓人聯(lián)想到孩子氣。
可讀性
事實上,一些字體本身比其他字體更具可讀性。如果閱讀一段文字時,我們的眼睛和大腦負荷越重,那我們對字體的感覺就更糟糕。
襯線字體最早用在印刷上,因為襯線有利于眼睛更快速的區(qū)分字母。
電腦剛問世時,分辨率還很低,襯線字體又必須用矢量創(chuàng)建,而矢量在早期的低分辨率屏幕上無法很好的顯示。這使得早期的設(shè)計師默認使用位圖創(chuàng)建的無襯線字體。
在過去的幾十年間,屏幕分辨率不斷的發(fā)展?,F(xiàn)在近距離也很難看見屏幕上的像素點,像Georgia這樣的襯線字體也越來越流行。
字體測試
測試開始前,我最想知道:哪種字體最適合我的網(wǎng)站?
我在我的一篇文章上進行了3種字體的對比測試:Georgia、Arial、 Verdana。
我們通過文章的點擊次數(shù)結(jié)合頁面的跳失率和頁面停留時間等行為來評估每種字體的表現(xiàn)。
字號測試
在證實了Georgia最適合我們的網(wǎng)頁后,我們同樣想知道,幾號的字體最適合用戶閱讀。
我覺得字號越大,也具有可讀性。(好吧,我又預(yù)測錯了)
首先我測試了14px、15px、 16px這組字號。
在網(wǎng)站上使用上述相同的方法測試,結(jié)果顯示,14px的字體最適合閱讀。
PS:字號每加大一個 像素,行距也相應(yīng)加高了一個像素。
這個結(jié)果讓我很吃驚,我之前閱讀過的相關(guān)研究告訴我,用戶閱讀文章時,更大的字體能夠吸引用戶的注意力。并且很多可讀性很高的網(wǎng)站都使用了20px以上的字號。
為了二次確認我的測試結(jié)果,我測試了另一組字號:10px、14px、18px、21px。
結(jié)果再次證明,14px的字體最適合閱讀。
這次試驗讓我知道,不論分組測試哪種試驗,結(jié)果都會告訴你:對某些人奏效的事情未必對其他人奏效。對我們的博客使用的字體,或是發(fā)表的文章來說,14px的字體可能是個很好的選擇。
字體優(yōu)化的魅力
根據(jù)測試優(yōu)化字體后,我們網(wǎng)站的用戶體驗有多大的提升?
自從我們整個網(wǎng)站使用14px的Georgia字體后,我們網(wǎng)站的平均跳失率(Bounce Rate)從88.0%下降到80.9%,7.1%的優(yōu)化。
每個頁面的平均訪問量從1.21上升到1.43,18.18%的優(yōu)化;頁面的平均停留時間提高了10分鐘。

所有的這些都由分組測試(也叫A/B測試)得出的,并不是我個人觀點。使用類似VWO或Optimizely這類分組測試工具,能夠檢測出哪種字體最適合你的讀者,哪種方案更合適。


關(guān)鍵詞:創(chuàng)新互聯(lián),成都品牌網(wǎng)站建設(shè)公司,網(wǎng)站制作公司,重慶網(wǎng)站建設(shè),網(wǎng)站設(shè)計,網(wǎng)站建設(shè),手機網(wǎng)站開發(fā)

分享文章:網(wǎng)站字體有多重要?它幫網(wǎng)站提高了38%的流量!
文章URL:http://www.bm7419.com/news38/160888.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標簽優(yōu)化網(wǎng)站策劃、云服務(wù)器網(wǎng)站內(nèi)鏈、動態(tài)網(wǎng)站網(wǎng)站導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護公司