如果您现在像大多数读者一样，您可能会跳过此介绍并跳转到主要内容。一旦进入理论，您很可能不会逐字阅读内容。相反，你会注意标题，决定你是对整个段落感兴趣还是想跳过它。
互联网已经训练我们减少对大量信息和浏览页面的关注。我们更有可能阅读一篇简短的社交媒体帖子，而不是深入研究一篇文章。这对作家和设计师来说是一个新的挑战。现在他们的任务是通过使文本看起来有吸引力和吸引人来鼓励用户阅读文本。
较大的副本，尤其是理论和学术文本，需要更多的注意力、时间和精力。这就是为什么让文本内容不那么令人生畏和易于扫描如此重要的原因。字体比例系统、重量、颜色和间距等排版工具可帮助用户建立稳固的视觉层次结构。反过来，它将帮助用户浏览页面，找到他们正在寻找的内容，并决定每条给定的信息是否会为他们提供价值。
文章
文章是指关于特定的、通常是非虚构主题的独立文章。您会在数字和印刷报纸、杂志、博客或其他书面出版物中遇到它们。
署名是文章的一个显着部分，通常位于标题和正文之间。它提供作者的姓名，有时还提供他们的传记信息。署名被视为辅助文本，应小于正文。
一篇文章的第一句话应该抓住用户的注意力，让他们对内容进行投资。这对于由于时间不足或使用小屏幕设备而导致注意力特别短的数字读者来说更为重要。
在 HTML 中，必须使用<article>标签来格式化文章。该标签将文章指定为可以在其他网站上共享和重复使用的独立、自包含的部分。它通常包括标题（<h1><h6>元素）作为子项以促进视觉层次结构。为了提高文章的可浏览性，请记住将文本分成易于理解的段落并注意垂直和水平节奏（也称为间距）。
章节
章节呈现较大文本的独立片段，例如手册、书籍或其他书面出版物。它们通常有标题和编号的页面，可能包括题词或介绍性引文。与文章相比，章节没有署名，通常更大、更详细。
通常，章节列在目录中以简化整本书的导航，并且可能有更小的细分，称为部分。
一章的标题应该小于一本书的主标题。
部分
一个部分是一个章节的细分，它与其他部分分开，有一个休息点。它通常表示故事中出现了新的转折——时间、地点、视角人物、情绪、语气、情感和/或节奏的变化。部分之间有额外的空间以提高可读性，因为它们并不总是有标题或订单号。
但是，如果您将部分放在标题下，请确保它的排名低于文档的标题 ( <h1>) 和章节的子标题 ( <h2>)。
没有副标题的部分
设计师并不总是倾向于将副标题用于单独的部分。空格分隔符可以伴随一个星号（正确的⁂或手动 * * *）、首字下沉、水平线、花尾 (❦)、节符号 (§) 或其他装饰性符号，以在视觉上强调一个部分。
令人惊讶的是，这种装饰性符号没有明确的术语。它们被称为dinkus、 空格分隔符、 段落分隔符、 段落分隔符、 水平分隔符、 思想中断，或作为 花丝 或 蓬勃发展的实例。
表
用户 在处理定价计划、财务报表、航班时刻表、功能比较、技术规格或以列和行的形式呈现的其他类型的文本和数字数据时会遇到表格。有些表需要逐行读取，而有些则需要垂直扫描。
理想情况下，用户应该能够从其正常位置舒适地阅读和解释表格，而无需更改其旋转或无休止地滚动。
那么是什么让表格具有可读性呢？
不要设置固定宽度
表格列应自动适应内容的宽度。否则，一些列会显得太空，而另一些列会压缩数据，使表格难以阅读。
避免使用过多的填充和边框
任何表格的核心焦点都是呈现数据。摆脱所有仅用于装饰目的、分散用户注意力或使他们更难比较或解释信息的东西，例如斑马条纹、色调、填充和斜体。
应用适当的对齐
良好的对齐和空白可以为表格设置一个很好的舞台。有时，这绰绰有余。经验法则是左对齐文本、右对齐数字以及将列标题与数据对齐。
使用表格数字
占据相同宽度的数字可以更轻松地扫描成列垂直对齐的数十、数百和数千。这些被称为 表格数字，它们通常出现在等宽字体中。但是，许多 比例字体 都有一组额外的等宽图形，因此您无需花费额外的精力来组合字体。
常见问题
根据Nielsen 的启发式方法，每个产品都应该为陷入困境且无法在没有帮助的情况下解决问题的用户提供帮助和文档。[8]
FAQ （常见问题）是指列出用户在论坛、支持聊天或社交媒体上提出的有关产品、其功能、设置过程、付款、订阅问题和其他信息的最常见问题的页面。应定期更新有用的常见问题解答页面以满足用户的需求。
什么有助于 FAQ 页面的可扫描性和可读性？
• 使用相关主题的组和类别，
• 使用每个类别的子标题，
• 首先提出最相关的问题，
• 提供相关文章或教程的链接以获得更大的答案，
• 将信息分块的折叠面版,
• 适当地设置链接样式，使它们看起来像链接。
有效的常见问题页面可以通过自然搜索吸引新访问者访问您的网站，并将他们引导至相关内容。
产品描述
产品描述 通常在电子商务产品页面上找到，包括关于产品特性、外观、应用、价格和其他基本方面的简明信息。由于人们无法触摸或试用产品，并且使用支持聊天询问详细信息需要时间和精力，因此产品描述应该全面且非常有用。
产品描述不是营销绒毛的地方——只包括帮助用户比较产品和做出购买决定的事实。将信息分成几类，确保每个方面都有标题和足够的间距：
• 产品名称，
• 价格，
• 如何使用它，
• 它看起来如何，
• 它能做什么，
• 评分。
使用字体粗细、颜色和大小来建立视觉层次结构并帮助用户浏览描述并找到他们正在寻找的内容。
图片应包含在内，且不得与产品描述相矛盾。
注释
随着社交媒体和远程通信的发展，评论、回复和提及已成为任何帖子的重要组成部分。他们通过允许用户分享他们的想法并参与讨论来工作。
有两种类型的评论系统：
平面视图
平面视图按时间顺序将评论显示为单个列表，用户无法直接回复其他评论。
螺纹（或嵌套）视图
用户可以回复特定评论，他们的回复会在原始评论下方缩进显示。当线程太长时，它通常会隐藏在“显示回复/隐藏回复”链接后面。线程视图允许设计人员节省空间并防止用户被无休止的评论页面所淹没。大量评论下的“显示更多/显示更少”链接也使评论部分更易于浏览。
此外，字体粗细、大小和颜色更改有助于建立视觉层次结构，允许用户更有效地浏览评论，并清楚地区分主要元素（如用户名）和不太重要的元素（如日期）。
使用颜色和字体粗细来表示用户的提及。
图表
条形图、折线图、饼图、圆环图——无论它们看起来如何，它们的主要目标都是有效地呈现数据。所有图表都以用户无需浪费时间弄清楚其含义的方式提供一组数字或定量数据。
与大块文本一样，图表包含以更易于理解的形式呈现的大量信息。标题 是图表中最重要的部分之一。它通常位于主图形上方，并提供图形主题的简明描述。
图表的每个指示位置通常都有一个 标识该值的标签。使用垂直或对角文本标签可能很诱人，但会降低可读性。水平定向标签，就像处理大多数其他文本一样。
当图表中的数据很复杂时，通常会有一个 图例 ——图表上所有变量的列表和代表每个变量的符号。对您来说显而易见的事情对您的用户来说可能并不那么明显。此外，提供图表描述并在表格中复制图表数据可以帮助用户理解数据并增强可访问性。
通过将文本放在后座来建立图表的视觉层次结构——这通过扮演辅助角色来补充和澄清视觉效果。
以上内容为转载
网友评论