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

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

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

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

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

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

廣告

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