【如内容违法或虚假,请联系上述邮件删除】 多年前,麻省理工学院的研讨人员曾经证明字体影响我们的感受:差的字体使人无认识的恶感,好的字体使我们感到快乐。假如字体能够影响我们的心情,那同样会影响用户体验。
几周前,我决议探求字体对用户体验的影响究竟有多大。经过一系列的对比测试,仅仅在改动字体的状况下,我的网站用户粘度进步了38%。在开端细致讲述我的测试前,先解释下为什么字体对用户阅读有如此大的影响。
字体影响读者的心情
字体经过两种方式影响我们的心情。
认知成见
首先,我们会自但是然的赋予某些字体及字体方式一定的内涵。好比我们对身边事物的见地经常遭到认知倾向和生长文化的影响。例如,在美国,无衬线字体经常被用在政府书文上,而在英国,无衬线字体常被用在小报上。
用户感遭到的信息经常会由于文章字体的变化而变化。
下面是我公司博客的两张截图,同一篇讲述如何用Wordpress建站的文章,但是用了两种相差较大的字体。能够留意到,由于运用字体的不同,相同的内容传送着不同的信息。
字体:The site`s normal (国外网站默许字体)
字体:Comic Sans
第二张Comic Sans 字体看上去远没有第一张可信、专业。这不是字母的线条、间距或字母的其他特性构成的,而是Comic Sans字体联想到孩子气。
可读性
事实上,一些字体自身比其他字体更具可读性。假如阅读一段文字时,我们的眼睛和大脑负荷越重,那我们对字体的觉得就更糟糕。
衬线字体最早用在印刷上,由于衬线有利于眼睛更快速的辨别字母。电脑刚问世时,分辨率还很低,衬线字体又必需用矢量创建,而矢量在早期的低分辨率屏幕上无法很好的显现。这使得早期的设计师默许运用位图创建的无衬线字体。
在过去的几十年间,屏幕分辨率不时的展开。往常近距离也很难看见屏幕上的像素点,像Georgia这样的衬线字体也越来越盛行。
字体测试
测试开端前,我最想知道:哪种字体最合适我的网站?我在一篇文章上中止了3种字体的对比测试:Georgia、Arial、 Verdana.我们经过文章的点击次数分离页面的跳失率和页面停留时间等行为来评价每种字体的表现。
以下是测试字体的文章片段,你能够预测下这3中字体的测试结果。
字体:Georgia
字体:Arial
字体:Verdana
我预测Georgia字体最合适我的网站,由于他可读性很强。Verdana最不顺应我的网站。 和我预测的一样,Georgia的确最合适我的网站,但是Verdana字体不是最差的那个。运用Verdana字体时文章的点击量比运用Arial字体时多29.1%。
同时,运用Georgia字体时,平均页面停留时间更长,这标明用户阅读文章的内容更多。这点曾经经过热点图得到证明。
字号测试
在证明了Georgia最合适我们的网页后,我们同样想知道,几号的字体最合适用户阅读。我觉得字号越大,也具有可读性。(好吧,我又预测错了)订机票官网 www.161580.com 搜集整理starg1a
首先我测试了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这类分组测试工具,能够检测出哪种字体最合适你的读者,哪种计划更适合。(关注老榕树网络旗下“网络思维”微信公众号:wlsw360 (每天都有好文章)
本帖如有虚假或违法,请联系邮箱删除,本社区删贴不收任何费用,欢迎举报。老榕树社区属老榕树网络旗下网站,旨在为老榕树用户提供创业咨询、网站建设技术交流、源码下载、提供各种实用工具。如有部分帖子涉及违法、虚假,请你第一时间与社区联系,把需要删除的社区链接提供给我们,我们核实之后,第一时间删除。邮箱:125175998@qq.com |