UX Wirte Guideline

Oct 9, 2020

基本原则

篇章布局合理

  • 如果需要传达的信息很多,一定要把信息拆分成符合逻辑的信息单元

  • 每个单元可以使用标题和小标题

  • 标题和小标题要有内容

  • 对于每一个信息单元,应当先陈述要点,然后予以解释和论证

  • 遇到复杂的信息,要是用列表,或列举、画图加以解释

言简意赅

  • 避免重复,已经说过的,不再说

  • 避免重复,用户知道的,不再说

  • 避免重复,用户可以推知的,不再说

  • 两个词意思相同的,只留一个

  • 修饰语的意思已经被隐含的,不用修饰语

  • 词本身已经隐含其范畴的,不用范畴词

  • 避免冗长的表达方式和“慢启动”句子:避免没有很大意义的元话语,这些言语只会推迟主要意义的到来

  • 直接了当:不要故弄玄虚,把简单的问题复杂化、抽象化

信息流动通畅

  • 指出每个施动者,按逻辑顺序叙述动作:不是绝对的,谁先谁后主要取决于上下文的衔接

  • 保证段落各句层层递进:旧信息或者已知信息放在句首,新信息或复杂信息放在句末,可以使论述层层推进,帮助读者抓住论证的线索

  • 句子的结尾要有力:不重要的信息尽可能移到句子左侧

使用短句

  • 使用简单的句型

  • 限制句子长度:平均长度为20-40字,长短结合,长句不超过三个信息点

多用主动语态

主动语态简短、清楚,90%的情况使用;被动语态较长、有时理解费事,10%的情况使用

  • 施动者显而易见,没有必要说明时

  • 提请读者注意动作的接受者时

  • 需要把新奇或重要的信息放在句末时

  • 想逃避责任时

使用强势动词,避免把动词变为名词

使用读者熟悉的词汇

  • 避免使用大词、抽象词、行话、外语、流行词、外来语、古语

  • 一个词可以说清楚的,不用短语

避免含糊不清

  • 避免修饰语放错位置

  • 避免连续使用两个以上的介词短语

  • 避免一连串的名次修饰名词

用人称代词拉近与读者距离

  • 避免涉嫌性别歧视的说法

避免否定的表达方式

  • 当阅读否定句时,用户需要把它转变为肯定句才容易理解,不如肯定句直接了当

人物加动作

  • 把句子的主语留给动作的执行者,把谓语留给关键动作

界面文法

错误

帮助用户达成目的,必要时告知用户阻碍他达成目的的问题是什么;

动词优先、描述简短;

对于特定工作人员,说明错误细节会有帮助,既满足好奇心,又满足责任感。细节说明让使用者感觉能够定位或预测错误;

对于普通用户,如果错误细节能帮助他触达所需或对产品产生信心或感到安心,则可以提供;

Inline Errors

打扰程度最低,建议用户在进一步操作前修正错误,其操作位置与报错前一致;

  1. 简短,能够澄清、提醒或指导交互,且不会妨碍用户操作;

  2. 提示正确操作,快速指导纠错操作;

  3. 避免使用“无效”等负向词汇;

Detour Errors

打扰程度一般,为用户提供达成目的的迂回方式,其操作还是在功能或产品内的;

操作指导优先,错误诠释其次,快捷操作再次;

快捷操作中的文案与标题中的一致;

Blocking Errors

打扰程度最高,清楚告知用户需求完全走不通;如果可能,告知什么时候或什么情况体验能够恢复,其操作超出功能或产品范围;

操作指导优先,强调价值其次,重申操作再次;

描述

具有信息量的文本块,文本主体。可以是短语、句子或段落。也可以是隐藏文本,用于解释复杂的视觉。用户应当无法与描述进行交互,如tap、clp或hover。(如果描述有内嵌链接或图标,当作button即可);

用户大多时候会直接忽略描述;

如果描述是必要的,需要尽可能易用。英文每行40个字符以内,一般是三至六个单词。用户愿意停留较多时间阅读三行以内的文本;

如果单个文本块较长,用户会感到犹疑。将长文本切分为已读的文块让用户重拾信息和可控感;

避免星号*;

用平直的语言,描述产品如何让用户或客户受益;

