首頁 > 網站優化 > [網站優化-用戶體(tǐ)驗]字體窗章(tǐ)字号對用戶體(tǐ)驗的(de)影商站響

[網站優化-用戶體(tǐ)驗]字河聽體(tǐ)字号對用戶體(tǐ司聽)驗的(de)影響

來源：本站原創 &也爸nbsp; 作者：溫畫呢州網站優化 &n長一bsp; 發布時間：唱票2014-10-8 8:37:5亮坐8 你間點擊數(shù):

多(duō)年前，麻省理工學院的(de)商又研究人員已經證實字體(tǐ)影響我們的(de)很鄉感受：差的(de)字體(tǐ)使人無意識的(de弟司)反感，好(hǎo)的(de劇風)字體(tǐ)使我們感到日些(dào)高興。如(rú)果字體(tǐ)能夠影信章響我們的(de)情緒，那(nà)同樣會(huì弟票)影響用戶體(tǐ)驗。

幾周前，我決定探究字體(tǐ)對用戶歌放體(tǐ)驗的(de)影響究竟有多(duō)唱河大。通過一(yī)系列的(de)對比測試樹要，僅僅在改變字體(tǐ)的(de)情況下(x拿呢ià)，我的(de)網站用戶粘度提高了(拿站le)38%。在開始詳細講述我微遠的(de)測試前，先解釋下(xià)爲什(空關shén)麽字體(tǐ)對用戶閱讀(dú)有如明票(rú)此大的(de)影響。

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

字體(tǐ)通過兩種方式影響我們的(綠風de)情緒。

認知偏見(jiàn)

首先，我們會(huì)自(zì)然而然的(de算中)賦予某些(xiē)字體(tǐ)及字體(tǐ)形為文式一(yī)定的(de)内涵報自。好(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ì)我公司博客的(d問水e)兩張截圖，同一(yī)篇講述如(rú)何年身用Wordpress建站的(de)文章(zh道火āng)，但(dàn)是(商文shì)用了(le)兩種相差較大的吃城(de)字體(tǐ)。可以注意到(dào)湖姐，由于使用字體(tǐ)的(de)不同，微通相同的(de)内容傳遞著街站(zhe)不同的(de)信息。

字體(tǐ)：The site`s no她能rmal （國外網站默認字體(tǐ)）

字體(tǐ)：Comic Sans

第二張Comic San舊腦s 字體(tǐ)看(kàn)上去(qù)遠沒有第計女一(yī)張可信、專業(yè)。這不畫樂是(shì)字母的(de)線條你街、間距或字母的(de)其他爸理特性造成的(de)，而是(shì)Comic 路制Sans字體(tǐ)聯想到(dào)歌樹孩子氣。

可讀(dú)性

事實上，一(yī)些(xiē)腦高字體(tǐ)本身(shē說民n)比其他字體(tǐ)更具門吃可讀(dú)性。如(rú)果閱讀(d上從ú)一(yī)段文字時，我們的西湖(de)眼睛和大腦(nǎo)負荷越重，那(nà)有和我們對字體(tǐ)的(de)感覺就(j票去iù)更糟糕。

襯線字體(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ī)默認使用位熱紙圖創建的(de)無襯線字體(tǐ)。

在過去(qù)的(de)幾十年信近間，屏幕分(fēn)辨率不斷的(de)發展。我光現在近(jìn)距離也很(hěn)知厭難看(kàn)見(jiàn)屏幕上的(de)像素做離點，像Georgia這樣的(de)襯線字舊為體(tǐ)也越來越流行(小在xíng)。

字體(tǐ)測試

測試開始前，我最想知道：哪種字體做會(tǐ)最适合我的(de亮風)網站？我在一(yī)篇文章(就購zhāng)上進行(xíng民門)了(le)3種字體(tǐ)的(de)對比測試報暗：Georgia、Arial、 Verdana了黑.我們通過文章(zhāng)的(de)點科歌擊次數(shù)結合頁面的鐵公(de)跳失率和頁面停留時間等行(x林員íng)爲來評估每種字體(tǐ)的作機(de)表現。

以下(xià)是(shì)測試字體(tǐ)的(d機秒e)文章(zhāng)片段，你可以鐵呢預測下(xià)這3中字體(tǐ)的(習票de)測試結果。

字體(tǐ)：Georgia

字體(tǐ)：Arial

字體(tǐ)：Verdana

我預測Georgia字體(tǐ)最适合我靜山的(de)網站，因爲他可讀(dú)你錢性很(hěn)強。Verd好下ana最不适應我的(de)網站。和我預測從綠的(de)一(yī)樣，畫費Georgia确實最适合我的(de)網站雜慢，但(dàn)是(shì)Verda多上na字體(tǐ)不是(shì)最差的(畫上de)那(nà)個。使用明小Verdana字體(tǐ)做低時文章(zhāng)的(de)書知點擊量比使用Arial字體(tǐ)時多(duō請歌)29.1%。

同時，使用Georgia字體亮離(tǐ)時，平均頁面停留時間更長，這表明用行離戶閱讀(dú)文章(zhāng)的(d資現e)内容更多(duō)。這點已經通過熱(r畫訊è)點圖得(de)到(dào女錯)證實。

字号測試

在證實了(le)Georg吃作ia最适合我們的(de)網頁後，我不物們同樣想知道，幾号的(d喝是e)字體(tǐ)最适合用戶閱讀(d離那ú)。我覺得(de)字号越聽子大，也具有可讀(dú)性分師。（好(hǎo)吧，我又預測錯(cuò)了(le文看)）

首先我測試了(le)14p兒暗x、15px、 16px這組字你上号。在網站上使用上述相同的(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以上的(de)字厭遠号。

爲了(le)二次确認我的(de)測試結果，我測試學森了(le)另一(yī)組字号：10px、14px雪劇、18px、21px。結果再次證明，14p來樂x的(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ǐ)後，我們網站的(de)用你好戶體(tǐ)驗有多(duō)大的(de)提升？

自(zì)從(cóng)我們生風整個網站使用14px的(de)Georg雜開ia字體(tǐ)後，我們網站的影筆(de)平均跳失率（Bounce R就照ate）從(cóng)88.0%下(xià呢錢)降到(dào)80.9%，7.子子1%的(de)優化。每個頁面的(de)平明信均訪問量從(cóng)1.21上升到(dào)1讀短.43，18.18%的(d司動e)優化；頁面的(de)平均停留時間提鄉雨高了(le)10分(fēn)鐘(zh長放ōng)。

所有的(de)這些(xiē)都由分(fēn)服業組測試（也叫A/B測試）得(de村我)出的(de)，并不是(shì)我工爸個人觀點。使用類似VWO或Op外窗timizely這類分(fēn)組測試姐腦工具，能夠檢測出哪種字體(tǐ)從分最适合你的(de)讀(dú)者國玩，哪種方案更合适。

上一(yī)篇： seo采編人員撰寫搜索引擎喜愛的(de光購)三大标題策略
下(xià)一(yī)篇：溫州網站建設之網站地圖的(de)設城理計(jì)技(jì)巧

[網站優化-用戶體(tǐ)驗]字河聽體(tǐ)字号對用戶體(tǐ司聽)驗的(de)影響

相關文章(zhāng)