Skip to main content

文案

在界面中,我们需要通过对话的方式与用户产生共鸣。精准、清晰的语言会更容易让用户理解,合适的语气更容易让用户建立信任感。因此在界面设计时,文案也应当被重视。 在使用和书写文案时有以下几点需要注意:

  • 从用户角度出发
  • 表述一致
  • 重要的信息放在显著位置
  • 专业、精准、完整
  • 精简、友好、正面

语言#

在界面中,文案是我们与用户沟通的基础,语言文字的表述也需要精心推敲,仔细设计。清晰、准确、简洁的文案设计能够让界面拥有更好的可用性,同时让用户体验更加友好。

明确表述立足点#

正确示例

正确示例

错误示例

错误示例
侧重在「我们」为用户提供了什么,而不是以用户视角的关注点为中心。

在表述内容时,关注点应该是用户和他们能用你的产品做什么,而不是你和你的产品在为他们做什么,所以内容表述的立足点很重要。

既然以用户为中心,文案就应该尽量以用户为主体来写作。

注:当用户向后台反馈问题、提出建议或申诉时,使用「我们」是合理的语境,例如「我们将会审核你的申诉」。

精简语句#

正确示例

正确示例

错误示例

错误示例

省略无用词汇,不重复用户已知事实;在绝大多数交互场景下,都无需界面描述出全部的细节。

尽量提供简短、易于快速地获取内容。

使用用户熟悉的语言#

正确示例

正确示例

错误示例

错误示例

使用简单、直接、易于理解的词汇,让内容和指示更容易被用户接受和理解。

间接、暧昧模糊的说法,生僻和过于「文雅」的用词,会增加用户的认知负荷,所以应当尽量避免使 用这类用户无法识别的词汇。

表述一致#

正确示例

正确示例
备注信息使用同一描述词语。

错误示例

错误示例
同一区块中出现了两种描述词语「总数」和「总量」。

正确示例

正确示例
备注信息使用同一描述词语。

  • 描述同一个事物的词汇要保持统一;
  • 上下文的语法、语种、语序要保持统一;
  • 操作的名称和目标页面标题的名称保持一致。

重要的信息要放在显著的位置#

正确示例

正确示例
重要的信息要放在页面最显著的位置(或通过高亮、留白等方式突出重要信息)。

错误示例

错误示例
用户最关心的信息内容藏在段落中,不易搜寻。

让用户第一眼看到最重要的内容,不用到段落中寻找。

注:如考虑安全性问题时,隐私信息也可调整为「点击后可见」的方式。

完整、直接的阐述信息#

正确示例

正确示例
用户可以从中了解了填写家长本人手机号的重要性。

错误示例

错误示例
用户感受不到填写家长本人手机号的重要性,不会去按要求完成。

当我们希望用户进行一个操作时,要专注于用户能得到什么,以及用户的感受。在操作前引导告知用户操作的目的或重要性,能促进用户更愿意去执行。

正确示例

正确示例
相对于冰冷的「冲突」,给出的建议更容易让用户在心理上接受。用户需要知道在出现问题的情况下如何进行下一步操作。

错误示例

错误示例
对于异常情况不是冷冰冰告诉你「冲突」。

报错是 UI 中常见的功能,它同样是用户体验中不可小视的组成部分。当用户填写的内容出错的时候,你的报错信息应当符合用户的认知,用易于理解的方式表述出来。

用词精准完整#

正确示例

正确示例
完整的表达。

错误示例

错误示例
不完整,有歧义或过于口语化。

正确示例

正确示例

错误示例

错误示例

正确示例

正确示例
时间信息的表述精准完整。

错误示例

错误示例
时间信息的描述词不是具体的「日」、「月」,容易让用户产生困扰。

通用基本用词要规范,不要写错字,词语表达要完整。专业用语要精准,并是所属行业认可通用用词;时间的表述必须明确。

语气#

语言定义的是内容,而情绪和气氛更多的是通过语气来表达,并且同样的内容面对不同的用户我们可以使用不同的语气来表达;例如,我们对应专业的运维人员和小白用户应有不同的表达方式。

拉近彼此的距离#

正确示例

正确示例

错误示例

错误示例
建议不要使用「您」,太过客气,让用户感觉有些疏远。

直接使用「你」、「我」来和用户对话,与用户建立亲密感。避免使用「您」,让用户感觉太过疏远。

#

正确示例

正确示例

错误示例

错误示例
同时出现了称谓「我」和「你」,用户会感到迷惑,不清楚到底指代对象是谁。

注:不要在同一个句式中混用「你」和「我」,交互中指代混乱会让用户相当纠结。

友好、尊重用户#

正确示例

正确示例引导用户正确输入内容。

错误示例

错误示例
不能、不要、不可、请勿都给人命令或强迫的感觉。

多给用户支持与鼓励,不要命令和强迫用户。

如果你想留住你的用户,当出错的时候就不要责怪用户。专注于解决问题,而不是指责。

表述不应该过于极端#

正确示例

正确示例引导用户正确输入内容。

错误示例

错误示例
「绝不」过于绝对,让用户感觉不适。

多给用户支持与鼓励,不要命令和强迫用户。

大小写和标点符号语气#

英文名词大小写规范#

正确示例

正确示例

错误示例

错误示例

产品名称全称,首字母大写。产品名称缩写需要全部大写,如:ESC、SLB 等; > 注:整个单词都大写不利于阅读和识别,应尽量避免这种用法。

#

正确示例

正确示例

错误示例

错误示例

正确使用专有名词的大小写规范。

#

正确示例

正确示例

错误示例

错误示例

全英文的标题,标签,菜单项等等都要遵循英文句式中首字母大写的规范。

统计数字用阿拉伯数字#

正确示例

正确示例
阿拉伯数字的信息传递效率更高

错误示例

错误示例

这也是常见问题,用户对于数字的感知速度更快,使用数字而非文字表述会更加有效。

省略不必要的标点#

正确示例

正确示例

错误示例

错误示例

为了帮助用户更加高效得扫视文本内容,可以省略不必要的断句点。 以下元素单独出现时可以省略标点: * 标签 * 标题 * 输入框下的提示 * 悬停文本中的提示 * 表格中的句子

#

正确示例

正确示例

错误示例

错误示例

以下元素单独出现时需要加上标点 * 多句或多段文案和列表内容 * 任何文字链接前的句子

谨慎使用感叹句#

正确示例

正确示例

错误示例

错误示例

感叹号会让文案显得过于激动,容易让气氛变得过于紧张。 > 注:当向用户表达问候或祝贺时,使用「!」是合理的语境,例如「欢迎回到社区!」。

基本标点示范#

正确得使用标点符号会让句子看起来更清晰和具有可读性。具体使用请参考1995年中国标准出版社出版的[《标点符号用法》](/img/pdf/specification-copywriting标点符号用法.pdf),右图为重点列出的在设计中需要注意的部分。