信息提示内容应当有价值、时机恰好;

提示

提示小心会打断用户注意力,提醒他们注意原本没在意的内容;

提示须一眼到位,告知用户需要立即采取的操作;

提示出现在移动端锁屏、消息中心或者banner上;可以长驻也可以瞬显;移动、pc、网页端、浏览器插件上都有可能出现,因地制宜地展示;

信息由至少一条文本构成,大多是两块信息,与标题及描述的模版类似。标题开头多是动词,提示操作,加上达成目的的其他信息。描述的信息对于达成目的不是必须的;

负面消息也是有价值的,仍然需要关注时间;

按钮

button多是动词;

一至两个词;

button文字与title的呼应;

确认

动词或动词词组过去式描述动作;(英文中现在分词传达动作执行中,过去分词传达动作完成)。

功能性文本

句子

汉语擅用短小的句子

需要按汉语习惯拆分长句

汉语的每个句子只表达一个意思,内容太多可能会使读者不堪重负

结构或信息复杂的句子,可以在适当的地方断开,分为两句或多句来说

一句话说一件事

靠意思自然链接,或者通过某种方式连为一体

避免断句后可能造成的意思错误或扭曲

避免句子结构松弛

避免出现语病

在意思不变的前提下,可以为了通顺改变修饰语的位置

汉语习惯先说事实,再表态

分清主次信息

要清楚表达是并列还是递进关系

把需要强调的概念置于句末

补充性的说明不宜前置,可能引起不适当的强调

并列的句子成分,结构应当相同

平行结构要简洁有力

条件句一般放在主句之前,但强调条件的不在此列

时刻注意锤炼语句,避免累赘的句法

站在自己的角度说不清楚,换从对方的角度讲可能会柳暗花明

可以把消极表达改为积极表达

避免滥用句型

主语

汉语习惯于把主语而非状语排在句首,然后把发生的事情依次说出来

统一小句的主语,使整个句子一气呵成

注意各小句的动词是否都可以和主语搭上

句子有多个并列动词的,各动词的逻辑主语要一致,避免主动和被动混用

必要为动词添加主语使意思表达更清楚

慎用“人们”、“我们”作主语,可能存在更具体的执行者,也可能根本不需要指出来

可以适当地为无主语动词添加“大家”、“各方”、“人们”等主语

避免主语和宾语之间插入太多内容

定语

汉语为了保持开放性结构,不用太长的前置定语

避免定语太长,“的”字太多,一句话不超过两个“的”字

能不用“的”的,就不用“的”

如果定语太长了,索性拿出来作为一句话

可以把定语和主语合并为一句话

“的”字太多的,拆分为小短句

有多个定语的,注意各个定语的排列顺序

动词

以人物(包括拟人)作主语,最容易起句和接续

以“人物+动作”的结构叙述,可以避免冗长的定语

多用动词,才能形成短句

一些具有动词和名词功能意味的词,往往可以来回说两次,作为断句的手段

译文的动词与宾语之间不能距离太远

情态动词的使用可能造成语义的区别

介词

避免两个介词连用

注意介词“就”的用法

词语

专业术语的使用一定要调查,不可以随意编造,有官方说法的,要用官方说法

如果有约定俗称的说法,就用约定俗称的说法

如果有一些自创词,一定要符合汉语规范经得起推敲和解释

少用几个词就能说清楚的,尽量少用

不添加没有必要的词

必要的时候加入必要的词把意思表达清楚

标点

适当使用标点符号,让意思更清楚

尽量不要添加看起来太显著的标点符号,如括号、破折号、引号

不要用太多的插入成分

注意括号的位置

不要一逗到底

意思可以分层的,可以用分号或句好断开

较短项目的并列用顿号,较长项目的并列用逗号

如果并列的项目有层次,则逗号用于大项之间的并列,顿号用于小项之间的并列。如果都用逗号或者顿号,会导致层次不清晰;

分号管辖的范围内不能用其他分号,更不能有句号;

如出现分号或句好,则需要把最高级别的分号变为句好

格式

空格

中文与英文之间需要增加空格

正确

中华人民共和国是 WHO 成员国。

错误

中华人民共和国是WHO成员国。

中华人民共和国是 WHO成员国。

