文本的可读性是改善网站、电子商务或博客文章用户体验的一个关键方面。我们、互联网页面的加载速度和其他实质性方面做了很多工作。当然,一切都非常重要。
但我们经常忘记这一点:内容的质量也取决于其可用性。文本难以阅读的结果?跳出率高,停留时间短。
总结:很少有转换。这似乎不可能,但事实就是如此,有时文本的可读性对于用户体验来说是一场灾难,而网站所有者则要为此付出经济代价。
因此,我们编写的内容以及用图像、视频和其他多媒体元素丰富的内容的可读性必须成为我们关注的中心。首先是定义介绍网站结构的各种线框阶段。然后,在创建模型和官方网页的过程中。但在用户体验方面优化可红性的细节是什么?
目录
消除网页中的文字墙
让我们从在线文本良好可读性的支柱之一开始:必须将内容划分为有意义的块。这对于消除称为文本墙的恼人效果非常有用。也就是说,一段给用户留下深刻印象、令他反感、在心理上禁止任何开始阅读的尝试的单词。出发点是:每个想法都必须包含在文本块中。
该块由几个句子组成。段落中的每个概念元素都由标题引入的一个或多个块组成。即,尊重网页层次结构的标题。这些保证在线文本良好可读性的规则有助于引导读者。
借助最新邮件数据库的行业电子邮件列表,您可以 行业电邮清单 直接向关键决策者推销您的产品或服务。我们准确而全面的列表可帮助您针对特定行业量身定制活动,确保更高的投资回报率和有意义的联系
必读:
创建金字塔内容结构
正如可用性之父雅各布·尼尔森(Jakob Nielsen)所说,在线用户不是阅读而是扫描。当然,许多思考都采用并改编了这段话,但有一个基本的事实。
我们必须立即引起公众的注意。首先,允许网页立即加 为什么电子邮件营销有效 载内容。但也可以通过在首屏上传达所需内容来:
- 明确主题是什么。
- 向搜索引擎建议主题。
- 定义继续阅读的好处。
可以使用有说服力的文案写作技巧——例如识别问题、提出问题并解决问题的 PAS——来提高引言的创造性。但我们必须始终关注介绍性总结。包含标题和副标题块可能是个好主意。
该解决方案对于立即提供所有信息非常重要且有用,正如新闻业的倒金字塔所暗示的那样:提供读者理解内容所需的信息。
添加粗体文本和项目符号点
两个简单的细节可以提高互联网上文本的可读性(但不仅仅是)。首先,您必须仅在需要的地方使用粗体,即在用户理解如何集中注意力所必需的单词上。
使用整块粗体文本是没有用的,更糟糕的是完全避免使用它。您必须 bj 列表 仔细衡量这一格式化元素,优先选择具有语义意义
此外,对于定义良好定义的序列的无序列表和编号列表,目符号列表是正确的。这有助于显着提高在线文本的可读性。
如何在线选择文字字体
就用户体验而言,文本的可读性会自动改变用于呈现文本的字体。第一点:从移动端思考。最重要的是,要满足观众的需求以及您提出的编辑项目的需求。互联网上最易读的字体是什么?
当然是普通的无衬线字体,例如 Arial 或 Verdana。也许是 Helvetica。无论如何,字体无需太多努力就能保持干净且易于理解。但是带有衬线的模型仍然可以很好地工作,重要的是选择不夸张的解决方案。最重要的是,它们尊重一些参数:
- 行距:行之间的距离(行距)。
- Kerning:字母之间的间距(kerning)。
- Tracking:文本字符之间的空格。
在这种混乱的元素中找到平衡点是正确的。术语之间的空格太多会使阅读变得累人,要解决这个问题通常只需要设置标志格式即可。原因?
很简单,这个解决方案可以让您消除单词之间混乱且不均匀的空白。对于字距调整和行距,考虑特定的表格是有用的,即使通常在最常用的标准主题中这些方面已经在上游定义。需要仔细评估什么?
字体大小一定要舒服。您必须考虑到阅读将主要在移动设备上进行,并且这些区域必须易于阅读、点击和突出显示。那么,最小尺寸是多少?根据 health.gov 的说法,16 像素是适合每个人都能阅读的连体衣的尺寸。
标题(标题)的选择和使用
提高文本可读性并对可用性以及搜索引擎优化做出决定性贡献的另一个基本方面涉及标题的使用。也就是说,标题可以帮助用户理解特定内容部分的主题是什么。这些元素的范围从 H1(即标题、网页的主标题、带有此标签的唯一内容)到 H6。
通过用这些标题划分文本并使用分层逻辑,您可以创建真正有利的阅读体验。但您必须遵守一些格式化标题的规则。
首先,标题不得用于赋予文本审美价值。如果您需要更大的字体,则需要使字体更大,而不是使用 H2 或 H3。如果你想加粗的话也可以。
然后,您必须使用此文本作为标题,而不是句子或段落:3 或 4 个单词就足够了
显然它们必须大于正文所用的字体。此外,假设最后一段和标题之间的间距大于标题和后续文本块之间的间距是正确的。这使我们能够了解标题属于文本的哪一部分。
文本可读性和对比度
确保文本可读性的最佳解决方案是什么?您必须以高对比度为目标,以便能够很好地理解各种元素。基本上,解决方案很明确:白底黑字总是有效的。如果您想处理细节,可以使用青铜色字体(因此为深灰色)和稍微脏兮兮的白色背景。这不会让眼睛疲劳。
真正的挑战:能够在图像上书写,同时始终保持清晰。足够的视觉效果非常适合吸引公众购买 – 或者在任何情况下引导用户进行转换 – 但如果您不提高视觉上文本的可读性,您的努力就有可能受挫。有什么建议吗?
- 使用具有大面积空白区域的图像作为背景。
- 不要写满细节的部分。
- 使用深色背景来创建对比度。
- 如有必要,模糊图像以创建背景。
- 更喜欢粗细一致的大字体。
- 避免使用小而浅的字体。
所有这些都有助于提高文本的可读性。最后提示:注重简单性。这不仅适用于选择背景和字体之间的对比度:为了使书写更有效,您必须删除它。