bts防弹少年团演唱会

bts防弹少年团演唱会

排版对用户体验和转换的影响

《排版对用户体验和转换的影响》

“排版是一个故事的细节和表现。 它代表了一种氛围的声音,或某种历史背景。 它可以做很多事情。“ Cyrus” highsmith>

我们只有少数工具可以在线进行交流。 单词,图像,颜色和构图是常见的嫌疑 – 但它们正在为制作有效的网站%E7%99%BB%E9%99%86%E9%A1%B5%E9%9D%A2%E8%80%8C%E5%A4%A7%E8%82%86%E6%8C%A5%E9%9C%8D“>

Inside” paragraphs>作者Cyrus Highsmith说,字体代表了大气或历史背景的声音,这是非常正确的,但我想补充一点。

排版是肢体语言。

这是%E7%AC%AC%E4%B8%80%E5%8D%B0%E8%B1%A1“>

相信我:

《排版对用户体验和转换的影响》图像源

用户阅读量有多少?

在我们了解排版对行为和感知的影响之前,让我们先来看看为什么这很重要。

早在2008年,研究人员Harald WeinreichJakob” nielson>发表了一项研究,测量了来自25个不同用户的45,237页浏览量 ,并发现 – 在被分析的人中 – 大多数人会在页面的中间滚动以获得更长的内容并且只花了足够的时间在页面上阅读不到20%的文字。

《排版对用户体验和转换的影响》

这些发现非常一致,他们计算了一个公式,该公式描述了用户在200到1250字数范围内阅读文章的文本数量。

正如您在图表中看到的那样,随着字数的增加,人们阅读的百分比不仅会减少,而且会在中途变得更加不稳定。

“在完整数据集中,平均页面视图包含593个单词。 因此,平均而言, 如果用户将所有时间用于阅读,他们将有时间阅读28%的单词。 更现实的是,用户将阅读平均页面上大约20%的文本 。“

how” users interact with articles on slate.com> and the results were surprisingly similar. 2013年10月,Chartbeat的Josh Schwartz研究 %E4%BA%86%E7%94%A8%E6%88%B7%E5%A6%82%E4%BD%95%E4%B8%8ESlate.com%E4%B8%8A%E7%9A%84%E6%96%87%E7%AB%A0%E8%BF%9B%E8%A1%8C%E4%BA%92%E5%8A%A8%EF%BC%8C%E7%BB%93%E6%9E%9C%E4%BB%A4%E4%BA%BA%E6%83%8A%E8%AE%B6%E5%9C%B0%E7%9B%B8%E4%BC%BC%E3%80%82“>

人们无法专注于超过50%的标记。 根据数据,你写的越多,停止阅读的人就越多。 《排版对用户体验和转换的影响》

图像源

等等,这是否意味着你应该创建更短的内容? 不。

%E5%88%86%E6%9E%90Moz.com%E4%B8%8A%E6%89%80%E6%9C%89%E9%93%BE%E6%8E%A5%E6%9C%80%E5%A4%9A%E7%9A%84%E5%86%85%E5%AE%B9%E6%97%B6” henry>发现链接最多的内容似乎也有更高的字数。

《排版对用户体验和转换的影响》

没有办法确切知道,但似乎最后20%的访问者也可能是更愿意提供这些较长内容链接的人。

当然 ,现在所有垂直领域都不一致。

但是,如果您的网站使用博客提供深度可操作的信息(如Unbounce” for saas style> ),那么长篇内容绝对值得考虑。

我也会在这里发表意见,并建议这种链接行为也可能反映出原因 – 对于需要考虑很多的高接触点产品 – 较长的页面往往表现更好。 (我可能错了, 你应该一直在测试

这让我想到了下一点。

如果你的书面内容是长篇的,你最好确定它的可读性和赏心悦目。

排版对可读性和理解力的影响

在我们进入最易读的字体辩论之前,我希望您首先理解,有三件事比您选择的特定字体更重要。

  • 大小类型
  • 行间距
  • 读者的年龄

各种研究表明:

1.)小字体和低对比度是网络用户的第一号投诉,因为它与在线阅读有关。 (尼尔森)

2.)由于衰老的影响,在40岁时,只有一半的光线照射到你的视网膜,就像在20岁时一样。当你60岁时,它只有20%左右。 ( 见:老花眼)也有3/4的美国人使用矫正镜片(Statistic brain)

3.)所有读者 – 尤其是低视力读者 – 在行间距设置为1.5时(阅读心理学)经历了更好的阅读速度和理解力

现在这是它开始变得棘手的地方。

