前端的UI设计与交互之文案篇,UI界面中的文案设

在UI设计中,文字内容的表述也是需要设计师精心推敲,仔细设计的部分。清晰、准确、简洁的文案设计能够让界面拥有更好的可用性,同用户建立信任。

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

术语和词汇

每一个你显示在app中的单词都是你和用户交流的一部分。利用这个交流的机会来让用户觉得清晰并帮助用户在你的app中感到舒适。

图片 1

image

设置对每个用户来说都是基本且必要的,所以他使用了简单、直接的语言告诉用户可以做什么。比如说,设置(Settings)>免打扰(Do not Disturb)解释了很多选项的效果,而没有使用一些可能会让纯朴的用户不能理解的术语。

使用你确保你的用户能理解的术语。根据你对用户的了解来确定你打算使用的单词和短语是否合适。比如说,在面向纯朴用户的app中技术术语没有任何帮助,但是对于为理解技术的用户设计的app则很合适。

使用非正式并友好的语气,但不要太随意。你会想避免呆板和太正式,但是你不会想要冒听起来快乐到虚伪或傲慢的险。记住用户可能在你的UI中阅读文本很多次,那些第一次看觉得机智的内容重复看的时候可能会变得刺激人。

像一个新闻编辑一样思考,并提防多余或不必要的单词。当你的UI文本短而直接时,用户会很快很容易的理解。确定最重要的信息,简明的表述它,然后显著地显示它,这样用户就不用阅读大量的文字找到他们要找的或者了解他们接下去该做什么。

给控件赋予简短的文字或者使用易理解的图标。人们应该看一眼就能知道一个控件是做什么的。

描述日期时注意精确。大多时候,在你的UI中使用友好的词语比如今天明天来显示日期信息是合适的。但是当你没有计算用户当前的位置时可能会变得迷惑。比如说,有一件事恰好在午夜前开始,对于同一个时区的用户来说,这件事是今天开始的,但对于早一些时区的用户来说,同一件事可能是昨天开始的。

编辑一段好的App Store描述来尽可能的多和潜在的用户交流。除了精准的描述你的app以及对你认为人们最感兴趣的品质进行高亮以外,确保:

  • 纠正所有的拼写、语法和标点符号错误。尽管这种错误不会影响每个人,对有些人来说这会带来一种对你app质量的坏印象。

  • 保持全大写单词在一个最小的数量。有时候全大写单词可以吸引人们的注意,但当整段话都是大写的时候,它会很难阅读而且会看起来像叫喊。

  • 考虑描述特殊的bug修复。如果你app的新版本包含了用户期望的bug修复,最好在描述中提到它。

本文翻译自苹果官方开发文档

查看完整合集


查看作者首页

前一篇:iOS 8人机交互指南(11)

文案设计上的技巧很多,应当规避的误区也不少,今天为你总结16个常见的UI文案设计的误区,帮助大家少走弯路。

12. 术语与文案(Terminology and Wording)

1、尽量避免使用俗语和术语

Every word you display in an app is part of a conversation you have with users. Use this conversation as an opportunity to provide clarity and to help people feel comfortable in your app.

未知的术语和俗语将会增加用户的认知负荷,所以应当尽量避免使用这类用户无法识别的词汇,使用常用和易于理解的词汇能够帮助用户理解。

app 界面显示的每一个字都是开发者与用户对话的一部分。将该对话作为一个为用户提供清晰指引、帮用户感到舒适的机会。

下面就是一个典型的反例:

设置 app

图片 2

(设置对所有用户而言都是一个基础且重要的 app,所以它采用简单、直接的语言来告知用户该如何操作。例如,设置--勿扰模式,这里解释了多个选项的效果,但并未使用让普通用户难于理解的技术术语)

很难说清这种错误提示信息是给系统管理员还是办公室的文员看的。

Use terminology that you’re sure your users understand. Use what you know about your users to determine whether the words and phrases you plan to use are appropriate. For example, technical jargon is rarely helpful in an app aimed at unsophisticated users, but in an app designed for technically savvy users, it might be appreciated.

