服务热线:400-0033-166
万商云集 - 企业数字化选用平台

企业首选的

数字选用平台

字体优化,影响读者的情绪。

2021-01-11 10:02:13 阅读(166 评论(0)

网站管理员越来越愿意在用户体验上努力工作,但改善用户体验并不容易,需要大量的研究、分析和实验。最近我们发现了一篇很好的文章,希望能和广大站长分享。本文由一位互联网交互设计师翻译。原作者在博客上测试了不同字体大小对用户点击行为的影响。有些结果与作者的预测一致,有些则出乎意料。虽然国内外互联网环境不同,原文中的结论并不完全适用于国内网站,但站长可以从文章中的想法和实验方法中学习。多年前,麻省理工学院的研究人员证实,字体影响了我们的感受:糟糕的字体让人们无意识地厌恶,好的字体让我们感到快乐。如果字体会影响我们的情绪,它也会影响用户体验。几周前,我决定探索字体对用户体验的影响。在开始详细介绍我的测试之前,解释为什么字体对用户阅读有如此大的影响。字体以两种方式影响读者的情绪。首先,我们自然会赋予某些字体和字体形式一定的内涵。例如,我们对周围事物的看法往往受到认知偏差和成长文化的影响。例如,在美国,无衬线字体常用于政府文本,而在英国,无衬线字体常用于小报。由于文章字体的变化,用户感受到的信息往往会发生变化。以下是我们博客的两张截图。同一篇文章讲述了如何用Wordpress建立网站,但使用了两种不同的字体。可以注意到,由于字体的使用不同,相同的内容传递不同的信息。Thesite`snormalfonts:ComicSansfont:第二个Comicsans字体看起来远不如第一个可信和专业。这不是由字母的线条、间距或其他特征引起的,而是ComicSans字体与孩子气有关。事实上,有些字体本身比其他字体更具可读性。假如我们的眼睛和大脑在阅读一段文字时负荷越大,那么我们对字体的感觉就越差。衬线字体最早用于印刷,因为衬线有助于眼睛更快地区分字母。当计算机第一次出现时,分辨率仍然很低,衬线字体必须用矢量创建,而矢量不能很好地显示在早期的低分辨率屏幕上。这使得早期的设计师默认使用位图创建的无衬线字体。在过去的几十年里,屏幕分辨率不断发展。如今近距离也很难看到屏幕上的像素,像Georgia这样的衬线字体也越来越流行。在字体测试开始之前,我最想知道:哪种字体最适合我的网站?在我的一篇文章中,我测试了三种字体的对比:Georgia、Arial、Verdana。结合页面跳失率、页面停留时间等行为,对每个字体的表现进行评估。以下是测试字体的文章片段,您可以预测这3个字体的测试结果。Georgiaarialverdana我预测Georgia字体最适合我的网站,因为它具有很强的可读性。Verdana最不适合我的网站。 和我预测的一样,Georgia确实是最适合我的网站,但Verdana字体并不是最差的。使用Verdana字体时,文章的点击量比使用Arial字体时多29.1%。同时,使用Geogia字体时,平均页面停留时间更长,这表明用户阅读文章的内容更多。这一点已通过热图得到证实。在确认Geogia最适合我们的网页后,我们也想知道,几号字体最适合用户阅读。我觉得字号越大,可读性越强。(嗯,我又预测错了)首先,我测试了14px、15px、16px这组字号。使用上述相同的方法对网站进行测试,结果表明,14px字体最适合阅读。PS:每增加一个像素,行距也相应增加一个像素。这个结果让我很惊讶。我之前读过的相关研究告诉我,更大的字体可以吸引用户在阅读文章时的注意力。而且很多可读性高的网站都使用了20px以上的字号。为了二次确认我的测试结果,我测试了另一组名称:10px、14px、18px、21px。这个实验让我知道,无论什么样的实验是分组测试,结果都会告诉你:对某些人有效的事情可能不会对其他人有效。14px字体可能是我们博客使用的字体或发表的文章的好选择。在测试了字体优化的魅力之后,我们网站的用户体验有多大的提升?自从我们整个网站使用14pxGeorgia字体以来,我们网站的平均跳失率(BounceRate)优化从88.0%下降到80.9%,7.1%。每个页面的平均访问量从1.21增加到1.43,18.18%优化;页面的平均停留时间增加了10分钟。所有这些都是分组测试(也叫A/B测试)得出的,不是我个人的看法。使用VWO或Optimizely等分组测试工具,可以检测出哪种字体最适合你的读者,哪种方案更合适。

内容来源:网络,以上内容来源于网络,不代表本站观点,如有侵权,请联系删除。

推荐阅读

“女首富”是靠实力赢来的:15岁辍学8年厂妹,如今身家660亿!

拼搏奋斗30余年,如今掌管千亿科技帝国。周群飞向每一个人证明,“女首富”的称号是靠实力赢来的。2015年,当蓝思科技上市敲钟,周群飞身价猛涨,恰逢中国股市迎来牛市,蓝思科技股价最高时,周群飞的身价接近900亿,一度成为中国女首富。《纽约时报…查看详情

若商标注册不通过是这3个原因之一,可采取4个解决办法

商标注册的重要性与日俱增,毕竟商标注册是公司开展业务的“通行证”,为了求得这张通行证,企业之间的“争抢”可谓十分激烈,于是越来越商标注册不通过的情况发生。那么,当我们遇到商标注册不通过的时候应该怎么办呢?图片来源于网络 商标注册不通过,通常…查看详情

html怎么设置超链接字体颜色

html中h标签的字体设置是通过css的font-family属性值设置,font-family规定元素的字体系列,font-famil可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,fo…查看详情

免费建站系统哪个好 好用免费的建站系统推荐

  对于中小企业或者个人,不想做网络宣传营销,首先考虑的是建立一个网站,但是奈何考虑成本,不妨自主建站,利用网络的现成工具,下面万商云集小编给大家来介绍一下免费建站系统哪个好 好用免费的建站系统推荐这方面的内容,希望能帮助到大家解决建站的相…查看详情

facebook是什么意思

Facebook是什么中文意思?脸谱-美国社交网站-facebookFacebook是美国的一个社交网络服务网站,于2004年2月4日上线,于2012年3月6日发布Windows版的桌面聊天软件FacebookMessenger(飞书信)。…查看详情

超好用虚拟定位软件,方便至极

如今,网上有许多交友软件,一些朋友和网络上不认识的人聊天,感情聊到一定地步对方想知道你的详细位置,为了安全起见,我们就会互相发送假地址。目前网上也有许多虚拟定位软件。今日小编为大家整理了几款不错的虚拟定位软件,有兴趣的朋友一起来看看吧。【神…查看详情

SCRM营销能给传统中小企业带来什么?

传统CRM客户关系管理系统可以帮助企业提高与客户的沟通体验,随着技术和潮流的发展,传统CRM走向移动端,再走向社交领域,升华为SCRM,成为如今CRM市场的热门产品。而SCRM营销也渐渐席卷各行各业的销售市场,不同于CRM,通过SCRM营销…查看详情

一周商标热闻:华为鸿蒙争夺失败;货拉拉夺回“货拉拉”

过去一周,国内行业巨头,因为商标之争,有人欢喜有人愁,涉及华为、小米、货拉拉等,先睹为快! 华为败诉!鸿蒙商标被“抢注”,新系统或被迫改名根据媒体报道显示,华为科技有限公司向国家知识产权局提交的“鸿蒙系统”商标注册申请被驳回,至于原因,是由…查看详情

写日记的软件有哪些 免费好用的写日记的软件

每个人的爱好都不相同,有些人的爱好是从小就形成的,有些人的爱好则是长大才有的,那么,有的人喜欢每天写日记,把每天发生的事情都记录下来,这样的话,给以后留个纪念,写日记的软件有哪些? 1、《每日日记》 这是一款简洁但是非常专业…查看详情

erp仓库管理软件是什么?为什么要使用?

在如今这个激烈的市场竞争环境下,企业要通过改变内部的管理来使企业的运作模式更加合理,使企业实现精细化的管理。本文就来介绍一下erp仓库管理软件是什么,企业为什么要使用它。 erp仓库管理软件是什么? ERP是一个高度集成的系统,集成也是ER…查看详情

第23类商标注册:了解大类、小群组、更详细的小项

注册商标其中一重要事项是准确对注册商标进行类别选择。在此之前,就需要保证商标注册人知晓各商标类别是什么,如第23类商标注册内容是纺织用纱和线,第25类为服装等。图片来源于网络 商标分类表中,具体的第23类商标注册内容为:1.纺织用玻璃纤维线…查看详情

长三角地区首条跨境电商中欧列车开通

在2019年10月9日上午9点半,我国长三角区域的第一条跨境电商中欧列车正式开通,该条铁路线的开通标志着我国又增添一条跨境电商的运输线,将再次促进我国跨进电商的发展。我们了解到,该班跨境电商中欧列车是由义新欧贸易服务集团、菜鸟网络等企业共同…查看详情

小程序平台有哪些用处呢?这些好处不能不知道

随着使用微信的人们越来越多,现在的微信小程序更是拥有着绝佳的推广力,也让不少中小规模的实体店看到了希望的曙光,因为利用这样的小程序平台,的确能够实现利益最大化,那么到底小程序平台有哪些用处呢?这些好处不能不知道,一起来了解吧。 …查看详情

网站建设哪家好,怎么选择建站公司?

企业如果想要做一个网站的话,没有相关的技术人员就涉及到了选择建站公司的问题,而目前各种规模的建站公司非常多,其中在技术方面也会有一定的差异,甚至有些公司是不靠谱的,因此需要慎重的选择,那么网站建设哪家好呢?怎么选择建站公司呢?一…查看详情

php工程师是干什么的

php开发工程师工作内容?负责公司相关项目的后台开发、维护与迭代。 维护平台,保持平台的可用性和稳定性。 及时反馈需求和技术上的问题。 PHP技术人才,正迎合了互联网的发展趋势;PHP作为非常优秀的、简便的Web开发语言,和Linux…查看详情

最新文章