例外QQ音乐等产品或品牌名称,名称按照相应产品官方的定义来执行

腾讯公司出品的QQ音乐是一款音乐产品。

阿里巴巴出品的UC浏览器是一款浏览器产品。

中文与数字之间需要增加空格

正确

中华人民共和国成立于 1949 年。

错误

中华人民共和国成立于 1949年。

中华人民共和国成立于1949年。

数字与英文单位之间不需要增加空格

正确

我们输出了 100GB 的文件。

错误

我们输出了 100 GB 的文件。

我们输出了100GB的文件。

全角标点符号与其他字符之间不需要增加空格

正确

我今天购买了 iPhone,好开心!

错误

我今天购买了 iPhone ,好开心!

全角半角

使用全角中文标点

正确

世界卫生组织(WHO)成立于 1948 年,是联合国(UN)专门机构。

错误

世界卫生组织(WHO)成立于 1948 年,是联合国(UN)专门机构。.

完整的英文整句或特殊名词,使用半角标点

正确

还记得乔布斯说的那句话么? “Stay Hungry, Stay Foolish. ”

错误

还记得乔布斯说的那句话么? “Stay Hungry,Stay Foolish。”

名词

专有名词使用正确的大小写(默认为每个单词首字母大写,特殊专有名词可能会有不同格式,请按照专有名词的规则书写)

正确

我们和 Google Design、Microsoft Corporation、Facebook Inc 有很深入的交流。

正确 iOS 按照专有名词大小写方式

我们从 iOS Human Interface Guidelines 学到了很多。

正确 WWDC19 按照专有名词大小写方式

我们观看 WWDC19 的直播。

错误

我们和 Google design、microsoft corporation、facebook Inc 有很深入的交流。

不要使用不规范的缩写

正确

我们的设计师需要了解 HTML5 和 JavaScript。

错误

我们的设计师需要了解 h5 和 Js。

次序语

如果书面的文本内容是并列的几个部分,次序语只有一个层次,那么使用上文的“第一,第二,第三,......”“一、二、三、......”“(1)(2)(3)”......等都可以;

如果书面的文本内容和结构有多个层次,那么标示次序的时,应注意次序语的层次性。一般来说,使用多层次的次序语时,先用汉字数字,后用阿拉伯数字。

一 标题和标语

标题的作用

引导作用

诱发作用

促销作用

肩题与主题组合

①(肩)标点符号实在是个老大难问题

②(主)标点符号的难点体现

还有一种常见的方式,是利用阿拉伯数字及脚点的连续使用,标示章节的层次,形式简洁,层次清楚。

0 标点符号总论

0.1 标点符号的性质

0.2 标点符号的作用

0.2.1 标示停顿

0.2.2 标示语气

标点符号

句号

形式

句号的形式是“。”。

用法

用于句子末尾,表示陈述。使用句号主要根据语段前后有较大停顿,带有陈述语气和语调,并不取决于句子的长短。

我们是一支全新的用户体验设计团队。

有时也可以表示较缓和的祈使语气和感叹语气。

他不由地感到,一个能正确使用标点符号的设计师在其他方面也绝不逊色。

图或表的短语式说明文字,中间可用逗号,但末尾不用句号。即使有时说明文字较长,前面的语段已出现句号,最后结尾处仍不用句号。

经过讨论,决定使用上图左侧的图片作为封面

问号

形式

问号的形式是“?”。

用法

用于句子末尾,表示疑问语气(包括反问、设问等疑问类型)。使用问号主要根据语段前后有较大停顿、带有疑问语气和语调,并不取决于句子的长短。

标点符号的正确使用方法是怎样的呢?

选择问句中,通常只在最后一个选项的末尾用问号,各个选项见一般用逗号隔开。但选项较短且选项之间几乎没有停顿时,选项之间可不用逗号。当选项较多或较长,或有意突出每个选项的独立性时,也可每个选项之后都用问号。

我们的logo风格应该是奇趣跳脱的涂鸦风,还是严谨规整的几何风呢?

在多个问句连用或表达疑问语气加重时,可叠用问号。通常应先单用,再叠用,最多叠用三个问号。在没有异常强烈的情感表达需要时不宜叠用问号。