在D Bnonn Tennet的精彩文章中,“ %E8%BA%AB%E4%BD%93%E5%A4%8D%E5%88%B6%E7%9A%8416%E4%B8%AA%E5%83%8F%E7%B4%A0%EF%BC%8C%E5%85%B6%E4%BB%96%E4%BB%BB%E4%BD%95%E4%B8%9C%E8%A5%BF%E9%83%BD%E6%98%AF%E4%B8%80%E4%B8%AA%E6%88%90%E6%9C%AC%E9%94%99%E8%AF%AF“>

《排版对用户体验和转换的影响》

他的中心论点是,当您考虑到屏幕的距离时,16px字体看起来与打印文本的大小相同,通常更接近您的脸部。

《排版对用户体验和转换的影响》

D Bonn认为更大字体更容易阅读的论点与Payame” noor> %E7%A0%94%E7%A9%B6%E7%BB%93%E6%9E%9C%E4%BB%A5%E5%8F%8AIBM” google>这表明随着类型的增加,读者的阅读速度也会略快一些 – 但是两项研究也得出结论,结果无统计学意义。

有趣的是,尽管阅读速度或理解力并未被认为是显着的,但%E5%8F%A6%E4%B8%80%E9%A1%B9%E7%A0%94%E7%A9%B6%E8%A1%A8%E6%98%8E%EF%BC%8C%E8%BE%83%E5%A4%A7%E7%9A%84%E5%AD%97%E4%BD%93%E5%A4%A7%E5%B0%8F%E7%A1%AE%E5%AE%9E%E8%83%BD%E5%A4%9F%E5%BC%95%E5%8F%91%E6%9B%B4%E5%BC%BA%E7%83%88%E7%9A%84%E6%83%85%E6%84%9F%E8%81%94%E7%B3%BB%E3%80%82″>

考虑到Neilson可用性研究中的#1投诉是小字体,并且42%EF%BC%85%E7%9A%84%E7%BE%8E%E5%9B%BD%E4%BA%BA%E8%BF%91%E8%A7%86“>

John Paul Mains %E5%88%86%E4%BA%AB%E4%BA%86%E4%B8%80%E4%B8%AA%E5%AE%A2%E6%88%B7%E7%9A%84%E7%BB%93%E6%9E%9C%EF%BC%8C%E4%BB%96%E4%BB%AC%E5%9C%A8%E5%B0%86%E5%AD%97%E4%BD%93%E5%A4%A7%E5%B0%8F%E4%BB%8E10px”>

《排版对用户体验和转换的影响》

排名执行官还报告说,在调整排版后,现场时间更长,跳出率更低。

Serifs vs Sans-Serifs(我们必须坚持传统吗? – 不)

没有确凿的证据表明任何一种支持哪种类型的字体更适合屏幕,这也许就是设计社区分裂的原因。

例如,在Google / IBM的研究中,他们发现Serif字体格鲁吉亚的读取速度比无衬线的Helvetica快7.9%,但这并不是一个统计上显着的边际。 他们还发现了衬线与否,这种风格对理解几乎没有影响。

as having better performance using fonts with serif , even though they scored higher in reading speed & comprehension when reading san serif fonts.然而,在%E9%98%85%E8%AF%BB%E5%BF%83%E7%90%86%E7%89%A9%E7%90%86%E5%AD%A6%E7%A0%94%E7%A9%B6%E4%B8%AD%EF%BC%8C”>参与者认为自己使用带有衬线的字体具有更好的表现 , 尽管他们在阅读san serif字体时的阅读速度和理解能力得分更高。 有趣。

这种自我认知(结合更高的屏幕分辨率使衬线更可行),这就是为什么50%E4%B8%AA%E4%B8%BB%E8%A6%81%E7%BD%91%E7%AB%99%E4%BC%BC%E4%B9%8E%E5%9C%A82009%E5%B9%B4%E5%88%9D%E5%88%B02013%E5%B9%B4%E5%BA%95%E4%B9%8B%E9%97%B4

《排版对用户体验和转换的影响》

《排版对用户体验和转换的影响》
不要让图表中的相似性让您感到困惑。 此图中的蓝色表示使用衬线字体的网站。 与2009年使用sans的网站几乎相同。

图像源

在迈克尔·马丁在Smashing杂志上的这项研究中 ,他仔细分析了50个顶级网站的排版模式,从波士顿环球报和金融时报到A List Apart&UX Booth。

他发现的东西非常不可思议。

例如,尽管serif字体占据了身体副本的大部分份额,但现在Serif和Sans Serif标题之间几乎是分开的。

