字体如何影响用户体验

WebFX总统。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

几年前,麻省理工学院的研究人员通过一项研究证实字体会影响我们的感受糟糕的字体会让我们不自觉地皱眉,而好的字体会让我们感到快乐。如果字体可以影响我们的情绪,那么它们当然也可以影响用户体验。几周前,我决定找出字体对用户体验的影响有多大。

通过一系列的分裂测试实验,我成功地提高38%的网站粘性。为此,我只改变了网站的字体样式。在我详细介绍我的实验之前,我想首先解释为什么字体对用户如何解释我们的内容有着惊人的巨大影响。

字体如何影响我们的情绪

字体通过两种方式影响我们的情绪。

认知偏见

首先,我们将某些内涵与特定的字体和字体样式联系起来。这和我们世界上的许多其他事情一样,常常受到我们的认知偏见以及我们成长的文化。例如,无衬线字体通常用于美国官方

政府形式。但是,在英国,无衬线字体更常被小报使用。不同字体的使用环境改变了我们看到它们时的感受。

看看下面这两张来自我公司博客的截图指南建立一个WordPress网站,设置使用两种截然不同的字体。请注意,相同的内容如何根据您使用的字体传递截然不同的信息。版本1:网站的普通字体 版本2:Comic Sans字体 第二个版本给人的印象远没有那么可信和专业。

这不是由于字母的曲率和间距或任何其他字体的排版特征。这是由于我们已经了解到的事实把comic sans字体联系起来童心。

客观的可读性

最重要的是,有些字体天生就比其他字体更容易阅读。我们的眼睛和大脑在解读一段文字时越努力,我们报告的感觉就越糟糕。衬线字体最初是由印刷媒体使用的,因为衬线已被证明可以帮助眼睛更快地从一个字母移动到另一个字母。

当计算机第一次使用时,计算机屏幕的分辨率很低。衬线字体必须使用矢量来创建,这与过去可用的低像素密度看起来并不合适。所以,早期的设计师默认使用无衬线字体,这被创建为位图。

在过去的几十年里,屏幕分辨率一直在进步。我们处在一个像素几乎无法近距离辨认的位置。因此,像Georgia这样的衬线字体正变得越来越流行。

在字体

在试验字体时,我想回答的第一个问题当然是,哪种字体最适合我们的网站?我做了初步的分裂测试我们的一篇文章我测试了三种不同的字体:Georgia、Arial和Verdana。我们通过文章的点击次数来衡量每种字体的性能,并结合了像弹窗率和页面停留时间这样的行为指标。

下面是我们测试的字体的文本块片段,以便您对我们测试的变体有一个直观的了解。乔治亚州 Georgia字体正在进行UX测试。天线 正在为UX测试Arial字体。Verdana Verdana字体正在进行UX测试。我预计Georgia会赢(因为客观的可读性),而Verdana会输。虽然我正确地猜测了乔治亚州将是获胜者,但我错误地猜测了维尔达娜。

事实上,使用Verdana产生的变化点击多29.1%比我们原来的字体(Arial)要好。我们还注意到,使用Georgia的变体有更好的平均页面时间,这表明我们的用户阅读了更多的文章。这也被证实使用热量地图。

字体大小实验

在确认Georgia字体是我们网站表现最好的字体后,我想知道应该用多大的字体来提供最好的可读性和粘性。合理地说,我认为字体越大,可读性就越强。又错了。

首先我测试了14px、15px和16px。使用上述相同的方法,我们发现14px能够产生最高的粘性。注意:字体大小每增加一个像素,我就增加一个像素的行高。

这很令人惊讶,因为我之前读过一些研究,比如这个关于大字体如何增加读者对阅读文本的注意力的研究。而且,有趣的是,许多被认为可读性很强的网站使用的字体都超过了20px。为了再次检查我的结果的准确性,我运行了一个相同的实验,测试了10px, 14px, 18px和21px。

再次,14 px赢了。对我来说,这只是暗示了每一个有经验的A/B测试员会告诉你的:适合一个人的东西可能并不适合其他人。对于我们博客的设计,我们使用的字体,甚至我们发布的内容,14px似乎是最佳点。

改变字体如何影响用户体验

那么,所有这些工作对我们网站的用户体验有什么影响呢?在整个网站推出了14px的Georgia字体后,我们注意到我们网站的平均反弹率从88.0%下降到80.9%7.1%的改善。我们每节课的平均浏览量也从1.21增加到1.43提高18.18%,我们在现场的平均时间提高了约10秒。

就像所有与分割测试相关的事情一样,不要相信我的话。使用一个对比测试像VWO或optimely这样的工具来计算哪种字体最能引起读者的共鸣,哪种字体最能吸引你的注意。

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!