细节很重要。短文本,如通知、按钮标签或错误消息,是任何设计的关键组成部分。就像指路明灯一样,它们帮助用户浏览产品并找到完成任务的最有效方式。
通常,UX 编写者、文案撰稿人,有时还有 UI 设计师应该遵循指导方针和规则来编写引人注目的简短花絮。例如,动词和祈使短语比形容词或名词更能描述动作。与被动语态相比,带有“你”或“我们”等人称代词的主动语态有助于与用户建立更持久的关系。
写得不好的文案不会与用户交流,也不能满足他们的需求。结果,该产品显得混乱和不清楚。但是,短文本的格式也很重要。它有助于建立稳固的视觉层次结构,并使用户更容易在系统中找到他们需要的东西。
标签
标签表示用户通常在按钮标签、菜单、标签、文本输入和其他面向操作的 UI 元素上遇到的短文本命令(2-4 个字)。他们的主要目标是明确任务并鼓励采取行动。这就是为什么标签应该简洁但信息丰富且直接的原因。不可否认,当涉及出现在不同位置以指示相同操作的标签时,一致性是关键。
最终,它们告诉用户该做什么,并且应该尽可能可见。确保遵守 WCAG 对标签的颜色对比度要求——正常大小的文本为 4.5:1,如果粗体则小于 18 pt 或 14 pt。
您可以通过将字体设置为粗体或半粗体来增加对比度
图像说明
图像说明 通常代表页面上最小的字体大小,并包括伴随视觉内容的简要说明。它们还可以包括对照片、图像、插图、图表等的作者或版权所有者的致谢。
在设计标题时,请坚持简单——黑色或灰色文本位于图像的侧面或下方。从可访问性的角度来看,斜体并不是视觉或认知障碍用户的最佳选择。相反,您可以尝试使用文本颜色和背景来增加视觉趣味。
标题应传达较低级别的重要性,并且比正文小 2-3 px。如果正文为 16 像素,则标题应为 13-14 像素。
微文案
微文案包括错误和成功消息、CTA、入职文案、占位符、空状态、加载消息、通知、工具提示和其他副本用户在数字界面中遇到的小花絮。
它的主要目标是引导、参与和提供提示,以便用户能够快速有效地完成任务。显微文案也是介绍品牌个性的绝佳工具。根据您希望用户在与您的产品交互时体验到的情绪,您可以调整声音和语气,使品牌显得友好、随意或沉着冷静。
在格式化方面,缩微副本应该是可见的并包含足够的视觉重量。毕竟,这一小块副本可以让用户采取行动。颜色、字体粗细和大小是您获得正确的显微文案视觉层次结构的首选工具
错误信息
当错误发生时,用户应该知道它。更重要的是,错误消息应该简洁明了,解释 错误 发生的原因以及用户应该如何尽快、轻松地修复它。 建议避免使用责备的语气或技术术语,而是使用简单的语言。
在错误消息中,形式与内容一样重要。错误消息应该是可见的,但这并不意味着红色是您应该依赖的唯一工具。利用字体大小或字体粗细等排版工具来创建层次结构,并将注意力吸引到解释错误并提供可见出路(主按钮)的文本元素上
号召性用语
号召性用语 (CTA) 是设计元素的营销术语,旨在吸引用户的注意力并鼓励他们采取所需的行动(注册、购买产品或服务、订阅时事通讯、预订演示等) . 设计师和营销人员经常使用该术语来描述 CTA 按钮,但它可以指 任何 触发操作的文本。
作为页面上最重要的元素之一,CTA 应该具有足够的视觉权重。使用标题并使用字体粗细和颜色来引起用户的轰动并获得他们的即时响应。
由于 CTA 按钮应在视觉上突出,因此最好将标签加粗以增加对比度并强调元素的重要性。
工具提示和提示文本
你可能认为一个好的设计不需要解释。然而,对设计师来说似乎很明显的东西对用户来说可能并不那么明显。为避免用户感到沮丧和放弃,您应该始终提供帮助和文档。或者更好的是,通过提供教程、说明性覆盖、模板、上下文帮助和 工具提示,在用户遇到问题之前防止错误。
工具提示是出现在鼠标或键盘悬停时的微小消息,用于提供有关页面上任何活动元素(图标、文本链接、按钮或其他组件)的一些额外信息。它们具有高度的上下文关联性和特定性,绝不应包含对完成任务至关重要的信息(应在其他地方更突出地显示)。
由于工具提示是类型系统中最小的文本,它们应该比正文文本小 2-3 px。确保将它们放置在对比鲜明的背景上,并避免不必要的样式(如斜体),以免影响易读性。
署名和元信息
署名是一条信息,提供作者姓名、出版日期,有时还提供编辑或其传记信息。它通常位于标题和正文之间或故事下方。您经常会在报纸和杂志上遇到署名。
署名很容易与“元数据”一词混淆,“元数据”指的是有关文档的信息。它可以包含作者姓名、创建日期以及文件大小和用于描述文档的关键字。与署名相反,此信息是不可见的,嵌入到 HTML 页面中,并有助于搜索引擎了解您网站的内容和上下文。
署名被视为辅助文本,应小于正文。确保通过明智地使用粗体或斜体来区分署名和内容。
以上内容为转载
网友评论