AI 设计规范

华为 EMUI AI 泛终端设计体验

欢迎

随着智能手机日益强大和智能，语音正在快速地成为一种普遍的人机交互方式。各年龄段的人们用语音玩游戏、及时获取新闻、控制智能家居设备。语音优先的交互方式之所以能被大众所接受，是因为它是自然的、对话式的并且以用户为中心的。优秀的语音交互体验可以理解用户表达含义和意图的各种方式。人类的语言是丰富复杂并且灵活多变的，所以语音用户界面的设计与图形交互界面的体验设计大大不同。

当面临人机交互方式重大转变的节点时，我们往往首先会从上一代的设计概念出发来审视新技术，但最终我们还是需要创造出新的设计模式，以更大限度地体现新技术的优势。当鼠标出现时，它最初的目的是为了替代繁琐的键盘指令输入；当触摸交互出现时，点按被当作与鼠标点击类似的行为，而不是直接发展出多种手势操作交互； 当更新的语音交互出现时，它又被视作键盘和点按控制的替代品，而忽略了对话式交互的潜力。

想要从简单地设计“语音键盘”转变为创造真正语音优先的对话式体验，首先你需要了解语音设计的交互原则以及各种设计开发的方法。简单地将语音交互添加到应用中并不能被称为“语音交互体验”，你需要从语音优先的角度重新构思整个体验。语音界面设计和图形界面设计不同，两者之间有着许多微妙但相距甚远的差异点。

这套AI设计规范可以帮助你理解语音优先的交互体验应该如何设计，学习基础又关键的用户体验原则，如何使用华为提供的指南和说明创造出令用户满意的语音交互体验。

当前V1.0版本主要包含以手机为主的智慧语音对话和视觉的规范，已落地于手机、电视、触屏音箱和音箱设备。

核心价值

一个小艺，一个生态系统

小艺既不只是存在于用户手机中的语音助手，也不只是单纯回复语音指令的机器人，它更像个拥有着一整套连贯技能的有机体，可以在用户使用不同设备时被调用。小艺可以预测和感知不同的使用场景，并基于场景平顺地调整以适配各种设备，同时让用户感到亲密、舒适和信任。

网站地图

网站分为四个模块，如果你刚开始接触对话式设计，建议你从头开始阅读，然后逐步完成所有的设计要求和步奏。

浏览以下模块，找到你需要的部分。你也可以网站地图的归类主题中，根据自己的需求选择并学习相应类别的知识。

一、概要简介

了解如何使用本站，以及对话式体验的关键概念。

二、基础与原则

如何架构、撰写以及设计多模态对话式体验，包含设计原则、角色设计、交互设计、视觉设计和对话设计。

三、设计指导

为设计师提供对话和视觉卡片设计的详细步骤与示例。

四、组件库

可以快速应用的对话及视觉卡片组件。

五、设计资源

走查表、视觉组件设计资源

其他资源

了解其他华为设计和开发的相关资源，更全面的理解设计规范。

（1）华为开发者联盟 ：华为终端官方合作伙伴开放平台，依托终端渠道优势、全球化平台服务及产业链资源，从开发、测试、推广、变现等环节，多维度助力开发者，共建开放共赢的创新生态。 

（2）华为快服务智慧平台 ：华为统一的原子化服务接入和分发平台，聚合泛终端多场景的流量入口，服务一次接入多媒体分发，获取高流量。（当前仅针对企业开发者开放）。 

（3）华为小艺对话开发平台 ：为开发者提供创建语音技能多链路的平台支持，包含开发、测试、部署工具的提供以及多场景覆盖的对话技能发布渠道。 

1. 概要简介

1.1 对话式界面设计

对话式界面设计是一种模仿人类对话的用户界面，以更自然的形式与机器达成更好的交流。在对话式界面设计里，设计师们需要确定在任务场景里，用户和小艺可能会说些什么、是否需要视觉信息等辅助交流。因此，对话式界面设计将综合了交互设计、语音设计、视觉设计等多门设计学科知识。

1.2 如何做好对话式界面设计

在这场人机对话新浪潮中，设计师的工作将面临更多机遇与挑战。离开传统界面设计，设计师需要了解人与人之间语言互动的行为模式，并结合对话设计工作原理和优劣势将自己的观察和思考融入到以下工作中：

