多年前,麻省理工学院的研究已经深入探讨了字体对我们情感的影响:不佳的字体往往在无意识中引发反感,而优质的字体则能带来愉悦感受。既然字体能触动我们的情绪,那么它对用户体验的影响也就不言而喻了。

几周前,我决心深入探究字体对用户体验的切实影响。通过一系列精心设计的对比测试,我惊讶地发现,仅仅是更换了字体,我的网站流量就实现了惊人的38%的增长。

在深入分享我的测试细节之前,我想先解释一下,为何字体对用户阅读体验有着如此巨大的影响。

字体影响读者的情绪

字体以两种方式悄无声息地触动我们的情感。

首先,我们会本能地为某些字体及其形式赋予特定的含义。这如同我们对周围事物的看法常常受到认知偏差和成长文化的影响。以无衬线字体为例,在美国,它常被用于政府文书,而在英国,却更多地出现在小报上。这种文化背景无形中塑造了我们对字体的认知和感受。

字体的变化也会深刻影响读者对信息的感知。

下面是对比的两张截图,同样是讲述如何用Wordpress建站的文章,但采用了两种截然不同的字体。你可以明显感受到,由于字体的不同,相同的内容传达出了截然不同的信息。

使用正常字体时,文章显得更为正式和专业,给人一种稳重、可信赖的感觉;而更换字体后,文章可能显得更为轻松、活泼,甚至带有一定的趣味性。这种变化并非文字内容本身所致,而是字体所带来的视觉和心理影响。

因此,在设计和优化网站时,我们必须充分考虑字体的选择。合适的字体不仅能够提升用户的阅读体验,还能更好地传达我们的品牌理念和信息。通过精心挑选字体,我们可以让网站更具吸引力,从而提高用户留存率和转化率。

正常字体:
揭秘!网站字体竟然如此关键,助力流量飙升38%!

滑稽字体:
揭秘!网站字体竟然如此关键,助力流量飙升38%!
第二张使用Comic Sans字体的截图,显然缺乏第一张字体所展现的可信度和专业性。这种差异并非源于字母的线条、间距或其他细微特性,而是Comic Sans字体本身所散发出的童趣和随和气息。这种字体常常让人联想到轻松、休闲的场合,而非严肃、正式的商业环境。

因此,在追求专业、正式形象的网站上,选择更为成熟、稳重的字体是至关重要的。通过精心挑选字体,我们可以确保网站传达出正确的信息,从而提升用户的信任度和满意度。

可读性

实际上,某些字体天生就比其他字体更易读。当我们阅读文字时,如果眼睛和大脑需要承受较大的负担,那么我们对字体的好感度就会大打折扣。

衬线字体最初在印刷领域得到广泛应用,其原因在于衬线能够帮助我们的眼睛更快速地辨别字母,从而提高阅读效率。

然而,在电脑刚刚兴起时,由于屏幕分辨率较低,而衬线字体需要依赖矢量进行创建,这在早期的低分辨率屏幕上往往无法完美呈现。因此,早期的设计师更倾向于使用位图创建的无衬线字体。

随着科技的进步,屏幕分辨率在过去几十年间得到了显著提升。如今,即使在近距离观察,我们也很难察觉到屏幕上的像素点。因此,像Georgia这样的衬线字体又重新回到了我们的视野,并越来越受欢迎。这是因为它们在高分辨率屏幕上能够呈现出更加清晰、易读的效果,极大地提升了用户的阅读体验。

字体测试

在开始测试之前,我心中充满了疑惑:究竟哪种字体最适合我的网站呢?

为了寻找答案,我选取了一篇文章,并进行了三种不同字体的对比测试:Georgia、Arial和Verdana。

我们通过分析文章的点击次数、页面跳失率以及页面停留时间等关键指标,来评估每种字体在实际应用中的表现。

以下是参与测试的文章片段,现在,请你预测一下这三种字体在测试中的表现会如何。

Georgia
揭秘!网站字体竟然如此关键,助力流量飙升38%!

Arial
揭秘!网站字体竟然如此关键,助力流量飙升38%!

Verdana
揭秘!网站字体竟然如此关键,助力流量飙升38%!

我原本预测Georgia字体最适合我的网站,因为它具有出色的可读性。而Verdana字体在我看来可能不太适应我的网站风格。

然而,测试结果却出乎我的意料。尽管Georgia字体确实表现出色,但Verdana字体并非表现最差的那个。实际上,当使用Verdana字体时,文章的点击量比使用Arial字体时高出了29.1%。这一结果让我重新审视了Verdana字体的潜力和适应性。
揭秘!网站字体竟然如此关键,助力流量飙升38%!
同时,使用Georgia字体时,平均页面停留时间更长,这表明用户阅读文章的内容更多。这点已经通过热点图得到证实。

在证实了Georgia最适合我们的网页后,我们同样想知道,几号的字体最适合用户阅读。

我觉得字号越大,也具有可读性。(好吧,我又预测错了)

首先我测试了14px、15px、 16px这组字号。

在网站上使用上述相同的方法测试,结果显示,14px的字体最适合阅读。
揭秘!网站字体竟然如此关键,助力流量飙升38%!
PS:字号每加大一个 像素,行距也相应加高了一个像素。

这个结果让我很吃惊,我之前阅读过的相关研究告诉我,用户阅读文章时,更大的字体能够吸引用户的注意力。并且很多可读性很高的网站都使用了20px以上的字号。

为了二次确认我的测试结果,我测试了另一组字号:10px、14px、18px、21px。

结果再次证明,14px的字体最适合阅读。

这次试验让我知道,不论分组测试哪种试验,结果都会告诉你:对某些人奏效的事情未必对其他人奏效。对我们的博客使用的字体,或是发表的文章来说,14px的字体可能是个很好的选择。

字体优化的魅力

根据测试优化字体后,我们网站的用户体验有多大的提升?

自从我们整个网站使用14px的Georgia字体后,我们网站的平均跳失率(Bounce Rate)从88.0%下降到80.9%,7.1%的优化。

每个页面的平均访问量从1.21上升到1.43,18.18%的优化;页面的平均停留时间提高了10分钟。
揭秘!网站字体竟然如此关键,助力流量飙升38%!
所有的这些都由分组测试(也叫A/B测试)得出的,并不是我个人观点。使用类似VWO或Optimizely这类分组测试工具,能够检测出哪种字体最适合你的读者,哪种方案更合适。