您好,欢迎来到网址免费提交!网站收录,值得选择!
当前位置:网址免费提交 » 站长资讯 » 站长资讯 » 网站优化 » 文章详细

说说网站字体优化对用户体验度的影响!

来源:友情链接平台 浏览:205次 时间:2014-09-24

站长们越来越愿意在用户体验上下工夫,但提升用户体验可不是简单的事情,需要大量的调研、分析和实验。最近我们发现了一篇好文章,希望和广大站长分享。该文章是一位互联网交互设计师翻译的文章,原文作者在自己博客上分别测试了不同字体字号对用户点击行为造成的影响,有些结果与作者的预测是相符的,有些却出乎意料。

虽然国内外的互联网环境不同,原文中的结论并非全部适用于国内网站,但文章中的思路及实验方法,站长们是可以借鉴一下的。

多年前,麻省理工学院的研究人员已经证证实字体影响我们的感受:差的字体使人无意识的反感,好的字体使我们感到高兴。

如果字体能够影响我们的情绪,那同样会影响用户体验。

几周前,我决定探究字体对用户体验的影响究竟有多大。

通过一系列的对比测试,仅仅在改变字体的情况下,我的网站流量提高了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这类分组测试工具,能够检测出哪种字体最适合你的读者,哪种方案更合适。

原文:http://sixrevisions.com/user-experience-ux/fonts-ux/

注:相关网站建设技巧阅读请移步到建站教程频道。

推荐站点

  • 纸质化妆盒_环保眼影盒纸质化妆盒_环保眼影盒

    1、纸质眼影盒特点,产品多元化:工艺纸盒具有重量轻、品种多样化的特点。不像注塑的产品由于磨具限制的原因,款式形状单一。2、环保优势:纸质眼影盒内外选用的均是纸质的环保材料,具有可回收、可降解等特点,相比现有的眼影盒通过注塑成型,更加环保,可有效防止环境的污染和破坏不但可以重复利用,还可以用废弃的纸包装制品造肥。3、技术优势:纸包装材料伸缩性小,不受热和光的影响,具有更好的稳定性;纸的不透明性,能够提供隐蔽隔离,使某些产品不能从包装外部看到,满足了某些产品的包装需要。工艺纸盒还具有良好的透气性、柔软性、强度及可控的撕裂性能;使产品有很好的弹性和韧性,可以对被包装物提供一定的保护作用。 纸质化妆盒、又叫纸质眼影盒、纸质腮红盒、眼影纸本、手工眼影本、眼影书本等叫法、纸质化妆品盒有优势。。。

    www.f58f.com
  • 免费信息发布_免费网址提交_免费供求信息_企业平台_企业资讯平台-咱的商务网免费信息发布_免费网址提交_免费供求信息_企业平台_企业资讯平台-咱的商务网

    咱的商务网是一个集企业平台、企业资讯、免费信息发布、免费网址提交,免费供求信息等频道于一体的互联网平台。 网站定位精确,服务专业、稳定,网站上线以后受到广大用户的良好反馈。 咱的商务网是企业间(B2B)电子商务信息沟通的桥梁。面向国内外供应商、采购商、贸易商、生产商提供产品信息服务。以会员的形式,面向中小型投资者提供各类型供求、合作、技术信息发布,并以其为基础,拓展企业信息库、产品信息库和相关的个性化服务。 为广大企业提供系统、丰富、全面、深入、及时的信息资讯、技术项目、市场信息、会展信息和人才信息等。 咱的商务网是倡导一站式服务理念的综合性信息服务平台,已成为企业、用户实现信息化和获取资讯的门户。 本网站免费注册会员、免费信息发布、网站免费收录、b2b信息发布平台、信息网站大全、商务信息网、免费收录网站、网址免费提交、供求信息发布。

    www.zandeb2b.com
  • beauty_manicures_pedicures | EverlastingBeautybeauty_manicures_pedicures | EverlastingBeauty

    Everlasting Beauty Co.,Ltdd offers beauty, manicure、pedicure, eyelashes, nail, nail art, nail supply, nail art tools, beauty tools etc. and we are an union team of professional manufacturers for beauty products located in Zhejiang Province China since 2003

    www.elbeautyhouse.com
  • 免费发布信息网站大全_大中国商业信息网免费发布信息网站大全_大中国商业信息网

    大中国商业信息网免费发布不限制条数,大中国商业信息网是一个可以免费发布分类信息的B2B平台。可免费发布您的产品信息!便捷免费的B2B供求信息发布平台

    www.greatcnb2b.com
  • 免费发布信息网站大全_大中华电子商务网免费发布信息网站大全_大中华电子商务网

    大中华电子商务网免费发布不限制条数,大中华电子商务网是一个可以免费发布分类信息的B2B平台。可免费发布您的产品信息!便捷免费的B2B供求信息发布平台

    www.greatercnb2b.com