[網站優化-用戶體(tǐ)驗]字體人快(tǐ)字号對用戶體(tǐ)驗的(d在但e)影響

多(duō)年前，麻省理工開也學院的(de)研究人員已經證實字體(tǐ)影子日響我們的(de)感受：差的(de)字體(tǐ火山)使人無意識的(de)反感，好(h為妹ǎo)的(de)字體(t可煙ǐ)使我們感到(dào)高興。如(rú)果字日坐體(tǐ)能夠影響我們的(de)情緒，那(n相靜à)同樣會(huì)影響用戶醫家體(tǐ)驗。

在溫州網站優化過程中，字體(tǐ)對于用員做戶的(de)閱讀(dú)的(de)感受影響還是劇照(shì)存在的(de)，而這裏決定探究科熱字體(tǐ)對用戶體(tǐ)驗的(山區de)影響究竟有多(duō)大。通信校過一(yī)系列的(de)對比測試，暗能僅僅在改變字體(tǐ)的(de)情況下(xià土得)，我的(de)網站用戶粘度提高了(le)慢做38%。在開始詳細講述我的(de)測試前，在費先解釋下(xià)爲什(shén)麽字報男體(tǐ)對用戶閱讀(dú)有如(r村他ú)此大的(de)影響。

字體(tǐ)影響讀(dú)者的(de)情緒藍山

字體(tǐ)通過兩種方式影響我們的(d劇你e)情緒。

認知偏見(jiàn)

首先，我們會(huì)自(zì)然而然的(上作de)賦予某些(xiē)字體(tǐ)及事資字體(tǐ)形式一(yī)定的(d見業e)内涵。好(hǎo)比我們做頻對身(shēn)邊事物(wù)的(de)看什亮(kàn)法經常受到(dào)認知偏差和生(sh影林ēng)長文化的(de)影響。在舊例如(rú)，在美國，無襯線字體(tǐ)經常被用船內在政府書(shū)文上，而姐頻在英國，無襯線字體(tǐ)常被用在小報有熱(bào)上。

用戶感受到(dào)的(de)信息的道經常會(huì)因爲文章(zhāng)字體(tǐ要爸)的(de)變化而變化。

下(xià)面是(shì)一(yī)公司博個也客的(de)兩張截圖，同一(yī是微)篇講述如(rú)何用Wordpress建站的弟照(de)文章(zhāng)，但(制山dàn)是(shì)用了(le)兩在線種相差較大的(de)字體(tǐ)市放。可以注意到(dào)，由于使用字嗎能體(tǐ)的(de)不同，相同的(de)内樂都容傳遞著(zhe)不同的(de)信息。很時

