分布式 | 分布式UI体验设计的思考与实践经验（下篇）

在《分布式UI体验设计的思考与实践经验（上篇）》中，华为资深专家王红军就UI设计中人机环境影响因素、参数化、模板化的基础元素和框架以及响应式的界面布局等方面内容做了分享。那么，还有哪些因素是在分布式UI设计中需要考虑的呢？

华为消费者BG UX设计部专家宋平在华为开发者大会EMUI分论坛上，重点从全场景的语音交互体验和协同设计方面进行了介绍。

一

一致性设计实现方法

1.全场景的语音交互体验

唤醒与回答：我们可以用“小艺小艺”来唤醒设备，但在使用环境嘈杂的情况下，语音唤醒成功率会受到影响，因此我们在每一个华为设备上做了一个统一的硬按键触发方式，以此来保证唤醒成功率，如电视遥控器、手机上的电源键和车机上的定制键等触发键。

除此以外，我们制定了规范让无屏音箱设备、带屏设备都可以采用一致的唤醒提示。为了丰富语音的交互体验，我们在按键唤醒上有提示音，在语音唤醒的应答上做了两个字以内的多应答语的规范。

应答反馈一致

响应式卡片模板：对比过去单模态、单设备直线型的交互方式的确定性，我们未来会面临多模态和全场景设备协同的交互方式。如何让服务内容在不同的设备上保持最佳显示，以及如何让语音交互在多设备之间连续互补是UX设计面临的两个挑战。

宋平介绍，华为主要通过原子化服务，在数据接入到用户接触的场景过程中，穿插了符合规范一致性要求的设计组件和设计模板，把开发写代码的工作量转化成做选择题，人因指导融入到我们模板当中，我们开发者可以直接选择进行设备适配。简单来说就是五步流程，准备数据、槽位视觉规格、卡片总体构成、媒体渲染、设备媒体适配。开发者可以主要关注第一、第二步，剩下的步骤交由我们的卡片模版工具来完成。

设计组件及设计模板概览

一致的视觉及语音槽位：我们把整个播报策略进行了细分，分为详细播报和简单播报。详细播报对应是VUI优先的智能设备，比如音箱、车机。简单播报对应的是以GUI为主且功能复杂的手机、PC、大屏、手表等。对于用户来说，他们每说一句话、输入一个意图给到设备，智能设备就会取到相应的输出设备，并匹配服务的内容。

对于分布式下的技能设计，华为的技术架构主要有两个关键步骤，一个是协同应答，还有一个是精准分发。用户说出一个意图，比如说提醒我明天交报告，用户输入之后，多个智能设备会有一个最适合的设备应答。识别意图之后设备会进行一个技能分发，比如说如果我们应答选择音箱，分发选择大屏，反馈阶段是怎么匹配内容。

多设备协同，精准分发

二

协同设计

一致性设计是分布式UX的基础，协同设计则是分布式UX设计的核心。在多设备使用场景下，设备的优势和模态选择的设计原则构建了协同设计的要素，业务团队和开发者可以根据协同设计的UI编程框架搭建出更加丰富的分布式场景。

举例介绍一下UI编程框架，比如一些女性用户在家里练瑜珈，由于双手是被占用的，所以大部分使用场景是手机支在地上，能够使用的最大屏幕尺寸就是手机的横屏，而分布式系统下我们可以协同调用大屏的显示。还有我们跨设备硬件调用，通过摄像头将自己的动作录在大屏上，形成一个校对，把瑜珈动作进行更好的比对，然后方便更多的学习。

在这个过程当中，其实用户也可以多模态交互，用我们的手势控制、语音控制和遥控器，来进行自由切换，打造用户极致的学习体验。

协同设计UI编程框架

·END·