经典的就一定是好的吗?逆经典而行之就一定会扑街吗??那创新又是从何而来的呢???

问号也有标号的用法,用于句内,表示存疑或不详。

出现这样的文字错误,说明小编(公众号管理员?文案作者?)很不认真。

使用问号应以句子标示疑问语气为依据,而并不根据句子中包含有疑问词。当含有疑问词的语段充当某种句子成分,而句子并不表示疑问语气时,句末不用问号。

我也不知道为什么大家都不重视标点符号的使用规范。

叹号

形式

叹号的形式是“!”。

用法

用于句子末尾,主要表示感叹语气,有时也可表示强烈的祈使语气、反问语气等。使用叹号主要根据语段前后有较大停顿、带有感叹语气和语调或带有强烈的祈使、反问语气和语调,并不取决于句子的长短。

决不允许在公开发表的文章中出现语病!

用于拟声词后,表示声音短促或突然。

咯噔!我的心一沉。

表示声音巨大或声音不断加大时,可叠用叹号;表示强烈语气时,也可叠用叹号,最多叠用三个叹号。在没有异常强烈的情感表达需要时不宜使用叹号。

语病?不能!绝不能!!压根别留这个念想!!!

当句子包含疑问、感叹两种语气且都比较强烈时(如带有强烈感情的反问句和带有惊愕语气的疑问句),可在问号后再加叹号(问号、叹号各一)。

连语言规范都无法遵守,还敢说自己是设计师?!

逗号

形式

逗号的形式是“,”。

用法

复句内各分句之间的停顿,除了有时用分号(见分号),一般都用逗号。

标点符号的正确使用能够提高阅读效率,提升阅读体验。

用于下列各种语法位置:

1.较长的主语之后。

文案中标点符号的正确使用和行文风格的简洁明了,都会给阅读体验加分。

2.句首的状语之后。

正确

在较长的文章里,合理分段能够使文章结构更清晰。

3.较长的宾语之前。

正确

不少成熟的设计师认为,能否正确使用标点符号可以反映出一个设计师逻辑思维能力的高低。

4.带句内语气词的主语(或其他成分)之后,或带句内语气词的并列成分之间。

正确

有的交互设计师呢,往往不会特别在意标点符号的使用。这一点是很危险的。

5.较长的主语中间、谓语中间或宾语中间。

正确

大俊用词冗余,行文拖沓,逻辑混乱,是大家口诛笔伐的对象。

6.前置的谓语之后或后置的状语、定语之前。

正确

我只是一个文案工作者,孤单又边缘。

用于下列各种停顿处:

1.复指成分或插说成分前后。

文案工作者,就是传说中码字的,每天都和标点符号打交道。

2.语气缓和的感叹语、称谓词或呼唤语之后。

妈耶,又发现一个语病,赶快改了别被老板发现。

3.某些序次语(“第”字头、“其”字头及“首先”类序次语)之后。

正确使用标点符号的秘诀是什么?第一,要仔细;第二,要很仔细;第三,要特别仔细。

4.用顿号标示较长、较多或较复杂的并列成分之间的停顿时,最后一个成分前可用“以及(及)”进行连接,“以及(及)”之前应用逗号。

长痘、脱发、近视,以及腰椎间盘突出等,都是设计师的职业病。

顿号

形式

顿号的形式是“、”。

用法

用于并列词语之间。

行文流畅、用词准确、逻辑清晰,这是文案写作的基本目标。

用于需要停顿的重复词语之间。

他几次三番、几次三番地用错顿号。

用于某些序次语(不带括号的汉字数字或“天干地支”类序词语)之后。

我们要关注两个问题:一、标点符号为什么重要?二、如何才能正确使用标点符号?

相邻或相近两数字连用表示概数通常不用顿号。若相邻两数字连用为缩略形式,宜用顿号。

科技园的设计师们常常三五成群地外出觅食。

设计师在二、三线城市就不大好找工作了。

标有引号的并列成分之间、标有书名号的并列成分之间通常不用顿号。若有其他成分插在并列的引号之间或并列的书名号之间(如引语或书名号之后还有括注)。宜用顿号。

“木”“示”构成“标”字。