Use a tone that’s informal and friendly, but not too familiar. You want to avoid being stilted or too formal, but you don’t want to risk sounding falsely jovial or patronizing. Remember that users are likely to read the text in your UI many times, and what might seem clever at first can become irritating when repeated.

2、避免使用包含大量细节的长句

使用那些用户能够理解的术语。基于对用户的理解,决定哪些文字和短语对用户而言是合适使用的。例如,技术术语对于目标人群为普通用户的 app 而言几乎没什么帮助,但在为懂技术的用户而设计的 app 中使用可能是合适的。

在绝大多数的交互场景之下,都无需界面描述出全部的细节。用户在探索过程中,逐步为他们提供更多的信息和细节是更加合理的做法。所以,当你在提供信息的时候,可以这么做:

使用非正式且友好的表达方式,但不要太相似。应当避免生硬或太正式的表达,但也要避免听上去装作快乐或傲慢的风险。记得用户很可能在 app 中多次读到这些文案,一开始可能看上去很聪明,但重复多了就会让用户感到不适。

提供信息时,问一下自己:用户是否必须在此刻此地知道这件事?

Think like a newspaper editor, and watch out for redundant or unnecessary words. When your UI text is short and direct, users can absorb it quickly and easily. Identify the most important information, express it concisely, and display it prominently so that people don’t have to read too many words to find what they’re looking for or to figure out what to do next.

Give controls short labels or use well-understood icons. People should be able to tell at a glance what a control does.

尽量提供简短、易于快速获取的内容。即使是长内容,也尽量控制在30字以内。

像报纸编辑那样思考,当心那些多余或不必要的文字。当 UI 上的文案简短、直接时,用户可以快速且容易地理解。找出那些最重要的信息,予以简明表达和明显展示,使得用户不必阅读过多文字来寻找或了解下一步该做什么。

图片 3

提供短标签控件或使用易于理解的图标。人们应该能够一眼就认出这些控件或图标的含义。

3、尽量使用一般时态描述操作

Take care to be accurate when describing dates. It’s often appropriate to use friendly terms such as today and tomorrow when you display date information in your UI. But it can be confusing if you don’t account for the user’s current locale. For example, consider an event that starts just before midnight. To users in the same time zone, the event starts today, but to users in an earlier time zone, the same event may have started yesterday.

尽量使用现在时来描述各种操作,即使是描述过去或者将来的操作,使用简短直接的动词来描述即可。不过,在中文语境下,这种问题通常不会像英文那么严重。比如,Message has been sent就不合适,用Message sent更合理。在中文中,两者的含义都是消息已发送,差别不大。所以,在设计非中文内容的时候,需要更加注意这一问题。

描述日期时要准确无误。当 UI 中需要显示日期信息时,使用友好的术语如“今天”、“明天”通常是合适的。但如果没有考虑到用户当前所处时区,那这样的表达就是使人困惑的。例如,假设一个事件刚刚在午夜前发生。对于同一时区的用户,该事件是今天开始的,但对前一个时区的用户,同样一件事可能是昨天开始的。

4、不要混用你和我

Make the most of the opportunity to communicate with potential users by writing a great App Store description. In addition to describing your app accurately and highlighting the qualities you think people are most likely to appreciate, be sure to:

  1. Correct all spelling, grammatical, and punctuation errors. Although such errors don’t bother everyone, in some people they can create a negative impression of your app’s quality.

  2. Keep all-capital words to a minimum. Occasional all-capital words help draw people’s attention, but when an entire passage is capitalized, it’s difficult to read and it can be interpreted as shouting.

  3. Consider describing specific bug fixes. If a new version of your app contains bug fixes that customers have been waiting for, it can be a good idea to mention this in your description.

交互中指代混乱会让用户相当纠结的,由于UI中常常会使用诸如我的电脑我的帐号这样的文案内容,所以在提示中使用在 我的帐号 中调整你的设置这一的表述会让用户感到迷惑的,最好微调规避这种问题:在 我的帐号 中调整个人设置。

通过在 App Store 中写一段了不起的介绍来最大可能与潜在用户交流。除了准确描述 app、强调那些用户最可能欣赏的品质之外,还要注意:

5、尽量使用阿拉伯数字来表示数量

