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

企业首选的

数字选用平台

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

2021-01-11 10:02:13 阅读(160 评论(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等分组测试工具,可以检测出哪种字体最适合你的读者,哪种方案更合适。

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

推荐阅读

网站最怕置于一旁不更新,网站维护与运营才能被用户看到

建设网站不是完成就放置一旁,等用户自己来、自己看、自己买,或是每天发发文章,保证网站能打开就行。网站维护与运营在很多时候比网站建设还要重要,但它却总是容易被忽略掉。 图片来源于网络 网站维护与运营,是定期或不定期更新内容,不断吸引更多地用户…查看详情

怎样学好c语言

如何学习C语言?1、课前预习,课后复习,认真做课堂、课后的作业,理解理论知识。 2、记住语法规则。 3、加强逻辑思维。 4、多动手,通过练习上机了解它的运行过程。 5、实践—>理论—>再实践,刚开始学习C语言时,按示例练习,并推动理…查看详情

这三款订货系统软件货源齐全,你想要都能找到

对于超市和便利店来说,当她们的库存没有多少之后,就会再次进货,那么,进货的渠道有很多,现在又是网络的时代,因此,大多数人会选择从网上进货,这样比较方便,那么,订货系统软件有哪些? 1、新商盟订货系统 是中烟新商盟公布的电脑网…查看详情

好看的欧美校园电影有哪些 欧美校园电影排行榜

  现在也有很多的欧美经典电视剧值得大家观看,再者在这一类的欧美电影中还有校园电影这一类的题材,下面小编就给大家来详细介绍一下好看的欧美校园电影有哪些 欧美校园电影排行榜这一块的相关内容。希望大家喜欢下面推荐的这类电影。  欧美校园电影…查看详情

excel如何建立数据库

excel数据库的建立步骤?1、打开access 2、点击空白数据库 3、命名你的数据库 4、点击外部数据 5、点击数据来源 6、点击文档 7、点击excel 8、选择你的表格,完成就可以了EXcel创建数据库攻略?在数据处理…查看详情

怎么写出吸睛的服装店铺介绍?看看这篇文章

随着互联网和电子商务的发展,各个网络平台上的服装店铺也越来越多。随之而来的问题就是要打造店铺形象,那么服装店铺介绍就是其中很重要的一环。下面小编就来给大家整理一些关于服装店铺介绍如何来写的内容。 首先看你的服装店铺最主要是卖什么的,根据你店…查看详情

vcf是什么格式的文件

vcf是什么格式?VCF格式,该文件格式是WINDOWS视窗系统"通讯薄"用户的存储格式。 您可以点击"开始-所有程序-附件-通讯薄"将所有VCF文件导入其中,或者直接拖拽到OutlookExpress通讯薄中。再把OutlookEx…查看详情

ai全自动剪辑软件,再也不必苦恼剪不出精美的视频

随着人民生活水平的不断提高,娱乐产业发展较为迅速,各种短视频平台也如雨后春笋般涌现,ai视频剪辑领域竞争压力逐渐增大。但是也不必苦恼如何剪辑出精美的视频,就让我来告诉你ai全自动剪辑软件有哪些:1.必剪必剪是一款很多人都在用的视频剪辑软件,…查看详情

htmlcss网页设计

怎么动态创建.html文件?以最简单的新闻网页为例,先是做一个模板页,假定其中3个地方要动态更换的:标题,内容,日期,哪么模板中这3个地方都要用特殊的名称表示。 要生成html页时,先读入html模板页,再查询数据库,把查询到标题,内容,…查看详情

获取商标注册情况:自行处理或代理,网上或大厅操作

商标注册前要获取的商标注册情况是,是否有和已注册商标相似或相同;商标注册中要获取的商标注册情况是它的状态,目前审核所处阶段;商标注册后要获取的商标注册情况是,商标注册信息,包括注册人、注册号、申请时间等。目前获取以上三种情况,可自行或代理查…查看详情

2021WMS仓库系统软件权威排名

WMS软件排名是怎样的?WMS系统能帮助企业实现智能化仓库管理,所有数据自动采集并更新到系统中,从而记录每一环节的数据和信息,从货品验收入库开始到出库发货整个环节流程,环环紧扣,形成完成追溯链条。所以今天给大家介绍2021WMS仓库系统软件…查看详情

模拟定位软件哪个好用呢?

需求都是不断产生的,随着互联网的发展,很多人可能会在生活中需要用到模拟定位,这就需要一些手机模拟定位软件啦,但是很多人可能并不了解,以下是我给大家推荐的模拟定位软件。 1.神行者 是针对Android平台而开发的一款安卓虚拟…查看详情

网络推广哪里好?传播广泛、用户精准、数据反馈

网络推广是通过各种免费或付费渠道将商品或服务展示给他人的一种推广方式,要说网络推广哪里好,可用六个字概括:小投入大回报。企业可以利用互联网大范围地进行宣传推广,而从中获取利益。 图片来源于网络 网络推广哪里好?企业为什么要做网络推广?其实我…查看详情

电脑系统有哪些 常用电脑系统盘点

  目前的PC系统主要可以分为五类:Windows系统,NetWare系统,Linux系统和Mac OS系统,可能很多人接触比较多的就是Windows系统,下面小编就给大家来详细介绍一下电脑系统有哪些 常用电脑系统盘点这一块的内容,希望能…查看详情

免费的杀毒软件有哪些 好用免费的杀毒软件推荐

  信息安全是信息技术市场里面最有活力的部分,过去反病毒软件曾经是市场投资者的首选。很多人习惯性觉得互联网充斥着众多病毒,需要一道强有力的屏障以保安全。下面万商云集小编就给大家来推荐一下免费的杀毒软件有哪些 好用免费的杀毒软件推荐这方面的内…查看详情

最新文章