文案工作者应该多看看《标点符号用法》(国标)、《语言文字规范》(国标)和《常用标点符号使用规范》(SMAD)。

标示含有顺序关系的并列各项间的停顿,用顿号,不用逗号。

构思、初稿、定稿的过程是集思广益的过程。

用阿拉伯数字标示年月日的简写形式时,用短横线连接好,不用顿号。

2020-06-23

分号

形式

分号的形式是“;”。

用法

表示复句内部并列关系的分句(尤其当分句内部还有逗号时)之间的停顿。

标点符号的正确使用,对作者来说,是基本的素养;对读者来说,是保障阅读体验的基础。

表示非并列关系的多重复句中第一层分句(主要是选择、转折等关系)之间的停顿。

文案在整个设计作品中的贡献是不易察觉的,所以文案工作者往往不被重视;但文案又是传达意义的核心媒介,因此本质上是不容忽视的。

用于分项例举的各项之间。

文章在发表前要注意三点:一、标点符号是否正确使用;二、行文是否简洁易懂;三、是否能够传递作者的所思所想。

分号列举的各项有一项或多项已包含句号时,各项的句尾不能再用分号。

正确

一个合格的设计师需要做到以下几点:一是规范语言文字的使用。其中标点符号的使用是基础。二是具备基本的审美能力。......。三是要永远保持好奇心和学习力。.......。

错误

一个合格的设计师需要做到以下几点:一是规范语言文字的使用。其中标点符号的使用是基础;二是具备基本的审美能力。......;三是要永远保持好奇心和学习力。.......。

冒号

形式

冒号的形式是“:”。

用法

用于总说性或提示性词语(如“说”“例如”“证明”等)之后,表示提示下文。

常见的标点符号:句号、问号、叹号、逗号、顿号等。

表示总结上文。

大花当了作家,小美当了编剧,我沦为了小编:我们都有美好的前途。

用在需要说明的词语之后,表示注释和说明。

SMAD:智能产品体验设计的英文简称。

用于书信、讲话稿中称谓语或称呼语之后。

各位文章的写作者:今天,我们来讲一讲标点符号的重要性。

一个句子内部一般不应套用冒号。在列举式或条文式表述中,如不得不套用冒号时,宜另起段落来显示各个层次。

互联网公司鄙视链:

第一梯队:搞定电脑的、搞定产品的、搞定客户的。

第二梯队:其他的。

冒号提示范围无论大小(一句话、几句话甚至几段话),都应与提示行话语保持一致(即在该范围的末尾要用句号点段)。应避免冒号涵盖范围过窄或过宽。

正确

公众号文章发表有三个节点:产出初稿、评审修正和定稿发表。前期调研不包含在这个流程之内。

错误

公众号文章发表有三个节点:产出初稿、评审修正和定稿发表,前期调研不包含在这个流程之内。

引号

形式

引号的形式有双引号““””和单引号“‘’”两种。左侧为前引号,右侧为后引号。

用法

表示语段中直接引用的内容。

某位大人物曾经说过“不懂标点符号的设计师不是好设计师”。

表示需要注重论述或强调的内容。

美工的“工”,并不是指美术工人,而是指美学工程师。

标示语段中居于特殊含义而需要特别指出的成分,如别称、简称、反语等。

所谓“设计师”,就是把设想计划出来的大师。

当引号中还需要使用引号时,外面一层用双引号,里面一层用单引号。

读者问:“一篇讲’标点符号‘的文章为什么还会用错标点符号呢?”

独立成段的引文如果只有一段,段首和段尾都用引号;不止一段时,每段开头仅用前引号,只在最后一段末尾用后引号。

我曾经看过这样一段话:

“一个好的设计师应该会画画......

“一个更好的设计师应该会写代码......

“一个顶尖的设计师应该会正确使用标点符号。”

在书写带月、日的事件、节日或其他特定意义的短语(含简称)时,通常只标引其中的月和日;需要突出和强调该事件或节日本身时,也可以同事件或节日一起标引。

纪念“五四运动”90周年

“丛刊”“文库”“系列”“书系”等作为著作的选题名,宜用引号标引。当“丛刊”等为选题名的一部分时,放在引号之内,反之则放在引号之外。

“汉译世界学术名著丛书”

“20世纪心理学通览”丛书