（1）对话请求：小艺是否能在合适的时机发起对话，不断推进？

（2）建立语境：小艺是否能够记住过往的用户相关的信息作为交互的基础？

（3）构建意图：用户是否能够理解对话？

（4）对话成本：对话是否避免重复性的发问/确认？是否允许用户提供更多相关信息？

（5）对话价值：对话是否带来新知识、解决问题、带来喜悦或引起兴趣？

（6）持续互动：用户和小艺之间是否能够自然轮换对话？

2. 基础和原则

2.1 总原则一览

语音优先

• 一致的信息
• 多模态的互补

设备友好

• 为技能匹配合适的设备
• 设计符合设备的体验

状态清晰

• 使对话交互状态清晰
• 为错误异常进行设计

2.1.1 语音优先

在对话设计体系中，语音作为主要交互方式之一，降低了用户与设备互动的成本。对话体验的根本目标是让用户选择用更自然、高效的方式完成任务。

一致的信息体现在对话任务中，视觉界面上应该呈现与语音流程匹配的信息，同时需使用户可以通过语音完成整个流程。

多模态的互补体现在视觉界面上的操作需要支持对应的语音指令，使用不同交互组件, 给出“支持语音交互”的提示，引导用户用语音与设备进行互动。

在以下示例中, “你想打给第几个?”的询问方式引导用户回复语音指令 “第二个”。同时展示列表卡片, 通过视觉上的反馈帮助用户进行交互。

2.1.2 设备友好

为技能匹配合适的设备,是因为不同设备有不同的能力，对应用户使用设备的不同模态以及场景, 如音箱没有屏幕,重视听觉模态,所以更适合详细的播报或音乐播报类技能; 而车机有屏幕,兼顾视觉和听觉两种模态,但因为驾驶重视安全, 所以游戏类多互动的技能就不适合在车机上。

设计符合设备的体验体现在设备是否包含屏幕将直接影响播报的详细程度。在设计过程中，需要提供考虑详细和简单两种播报方式，以适应不同的设备。（详见 “对话设计-泛终端下的对话交互设计 ”）同时提炼对话元素成组件，根据设备和意图选择组件及布局。（详见“对话组件”、“视觉组件 ”）

在以下天气的技能示例中, 音箱匹配详细播报, 电视和手机匹配简单播报和屏幕上显示的屏幕对话以及视觉组件。

2.1.3 状态清晰

以语音为主要媒介，与用户日常使用的图形交互界面存在较大差异。

因此，对话体验简洁清晰体现在对话过程中，需要借助对话组件、视觉和听觉提示帮助用户了解目前所处的状态，以及目前应该做什么。

如下示例中, 在询问用户时,小艺展示波纹形动效, 清晰地告诉用户目前对话正在收音的状态。同时匹配卡片和推荐指令,帮助用户在进行选择。

为错误异常进行设计是因为以语音为主的对话体验中，用户会不受限制随意说出指令。此时，系统有可能无法正确理解真实的意图而导致出错。在这类情况下，不应该直接终止对话，而是需要通过引导和视觉元素，让对话从异常中恢复。（详见“对话组件-错误 ”）

2.2 角色设计

2.2.1 角色设计的必要性

为什么AI“小艺”要做角色设计？

人物角色是对话的自带属性

无论设计者是否考虑智慧语音的角色， 每一次对话都是用户重塑智慧语音形象的过程。或可爱或高冷，用户在进行对话时，或多或少都能感知到智慧语音的角色设定。

统一角色是体验一致的保证

角色设定决定对话风格，相互冲突的对话风格对于用户就像是与多个“相互冲突”的角色在对谈，降低用户对系统的信任感。因此，技能设计中也要保证回复应答与小艺角色设定一致。

2.2.2 小艺角色介绍

（1）视觉形象： 生动直观，用于品牌传播 。

（2）声音特质：依赖听觉传递的人物画像，音色、语速、音调都会影响用户对角色的感受。

 温暖、轻快、年轻的女声。

（3）性格特点：角色设计的内核，角色详细设定的基础，可以显示角色的独特性。

聪慧博闻，有亲和力，温暖体贴，有恰到好处的小幽默。

