前端的UI设计与交互之文案篇

在界面中，咱们须要经过对话的方式与用户产生共鸣。精准、清晰的语言会更容易让用户理解，合适的语气更容易让用户创建信任感。所以在界面设计时，文案也应当被重视。 在使用和书写文案时有如下几点须要注意：
从用户角度出发
表述一致
重要的信息放在显著位置
专业、精准、完整
精简、友好、正面
1、语言
一、明确表述立足点
在表述内容时，关注点应该是用户和他们能用你的产品作什么，而不是你和你的产品在为他们作什么，因此内容表述的立足点很重要。
注：当用户向后台反馈问题、提出建议或申诉时，使用『咱们』是合理的语境，例如『咱们将会审核你的申诉』。
二、精简语句
省略无用词汇，不重复用户已知事实；在绝大多数交互场景下，都无需界面描述出所有的细节。
尽可能提供简短、易于快速获取的内容。
三、使用用户熟悉的语言
间接、暧昧模糊的说法，生僻和过于『文雅』的用词，会增长用户的认知负荷，因此应当尽可能避免使用这类用户没法识别的词汇。
四、表述一致
描述同一个事物的词汇要保持统一;
上下文的语法、语种、语序要保持统一;
操做的名称和目标页面标题的名称保持一致。
2、重要的信息放在显著位置
让用户第一眼看到最重要的内容，不用到段落中寻找。
注：如考虑安全性问题时，隐私信息也可调整为『点击后可见』的方式。
3、完整、直接得阐述信息
当咱们但愿用户进行一个操做时，要专一于用户能获得什么，以及用户的感觉。在操做前引导告知用户操做的目的或重要性，能促进用户更愿意去执行。
报错是 UI 中常见的功能，它一样是用户体验中不可小视的组成部分。当用户填写的内容出错的时候，你的报错信息应当符合用户的认知，用易于理解的方式表述出来。
4、用词精准完整
通用基本用词要规范，不要写错字，词语表达要完整。
专业用语要精准，并是所属行业承认通用用词；时间的表述必须明确。
其余、抱歉、验证码、校验码、登陆、此、、、
5、语气
语言定义的是内容，而情绪和睦氛更多的是经过语气来表达，而且一样的内容面对不一样的用户咱们可使用不一样的语气来表达；例如，咱们对应专业的运维人员和小白用户应有不一样的表达方式。
一、拉近彼此的距离
直接使用『你』、『我』来和用户对话，与用户创建亲密感。避免使用『您』，让用户感受太过疏远。
注：不要在同一个句式中混用『你』和『我』，交互中指代混乱会让用户至关纠结。
二、友好、尊重用户
多给用户支持与鼓励，不要命令和强迫用户。
若是你想留住你的用户，当出错的时候就不要责怪用户。专一于解决问题，而不是指责。
三、表述不该过于极端
不要使用过于绝对的表述，这样会让用户以为不适。
6、大小写和标点符号
一、英文名词大小写规范
产品名称全称，首字母大写。产品名称缩写须要所有大写，如：ESC、SLB 等；
注：整个单词都大写不利于阅读和识别，应尽可能避免这种用法。
正确使用专有名词的大小写规范。
全英文的标题，标签，菜单项等等都要遵循英文句式中首字母大写的规范。
二、统计数据使用阿拉伯数字
这也是常见问题，用户对于数字的感知速度更快，使用数字而非文字表述会更加有效。
三、省略没必要要的标点
为了帮助用户更加高效得扫视文本内容，能够省略没必要要的断句点。
a）如下元素单独出现时能够省略标点：
标签
标题
输入框下的提示
悬停文本中的提示
表格中的句子
b）如下元素单独出现时须要加上标点：
多句或多段的文案和列表内容。
任何文字链前的句子。
四、谨慎使用感叹号
感叹号会让文案显得过于激动，容易让气氛变得过于紧张。
注：当向用户表达问候或祝贺时，使用『！』是合理的语境，例如『欢迎回到社区！』。
五、基本标点规范
空格 段落句子中的连接和文字之间增长空格； 全角字符和半角字符搭配时，须要添加空格，如：两个、2 个、50%。
句号 。 如下状况中不使用句号：输入框下的提示；表格中的句子；句末为文字链（连接前使用句号）；按钮和标题。
感叹号 ！ 只在须要表达强烈情感的状况下使用。
链接号 - 不使用中文全角的链接号。如：2012-11-12。
省略号 … 使用半角的『…』为省略号。
隐藏符号 * 多用于替换显示隐私信息。