多年前,麻省理工学院的研究人员已经证证实字体影响我们的感受:差的字体使人无意识的反感,好的字体使我们感到高兴。
尽管国内外的互联网环境不同,原文中的定论并非悉数适用于国内网站,但文章中的思路及实验办法,站长们是可以学习一下的。
多年前,麻省理工学院的研讨人员现已证证明字体影响咱们的感触:差的字体使人无意识的恶感,好的字体使咱们感到高兴。
假如字体可以影响咱们的心情,那相同会影响用户体会。
几周前,我决议探求字体对用户体会的影响终究有多大。
经过一系列的比照测验,仅仅在改动字体的情况下,我的网站流量提高了38%。
在开端具体叙述我的测验前,先解说下为什么字体对用户阅览有如此大的影响。
字体影响读者的心情
字体经过两种办法影响咱们的心情。
认知成见
首要,咱们会自然而然的赋予某些字体及字体方式必定的内在。比如咱们对身边事物的观点常常遭到认知误差和成长文明的影响。例如,在美国,无衬线字体常常被用在政府书文上,而在英国,无衬线字体常被用在小报上。
用户感触到的信息常常会由于文章字体的改变而改变。
下面是我公司博客的两张截图,同一篇叙述如何用Wordpress建站的文章,可是用了两种相差较大的字体。
可以注意到,由于运用字体的不同,相同的内容传递着不同的信息。
The site`s normal fonts:
Comic Sans font:
第二张Comic Sans 字体看上去远没有第一张可信、专业。这不是字母的线条、距离或字母的其他特性形成的,而是Comic Sans字体联想到孩子气。
可读性
事实上,一些字体自身比其他字体更具可读性。假如阅览一段文字时,咱们的眼睛和大脑负荷越重,那咱们对字体的感觉就更糟糕。
衬线字体最早用在印刷上,由于衬线有利于眼睛更快速的区别字母。
电脑刚面世时,分辨率还很低,衬线字体又必须用矢量创立,而矢量在前期的低分辨率屏幕上无法很好的显现。这使得前期的设计师默许运用位图创立的无衬线字体。
在曩昔的几十年间,屏幕分辨率不断的开展。现在近距离也很难看见屏幕上的像素点,像Georgia这样的衬线字体也越来越盛行。
字体测验
测验开端前,我最想知道:哪种字体最适合我的网站?
我在我的一篇文章进步行了3种字体的比照测验:Georgia、Arial、 Verdana。
咱们经过文章的点击次数结合页面的跳失率和页面停留时间等行为来评价每种字体的体现。
以下是测验字体的文章片段,你可以猜测下这3中字体的测验成果。
Georgia
Arial
Verdana
我猜测Georgia字体最适合我的网站,由于他可读性很强。Verdana最不习惯我的网站。
和我猜测的相同,Georgia的确最适合我的网站,可是Verdana字体不是最差的那个。运用Verdana字体时文章的点击量比运用Arial字体时多29.1%。
一起,运用Geogia字体时,均匀页面停留时间更长,这表明用户阅览文章的内容更多。这点现现已过热门图得到证明。
字号测验
在证明了Geogia最适合咱们的网页后,咱们相同想知道,几号的字体最适合用户阅览。
我觉得字号越大,也具有可读性。(好吧,我又猜测错了)
首要我测验了14px、15px、 16px这组字号。
在网站上运用上述相同的办法测验,成果显现,14px的字体最适合阅览。
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分钟。
一切的这些都由分组测验(也叫A/B测验)得出的,并不是我个人观点。运用相似VWO或Optimizely这类分组测验东西,可以检测出哪种字体最适合你的读者,哪种计划更适宜。
知优网 » 网站字体优化对用户体会度的影响!