字體(tǐ)：The site`s n輛對ormal (國外網站默認字體(t人坐ǐ))

字體(tǐ)：Comic Sans

第二張Comic Sans 字體(t吃水ǐ)看(kàn)上去(qù)遠沒有可信件輛、專業(yè)。這不是(shì樂站)字母的(de)線條、間距或字母的(d化廠e)其他特性造成的(de)，而是(shì)下亮Comic Sans字體(tǐ)聯想煙火到(dào)孩子氣。

可讀(dú)性

事實上，一(yī)些(x校體iē)字體(tǐ)本身(shēn)比其他字看但體(tǐ)更具可讀(dú)性。如司習(rú)果閱讀(dú)一(yī)段文字時，我們的開上(de)眼睛和大腦(nǎo)負荷越重我好，那(nà)我們對字體(tǐ)的鐘舞(de)感覺就(jiù)更糟糕。

襯線字體(tǐ)最早用在印刷上，因爲襯線有利于眼物用睛更快(kuài)速的(de)區分(鐵動fēn)字母。電腦(nǎo)剛問世時，分(f來書ēn)辨率還很(hěn)低，襯線字體(tǐ)又必她我須用矢量創建，而矢量在早期的(de)低分(林外fēn)辨率屏幕上無法很(hěn)好(hǎo外舊)的(de)顯示。這使得(de)早期的草光(de)設計(jì)師(sh從師ī)默認使用位圖創建的(d吃睡e)無襯線字體(tǐ)。

在過去(qù)的(de)幾十年間，屏內新幕分(fēn)辨率不斷的(de)發展錯但。現在近(jìn)距離也很(hěn)女大難看(kàn)見(jiàn)屏幕上的(d作到e)像素點，像Georgia這樣的(de)襯線討坐字體(tǐ)也越來越流行(xín村湖g)。

字體(tǐ)測試

測試開始前，我最想知道：哪種字頻內體(tǐ)最适合我的(de)網站優化呢(ne)?我在一(yī)篇文資關章(zhāng)上進行(xíng好人)了(le)3種字體(tǐ)的(妹睡de)對比測試：Georg電飛ia、Arial、 Verdana.我們通過數費文章(zhāng)的(d放但e)點擊次數(shù)結合頁面的(de劇機)跳失率和頁面停留時間等行年相(xíng)爲來評估每種字體(tǐ)的朋少(de)表現。

以下(xià)是(shì)測試字體(下在tǐ)的(de)文章(z器這hāng)片段，你可以預測下(xià)這低化3中字體(tǐ)的(de)訊外測試結果。

字體(tǐ)：Georgia

字體(tǐ)：Arial

字體(tǐ)：Verdana一木

我預測Georgia字體(商雨tǐ)最适合我的(de)網站優化，因爲他可讀(dú)性很(hěn)強得影。Verdana最不适應我的(de)網站優化。 和我預測的(de)一(yī)樣，G亮話eorgia确實最适合我的(d資水e)網站優化，但(dàn又坐)是(shì)Verdana字體(tǐ)不是(少和shì)最差的(de)那(nà)個。使用V吃市erdana字體(tǐ)時文章(zhān喝司g)的(de)點擊量比使用Arial字體(tǐ)說冷時多(duō)29.1%。

同時，使用Georgia又睡字體(tǐ)時，平均頁面停留時間更長，這表明用戶窗很閱讀(dú)文章(zhāng)的(de)内容綠用更多(duō)。這點已經通過熱(討農rè)點圖得(de)到(dào)要頻證實。

字号測試

在證實了(le)Georgia最水請适合我們的(de)網頁後，我玩銀們同樣想知道，幾号的(de)字體(火訊tǐ)最适合用戶閱讀(dú)。我覺河歌得(de)字号越大，也具有可讀(dú)要頻性。(好(hǎo)吧，我又預測錯(cu說那ò)了(le))

首先我測試了(le)14px、15px、 16p中森x這組字号。在網站優化上使用上述體年相同的(de)方法測試，結果顯示，14px照頻的(de)字體(tǐ)最适合閱開線讀(dú)。

PS：字号每加大一(yī)個像素，行(xíng長舊)距也相應加高了(le)一(yī)個像素。

這個結果讓我很(hěn)吃驚制服，我之前閱讀(dú)過的(de)相關研究告訴我，城討用戶閱讀(dú)文章(zhāng)時，更大睡章的(de)字體(tǐ)能夠吸引用戶的(de媽行)注意力。并且很(hěn)多(duō)可讀(d電暗ú)性很(hěn)高的(de)網站都使用對地了(le)20px以上的(d船子e)字号。

爲了(le)二次确認我的(de)測試結果，秒這我測試了(le)另一(yī)組字号：10px、1女嗎4px、18px、21px。木但結果再次證明，14px的(de)字體民拍(tǐ)最适合閱讀(dú)。

這次試驗讓我知道，不論分(fē火開n)組測試哪種試驗，結果黑就都會(huì)告訴你：對某些(xiē)人奏效的(習話de)事情未必對其他人奏效。道離對我們的(de)博客使用的(de就林)字體(tǐ)，或是(shì)發表做動的(de)文章(zhāng)來說(shuō北資)，14px的(de)字體(t鐵村ǐ)可能是(shì)個很(hěn)好(hǎo)的讀西(de)選擇。

字體(tǐ)優化的(de)魅力

根據測試優化字體(tǐ)後，我們網站優化的(d中匠e)用戶體(tǐ)驗有多(duō)錢畫大的(de)提升?

自(zì)從(cóng)我們讀腦整個網站優化使用14px的(d鐘大e)Georgia字體(體雪tǐ)後，我們網站的(de)平均雜但跳失率(Bounce Rate)從(có雨但ng)88.0%下(xià)降到(dào風呢)80.9%，7.1%的(de)優暗如化。每個頁面的(de)平均訪問量從(cón紙得g)1.21上升到(dào)1.4動姐3，18.18%的(de)優化;頁面的(de)新西平均停留時間提高了(le)1車從0分(fēn)鐘(zhōng)。

所有的(de)這些(xiē)煙師都由分(fēn)組測試(也叫A/B車影測試)得(de)出的(de)，爸還并不是(shì)我個人觀點。使用類似VW光睡O或Optimizely這類分(fē能廠n)組測試工具，能夠檢測出哪種字東吃體(tǐ)最适合你的(d花輛e)讀(dú)者，哪種方案更合适。