萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

網站字體有多重要?實測優化字體讓流量飆升 38%!

字體優化對流量的影響

多年前,MIT 研究已證實:字體影響我們的感受。差的字體引發無意識反感,好的字體讓人愉悅。字體既影響情緒,同樣影響用戶體驗。

幾周前,我決定實測字體對用戶體驗的具體影響。通過系列對比測試,僅改變字體,網站流量提升了 38%。

先解釋字體為何對閱讀影響巨大:

字體影響讀者情緒

字體透過兩種方式影響情緒:

認知偏見

我們自然賦予某些字體特定內涵,受認知偏差與成長文化影響。如美國無襯線字體常用於政府公文,英國卻常用於小報。用戶感受到的信息會因字體變化而改變。

下圖為同一篇 WordPress 建站教程,使用兩種截然不同字體:

正常字體版本

正常字體:專業、可信

滑稽字體版本

Comic Sans 字體:顯得孩子氣,遠不如第一張專業可信。這非字母線條、間距等特性所致,而是字體聯想導致。

可讀性

事實上,某些字體天生更具可讀性。閱讀時眼睛大腦負荷越重,對字體感覺越差。襯線字體早用於印刷,襯線助眼睛快速分辨字母。早期電腦分辨率低,襯線字體需矢量創建,低分屏顯示不佳,設計師轉用位圖無襯線字體。隨分辨率提升,像 Georgia 這類襯線字體日益流行。

字體測試:Georgia vs Arial vs Verdana

測試目標:哪種字體最適合我的網站?

在同一篇文章上對比 Georgia、Arial、Verdana 三種字體,通過點擊次數、跳失率、頁面停留時間評估。

Georgia 字體測試
Arial 字體測試
Verdana 字體測試

我預測 Georgia 最適合(可讀性強),Verdana 最差。結果:Georgia 確實最佳,但 Verdana 非最差——使用 Verdana 時點擊量比 Arial 多 29.1%。

字體測試數據對比

同時,Georgia 平均頁面停留時間更長,表明用戶閱讀更多內容,熱點圖已驗證。

字號測試:14px 的意外勝利

確認 Georgia 最佳後,測試最佳字號。我預測字號越大越好(又錯了)。

第一組測試 14px、15px、16px:結果 14px 最適合閱讀。(注:字號每加 1px,行距也加 1px)

第一組字號測試結果

這讓我驚訝:既往研究稱大字體更吸引注意,許多高可讀性網站用 20px+。為二次驗證,測試 10px、14px、18px、21px:結果再次證明 14px 最佳。

第二組字號測試結果

這說明:對某些人奏效的,未必對其他人奏效。對我們博客,14px Georgia 或許是最佳選擇。

字體優化的驚人成果

全站採用 14px Georgia 後:

  • 平均跳失率從 88.0% 降至 80.9%(優化 7.1%)
  • 平均頁面訪問量從 1.21 升至 1.43(優化 18.18%)
  • 平均停留時間提高 10 分鐘
優化後整體數據

所有結論源於 A/B 測試,非個人觀點。使用 VWO 或 Optimizely 等工具,能檢測最適合讀者的字體與方案。

copyright © 萬盛學電腦網 all rights reserved