（4）互动关系： 不同的互动关系决定了人际交往中的亲密感和地位，影响对话风格和角色定位。

一个独立、亲切的智能管家，准确、高效，帮助用户达成期望 。

（5）知识技能：能够做到的事， 代表角色的智力水平和能力范围。

解放双手高效操作，百科知识一句查询， 陪你解闷讲笑话。

2.2.3 小艺的对话表达特点

2.3 交互设计

2.3.1 典型交互过程

2.3.2 交互组件

对话体验发生在不同设备上，每个设备都有不同的能力、使用场景和用户期望，因此，通过组件来统一各设备上的对话体验。

（1）语音播报

（2）文字气泡

（3）视觉组件

（4）推荐指令

（5）视觉形象

2.3.2.1 推荐指令

推荐指令通过给用户提供与当前对话或场景（如时间、地点、日程）相关的话题或问题，帮助用户更轻松地继续与小艺对话。

（1）推荐指令分为对话指令 和 技能指令。

（2）推荐指令在两种模式下展示的样式相同。

（3）推荐指令可以不依附于卡片直接展示。

对话指令是用户可以用来回答小艺问题的相关“答案”，而技能指令是结束当前对话并且开始新对话或应用的相关“任务”。

并不是每段对话都需要添加回答指令和技能指令，但是它们对于完善主题、发现相关主题、后续步骤和支撑语轮转换很有帮助。当用户点击对话指令或技能指令，所点击的文字就会变成用户对小艺的回复。

2.3.3 手机端典型交互过程

手机上的小艺在10.0有唤醒悬浮态、对话全屏形态以及服务全屏形态三种形态。

全屏态可以提供更沉浸的对话体验，以及键盘输入、视觉输入的多模态交互入口。

用户唤醒小艺时为悬浮态，表现为全屏遮罩，背景半透明。

小艺完成收音/识别后，进入全屏，背景不透明。

2.3.4 多种设备下交互形态

小艺在泛终端下以符合设备使用场景的形态出现，设计师在设计时要考虑该体验是否符合该设备下的交互方式，同时兼顾视觉组件在其中的合理应用。

如下图，不同设备的使用场景对应用户使用时的专注程度，以此搭配相应的播报原则和显示策略。

2.3.4.1 布局

将一个终端上的体验向其他终端扩展时，考虑以下问题：

（1）设备能力如何？

（2）主要的输入和输出模态是什么？

（3）包含哪些对话组件？

（4）每个组件在终端设备上以什么形式与用户交互？

2.3.4.2 触点

每种设备根据自身的硬件形态和能力，为对话体验提供触点。以下为各个设备上用户可以唤醒小艺的方式：

（1）在手表上：①说出唤醒词；②按压侧面的语音键

（2）在手机上：①说出唤醒词；②按压侧边物理键；③点击桌面上的应用图标

（3）在智慧屏幕上：①说出唤醒词

（4）在电视上：①说出唤醒词；②按压遥控器上的语音键

（5）在音箱上：①说出唤醒词

（6）在车载屏幕上：①说出唤醒词；②按压方向盘上的语音键；③点击桌面上的小艺图标

2.3.4.3 走查表

为了更好的遵守和执行交互设计原则，在创造交互设计的时候，你的设计方案必须要符合设计走查表中的所有走查点。

2.4 视觉设计

2.4.1 概述

语音优先、设备友好、状态清晰的总原则，在视觉设计上的体现为：

（1）在带屏设备上展示一致的关键元素和信息

（2）为不同设备媒体的更优体验呈现不同的视觉样式

（3）有明确的视觉状态和主次分明的界面布局

2.4.2 品牌形象

2.4.3 品牌口号

有温度，够智能

理想情况下对话式交互体验能够让用户感觉到系统拥有“智能”，可以理解用户并使用同样的对话方式与用户进行交谈。但现实存在困难。

设计团队进行了大体量的用户问卷以及用户倾向性调研。我们发现活泼、有趣、又可靠的性格形象是大多数用户所希望的。传统冷静、严肃的机械化形象并不受欢迎。

同时，用户在不同的设备上唤醒小艺，静默、聆听、思考的状态是清晰、一致的，以帮助用户建立小艺的形象并形成整体统一的体验。

2.4.4 颜色系统

2.4.5 语音动效