括号

形式

括号的主要形式有圆括号“()”,其他形式还有方括号“[ ]”、六角括号“〔〕”和方头括号“【】”等。

用法

标示下列各种情况,均用圆括号:

标示注释内容或补充说明。

视觉设计师(美学工程师)需要有基础的审美力。

标示订正或补加的文字。

标点符号的正确使用是衡量一个人文字使用能力的基础(标尺)。

标示序次语。

语言有三个要素:(1)声音;(2)结构;(3)意义。

标示引语的出处

有一句话说得好,“细节见真知。”(著名建筑设计师密斯.凡.德罗)

标示汉语拼音注音

“设(she)”这个字暗示着无限创意。

标示作者国籍或所属朝代时,可用方括号或六角符号。

〔唐〕杜甫著。

报刊标示电讯、报道的开头,可用方头括号。

【新华社深圳消息】

标示公文发文字号中的发文年份时,可用六角括号。

国发〔2020〕1号文件

标示被注释的词语时,可用六角括号或方头括号

【马化腾】鹅厂创始人。

除科技书刊中的数学、逻辑公式外,所有括号(特别是同一形式的括号)应尽量避免套用。必须套用括号时,宜采用不同的括号形式配合使用。

〔句读(jù dòu)〕,俗称“断句”。

括号可分为句内括号和句外括号。句内括号用于注释句子里的某些词语,即本身就是句子的一部分,应紧跟在被注释的词语之后。句外括号则用于注释句子、句群或段落,即本身结构独立,不属于前面的句子、句群或段落,应位于所注释语段的句末点号之后。

标点符号是辅助文字记录语言的符号,是书面语的有机组成成分,用来表示语句鹅停顿、语气以及标示某些成分(主要是词语)的特定性质和作用。(数学符号、货币符号、校勘符号等特殊领域的专门符号不属于标点符号。)

破折号

形式

破折号的形式是“——”。

用法

标示注释内容或补充说明(也可用括号)。

一个脚踩AJ、头顶绿色卷毛的帅小伙——原画设计师走了过来。

标示插入语(也可用逗号)。

用错标点符号——说得夸张点——是不可饶恕的罪行。

标示总结上文或提示下文(也可用冒号)。

这位改行送快递的设计师娓娓道来——

那是2020年的初春,......

标示话题的转换

“配图很棒,动效也很高级——但这文案差点儿意思。”小王话锋一转。

标示声音的延长。

“呀——粤海街道的设计师们,让我们翻身农奴把歌唱!”

标示话语的中断或间隔。

“老板他把我的文案批得一文不——”大俊还没说完就哭了起来。

标示引出对话。

——你长大了想成为设计师吗?

——当然!我还要成为精通标点符号用法的高级设计师呢!

标示事项列举分承。

设计通道有以下几个方向:

——交互设计师;

——视觉设计师;

——多媒体设计师;

用于副标题之前。

标点符号的正确使用

——设计师的基本素养

用于引文、注文后,标示作者、出处或注释者。

不掌握标点符号正确使用方法的设计师不是好设计师。

——大俊

省略号

形式

省略号的形式是“……”。

用法

标示引文的省略。

“......性本善;性相近,习相远。”

标示列举或重复词语的省略。

他连声说:“好,好.....就当我是个没有感情的文案监工吧。”

标示语意未尽。

你这样不把标点符号当回事,未免太......!

标示说话时断断续续。

“可是......我并不知道标点符号......也是设计的一部分.......”大俊怯懦地嘟囔着。

标示对话中的沉默不语。

“......”大俊被怼得无话可说。

标示特定的成分需缺。

只要......就......

在标示诗行、段落的省略时,可连用两个省略号(即相当于十二连点)。

床前明月光,疑是地上霜。

............

不能用多于两个省略号(多于12点)连在一起标示省略。省略号须与多点连续的连珠号相区别(后者主要是用于标示目录中标题和页码对应和连接的专门符号)。

省略号和“等”“等等”“什么的”等词语不能同时使用。在需要读出来的地方用“等”“等等”“什么的”等词语,不用省略号。

常见的标点符号有句号、问号、叹号、逗号等。

© 2022-2023 Chang Lisheng. All Rights reserved