《排版对用户体验和转换的影响》

更令人惊讶的是,尽管Georgia&Arial仍然是广泛使用的字体,但绝大多数字体配对都超出了传统的选择范围。

《排版对用户体验和转换的影响》

相比之下,仅在几年前的2009年,它主要是运行网络的“传统”字体。

《排版对用户体验和转换的影响》

迈克尔假设这种向“他人”的转变是由于TypekitGoogle Fonts等Font交付服务的增长,这些服务允许在浏览器中呈现更多字体选择。

更多的字体选择意味着更多的个性,表现力和创造力 ,这让我回到文章的原始点,你的字体是肢体语言。 这有助于创造对销售过程至关重要的情感联系

如果有的话,这个论点的中间地带已经发展成一个说明你应该专注于学习更好地将serif和sans serif字体配对在一起以实现最大可读性并为你的文字培养强烈的“性格”感。

《排版对用户体验和转换的影响》

图像源

为此,我强烈建议您阅读Douglas Bonneville的“ 结合字体的最佳实践 ”和Simon Pascal Klein更具技术性的“ 在网络上实现良好的可读性和可读性”。

《排版对用户体验和转换的影响》

如果你想开始使用,这里列出了20种不同的字体配对 ,这些字体配对在电脑屏幕上可以很好地协同工作。

另外,当你正在配对你的字体时,请确保你真的想要找到一些可读的东西我建议你查看字体设计师Jessica” hische> I:1测试,它要求你把字母“我”旁边的数字“1”,看看你是否可以确定差异。

《排版对用户体验和转换的影响》

排版会影响我们的判断吗?

是。

在纽约时报网站上的一篇题为“ 你是乐观主义者还是悲观主义者? “Errol Morris希望看到人们在被问及他们在灾难性事件中的安全感时会如何回应 – 超过45,000名参与者回应。

读者被问及他们是否同意声明以及声明的程度。 《排版对用户体验和转换的影响》

测验背后的真正议程是确定测试对象是否会根据字体的选择找到更可信的陈述。

使用的字体是Georgia,Helvetica,Trebuchet,Comic Sans,Baskerville和Computer Modern。

《排版对用户体验和转换的影响》

结果是什么?

巴斯克维尔 – %E8%AE%BE%E8%AE%A1%E4%BA%8E1754%E5%B9%B4“>

“它很小,但它的差异大约为1%到2% – 确切地说是1.5%,这看起来很小但对我来说却相当大。 您正在不受控制的环境中收集这些数据,以确定任何差异都令人印象深刻。 许多在线营销人员会因为点击次数增加或点击次数增加而导致销售额下降2%的优势

《排版对用户体验和转换的影响》《排版对用户体验和转换的影响》

%E5%9C%A8%E9%BA%BB%E7%9C%81%E7%90%86%E5%B7%A5%E5%AD%A6%E9%99%A2%E5%BF%83%E7%90%86%E5%AD%A6%E5%AE%B6%E7%9A%84

因此,20名志愿者 – 一半男性,一半女性 – 分成两组,并要求每个小组评估“纽约客”的版本。

《排版对用户体验和转换的影响》

研究人员发现,阅读设计糟糕的页面的观众受到了负面影响,表达了感觉不好,甚至还会皱眉。

虽然这看起来似乎是随意的,但与皱眉相关的肌肉与%E6%9D%8F%E4%BB%81%E6%A0%B8%E6%9C%89%E5%85%B3“>

换句话说,形成令人难忘的联想不仅仅是 讲述引人入胜的故事 ,或者是一个优化的着陆页 ,它还与您正在使用的字体的字符有关。

Ooomf%E7%9A%84” mikael cho>

普通类型: 《排版对用户体验和转换的影响》

改为影响:

《排版对用户体验和转换的影响》

此幻灯片还提供了大量额外的研究,以展示排版可能对观众的情绪状态产生的影响。

结论

这种情况的实际情况是,询问“最好的字体”是否会像“问什么颜色转化为最佳 ?”一样富有成效。

这一切都是主观的, 取决于你的目标市场 ,你讲述的故事以及你想要唤起的情感。 观看Smashing的50大研究表明,“其他”字体的使用越来越多,因为它们更能反映出品牌的特征和个性。

您需要问的问题是,您使用的字体是否准确反映了您?

这是一个难以回答的问题,但可以为您的客户带来全世界的不同。

推荐资源

有另一个伟大的排版资源? 为什么不在评论中分享呢?

H / T给George” matthew>中的一些研究。

相关文章

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注