2.4.6 跨设备下唤醒小艺

2.4.7 走查表

为了更好的遵守和执行视觉设计原则，在创造视觉设计的时候，你的设计方案必须要符合设计走查表中的所有走查点。

2.5 对话设计

对话交互虽然有高效、自然、免手免眼的优势，但由于技术限制，不是所有场景都适合使用对话交互，因此不是最佳交互方式。

对话交互的最终目的是为用户解决问题，提高效率，任何对话交互设计不能违背这一目的，这样才是合格的设计。因此设计师应该根据对话交互的优势，选择可以解决用户痛点的场景。

2.5.1 对话设计工作原理

当用户对小艺发出语音指令时（典型说话），小艺会判断用户想干什么（意图），并获取达成这个目标的一些关键信息（槽位）。

2.5.2 对话设计分类

对话设计主要分为任务导向型对话、查询导向型对话和开放式闲聊对话。

（1）任务导向型对话有明确的目标和需要参数化的关键信息。

（2）查询导向型对话一部分跟任务导向型相似，根据不同的关键信息给予不同的回答；另一部分则不需要把用户问话中的信息参数化，由小艺回答给定答案。

（3）开放式闲聊对话没有任何任务目标，可用于维护小艺已有的角色设定。

2.5.3 对话设计原则

2.5.3.1 概述

“合作原则”是由美国著名语言哲学家Herbert Paul Grice于1967年在哈佛大学的演讲中提出的。 Grice认为，在人们交际过程中，对话双方似乎在有意无意地遵循着某一原则，以求有效地配合从而完成交际任务。 Grice 把这些原则总结成“合作原则”(Cooperative Principle) ，用于指导双方如何能够顺利进行对话。

但由于Grice的合作原则是从人与人交互出发解释对话合作性的通用的指导方针，没有考虑由于对话设计技术带来的局限性，无法指导对话的设计。因此在这里结合Grice的合作原则，考虑对话设计的实际情况，提出了对话设计原则。

2.5.3.2 建立信任

1. 提供真实的信息

提供真实有效的信息，不过分夸大或欺骗用户。

2. 告知能力界限

（1）不要误导用户将小艺理解为真实的人类，过高的用户预期更容易导致对话的失败。

（2）在能力范围内提供足够的知识和推理能力。

（3）在合适的时机使用适当组件告知用户小艺的能力范围（详见对话组件-欢迎语，对话组件-错误，对话组件-提示，交互设计-推荐指令 ）。

2.5.3.3 信息足够

1. 传递必要信息前提下，播报时长合理

（1）播报时长感知与任务类型有关，闲聊型的播报可适当延长用以表达情感。

（2）有视觉组件反馈播报时长不应超过10秒，即保证正常人一口气可以说完。

（3）无视觉组件反馈播报时长不应超过20秒。

2. 话术简洁，避免不必要的冗长

在一些场合，如确认、列表，应该选择合适的表达方式进行播报，避免小艺说太多（详见对话组件-确认和对话组件-列表 ）

2.5.3.4 清晰易懂

1. 播报信息与任务相关

2. 使用常用词汇，不创造新概念。

（1）避免使用缩略词、领域内专业词汇和操作用语等。

（2）使用高频词汇，不要使用小众、专有概念，减少抽象概念。

3. 用词一致

标记某个物体或动作且具有文化共享含义的词汇，包括：名词、动词，和大多数的修饰语，在技能内要保持一致。

4. 避免使用复杂句式

避免使用如：被动句、双重否定（不得不…）、否定条件句（如果我不…，我就不会…）等复杂句式增加理解难度。

5. 考虑信息位置

（1）重要、新增的信息放在句首

（2）涉及用户操作的信息放在句末

6. 表述清晰，避免歧义。

2.5.3.5 对话自然

1. 使用口语

（1）使用口语词汇

（2）适当省略句子的成分（主语、宾语）

（3）适当省略句子连接词

（4）适当地使用语气词

（5）避免过于戏剧化的表达方式

（6）谨慎使用成语

2. 句式多样

（1）应该设计两种以上的播报句式

（2）不同播报句式语义要保持一致

2.5.3.6 对话友好

1. 不贬损用户

（1）不发表有损于用户的观点

（2）避免粗鲁、冲突性的用词