1. 确保拼写、语法、标点都正确。虽然这样的错误未必让每个用户都不爽,但给某些用户确实会留下不好的印象。

这也是常见问题,用户对于数字的感知速度更快,使用数字而非文字表述会更加有效。您有三条短消息和您有3条短消息相比,明显是后者中的阿拉伯数字信息传递效率更高。

2. 将全大写单词改为小写。在有些情况下,全大写单词有助于吸引用户注意力,但整个段落都大写时,就很难阅读、易被打断。

6、避免使用代词我们(We)

  1. 考虑描述某些特定的 bug 被修复。如果 app 的新版本包含了用户期待已久的某些 bug 的修复,那最好在描述中有所提及。

在进行内容表述的时候,关注点应该是用户和他们能用你的APP做什么,而非你们和你的APP在为他们做什么,内容表述的立足点很重要。所以,Facebook 不会在用户首次登录的时候使用为了帮你更快上手,我们将会为你显示Facebook 上的热门内容,相反,他们的表述为不妨从这些热门的Facebook 内容开始您的旅程,这样无疑更加稳妥。

英文原文链接

不过值得注意的是,这个是有例外情况的。当用户在向系统后台反馈问题、提出建议或者申诉的时候,使用我们是合理的语境,比如我们将会审核您的申诉,并在几天内给予回复。

后一篇:iOS 8人机交互指南(13)

7、避免使用全是大写字母的拼写

全是大写字母的内容表述看起来更加整齐,但是识别度上着实不如小写字母,全大写的拼写明显拉低了用户的阅读速度和整体体验。这同样是一个在非中文语言背景下常见的问题,在进行类似设计的时候,应当避免。

图片 4

8、不要表述得过于绝对

不要使用过于绝对的表述,这样会让用户觉得不适,我们绝不会发送促销的邮件就不如我们只会为您发送重要的信息来得好听,尽管两者要传递的信息是几乎一样的。

9、谨慎使用感叹号

感叹号会让文案显得过于歇斯底里,容易让气氛变得过于紧张。来了解一下APP的最新功能吧!这样的表述多少有点用力过猛。而使用欢迎!这样的短句搭配感叹号就显得更加一致了。

10、避免性别模糊

英语是少数可以进行性别模糊表述的语言之一,其他许多语言,诸如德语,就很难模糊表述。在确知对象性别的情况下,尽量使用准确的代词来表述,避免性别模糊的问题。

11、使用简短直接的表述

将冗长的内容缩减为精准直接的表述吧,让内容和指示更容易为用户所接受和理解。诸如你必须,基于当前的情况这样的表述还是尽量避免。你是否要保存全部的内容修改?这样的表述应当缩减为保存修改。

12、去掉你是否确定

在绝大多数的情况下,这样的问题问法其实并没有任何价值,所以你确定是要删除这张照片吗?不如改成删除此照片?,这样更加简练。

13、不要使用特定文化背景术语

特定文化下的语言表述往往很难被绝大多数的用户所理解,在许多场合下甚至会显得特别不合适。最典型的就是各种二次元和游戏的衍生术语,如果没人解释,估计绝大多数用户都无法理解 GG 一词的真实含义吧?(Good Game,竞技游戏中,输的那一方在退出前打GG,表示认输也间接称赞对方打的不错。胜的一方先打出GG略有嘲讽意味。)

14、用更精准的表述替代OK

一个好的对话框应该有明确的指示。虽然OK能够为用户所理解,但是在对话框按钮内容设置上可以选择指代更加明确的文本,这样会更加清晰明确,规避错误。相比于确定/取消这样的搭配,移除/取消指代是否更加明确呢?

15、准确地阐述错误信息

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

哪里出错了,以及造成错误的原因

用户应当如何操作来消除错误

图片 5

16、责怪用户

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

图片 6

当你准备这类提示信息的时候,不要直接指责用户造成了错误,专注于解决问题。以填写邮件为例,你填写了错误的邮件就不如这个邮件地址可能不可用,请确保拼写正确这样的表述。

本文由官方彩票手机投注网站发布于摄影资讯,转载请注明出处:前端的UI设计与交互之文案篇,UI界面中的文案设

您可能还会对下面的文章感兴趣: