设计原则

要构建完美的分布式体验,需要遵循如下设计原则:
体验增值:简单叠加更多的设备并不能带来更好的体验,反而可能造成体验下降。要谨慎的设计分布式体验,跨设备交互要能提供明显的体验提升,例如更好的感官体验、更好的交互效率等。
无缝流畅:从一个设备切换到另一个设备的过程是流畅的,设备与设备的协同是无缝的,就像是在使用一个设备一样。
清晰明确:跨设备交互是新的使用体验,用户可能没有预期,跨设备交互的指引要清晰明确,可以帮助用户快速了解和学习跨设备交互的使用。
易于理解:跨设备交互是新的使用体验,用户可能没有预期,但跨设备交互应该是易于理解和记忆的,方便用户长期持续地使用。
用户可控:在跨设备交互时,用户要能够随时切换到单设备或其他可用的跨设备交互模式。
沉浸无干扰:更多的设备为沉浸式体验提供了更多可能,考虑根据设备的属性在不同设备上分配信息,最大化提供沉浸无干扰的体验。

分布式体验架构

把分布式体验分为连续性体验协同体验两种类型。
多端联动的分布式设计 - 图1

  • 连续性体验是指当用户在一个设备上发起操作,并切换到另一个设备上继续操作时,用户能够马上在新的设备上继续当前的操作。连续性体验包括任务接续和音视频接续。
  • 协同体验是指多个设备上的软件和硬件能力相互协同,作为一个整体为用户提供比单设备更加高效、沉浸的体验。协同体验包括软件协同和硬件协同。

连续性设计

1-任务接续

用户使用应用的过程中,当使用情境发生变化时(例如从室内走到户外、从办公室到车上等),之前使用的设备可能已经不适合继续当前的任务,或者周围有更合适的设备,此时,用户会选择新的设备来继续当前的任务,这就是任务接续。任务接续适合文档编辑、通话、导航、订单等场景。例如,在手机上开启了导航后,手表可以同步显示导航的信息,在不方便拿起手机的情况下,用户只需要抬腕做简单的操作就可以查看导航信息。
多端联动的分布式设计 - 图2
一个好的任务接续的设计会让整个接续的操作过程非常自然流畅,不需要用户做额外的操作。
应用在设计任务接续时,需要考虑如下因素:

  • 为用户提供任务接续的明显入口或指示。
  • 接续后,新设备需同步呈现原设备上任务的状态,避免接续造成用户的迷失。
  • 接续后的任务呈现要能够满足用户当前的主要任务诉求,用户不必在原设备上继续操作。

任务接续适合的场景有:

  • 导航时接续到手表,随时查看导航信息。
  • 打车时接续到手表,随时查看车辆位置。
  • 点外卖时接续到手表,随时查看外卖信息。
  • 视频来电时接续到智慧屏,更沉浸地视频聊天。

2-音视频接续

音视频接续是比较常见的一种接续方式。当用户在一个设备上使用音视频应用时,为了能够得到更好的音视频体验,把音视频输出接续到音质或显示效果更好的设备上(如音箱、智慧屏等),这种体验就是音视频接续。
多端联动的分布式设计 - 图3
音视频接续适合的场景有:

  • 音频接续到音箱、智慧屏
  • 视频接续到智慧屏

3-接续交互触发方式**

接续有三种交互触发方式

  • 自动接续
  • 智能推荐接续
  • 手动接续

自动接续是指经过用户授权后,当用户执行特定任务时,周边存在符合条件的可用设备,则该特定任务可以自动到该可用设备上继续执行。
自动接续必须在用户授权确认后开启,且应用内需要提供关闭自动接续的入口。原则:用户可控:授权确认开启、随时可以关闭。仅少数特定任务和特定设备适用,不可滥用。方式:显示授权弹窗,可以设置是否自动接续、是否需要提示等。
智能推荐接续:AI根据用户习惯、场景和可用设备,主动推荐最适合的设备进行接续。原则:不干扰当前操作。方便操作,提升效率。符合用户场景。方式:左下角推荐角标,可展开全部设备。

手动接续:提供应用内接续的入口,用户手动选择合适的设备进行接续。原则:接续图标在不同设备不同场景下有统一的样式。手动接续按钮触发全量的可用设备列表。方式:手动选择接续设备

**

协同体验设计

软件协同

主要包括智能推荐协同和手动协同。
当在一个设备上进行操作,需要的功能没有安装或周边其他设备上该功能有更好的体验时,可以通过调用其他设备上已安装的功能继续进行操作。例如在智慧屏上进行摄像拍照时,调用手机的人像处理功能进行实时美颜换肤。
软件协同触发方式:智能推荐协同(AI根据场景和可用设备的软件能力、执行任务设备的物理属性,判断是否进行跨设备软件协同的智能推荐,半模态交互),手动协同(当在一个设备上进行操作,周边其他设备上该功能有更好的体验时,用户可以手动触发软件协同。)

硬件协同★

一个设备需要另一个设备进行硬件协同,主要是因为另一个设备上有本设备不具备的或比本设备明显更合适的能力,协同后这一项能力得到增强。
常见的硬件能力有:

  • 显示能力
  • 摄像能力
  • 音频输入能力
  • 音频输出能力
  • 交互能力
  • 传感器能力

1-显示协同

显示协同是硬件协同的常见场景。根据应用界面的构成,显示协同有如下两种常用模式

  • 显示分离模式是指把一个设备上的一个界面或多个界面中的内容分拆到多个设备上同时显示,达到更有效利用显示空间的作用。分拆的内容显示需要根据显示的设备进行响应式布局。场景举例:邮件应用的列表和详情可以分别显示在手机和智慧屏上,在手机上快速的定位要查看的邮件,在智慧屏上更清晰地查看邮件内容。
  • 显示和功能分离模式,显示和功能分离模式是指把一个设备上的一个编辑类界面中显示和功能操作的部分分拆到多个设备上同时显示,这样可以有效利用显示空间,提高交互效率。场景举例:文档编辑应用的文档内容和周边工具菜单可以分别显示在智慧屏和手机上,在手机上快速的操作编辑菜单,在智慧屏上更清晰的查看编辑的效果。

多端联动的分布式设计 - 图4
**

2-摄像协同

  • 优选模式:优选模式是指用另一个设备上的摄像头能力替代本设备上的摄像头进行摄像。(如摄像头质量差别、角度位置差别等,进行摄像协同)
  • 多路摄像模式:是指一个设备调用另一个设备上的摄像头和本设备上的摄像头组合在一起使用。当需要提供除本设备外更多的摄像取景画面时,通过调用另一个设备的摄像头来获取多路摄像的效果。

多端联动的分布式设计 - 图5

3-音频输入协同

  • 收音增强模式是把另一个设备的音频输入能力作为补充,提供更清晰的收音效果。场景举例:上课时坐得比较靠后,听不清老师的讲话,可以把另一个具备音频输入能力的设备放在离老师近的地方,通过收音增强模式获得清晰的收听效果
  • 话筒模式是把另一个设备的音频输入能力作为话筒来使用,当用户需要更好的话筒效果或更多的话筒时使用话筒模式。话筒模式通常需要跟音频输出设备(如音箱)结合使用,把话筒的效果通过音箱播放出来。场景举例:在比较吵闹的地方,用户把EMU手机作为话筒,将声音通过连接的音箱进行播放,达到类似专业话筒的效果。在K歌的时候,把一个手机作为话筒接入K歌软件,达到多个人多个话筒合唱K歌的效果。

多端联动的分布式设计 - 图6

4-音频输出协同

多端联动的分布式设计 - 图7

  • 音视频分离模式是指把一个设备上视频播放场景中的音频分拆到其他设备上,可以提升特定场景下的音频使用体验。场景举例:当手机视频接续到智慧屏观看时,为了不吵到其他人,把音频切换到耳机进行播放。
  • 多路音频播放模式是指一个设备上的音频输出和另一个设备上的音频输出同时使用,可以提供立体声或同时在不同设备上播放不同音频等使用体验。(如apple homepod mini)场景举例:HarmonyOS 设备连接多个音箱同时播放一首音乐,提供立体声的播放效果。手机一边通过音箱播放音乐,一边通过耳机接听电话。
    多端联动的分布式设计 - 图8

5-交互协同

多端联动的分布式设计 - 图9

  • 内容输入协同是指利用另一个设备上便捷的内容输入能力帮助本设备进行内容输入,提升内容输入效率。场景举例:在智慧屏上进行搜索时,在手机上帮助智慧屏进行文本输入。通过智慧屏上网课时,在手机上帮助智慧屏进行手写答题或绘画。
  • 控制输入协同是指利用另一个设备的更方便的交互能力帮助本设备进行操作,提升操作效率。场景举例:在智慧屏上玩游戏时,利用手机作为游戏遥控器进行游戏操控。

6-传感器协同

多端联动的分布式设计 - 图10

  • 生理数据检测是利用其他有生理数据检测能力的设备(如手表)获取生理数据,一般用于运动、健康类应用。场景举例:在智慧屏上学习健康类课程时,通过手表获取实时的心率数据,并显示在智慧屏上,帮助用户了解健康状态,给出健康建议。
  • 运动数据检测是利用其他有运动数据检测能力的设备(如手表)获取运动数据,一般用于运动、健康类应用。场景举例:在智慧屏上使用运动类应用时,通过手表获取用户的运动数据,并显示在智慧屏上,帮助用户了解运动状态,给出运动建议。

组合能力协同

在实际设计中,不是所有的协同都是单纯的某一项能力的协同,例如某些场景下可能同时使用智慧屏的显示能力和摄像能力。这种情况下,可以组合这些能力进行协同,提供更加符合场景的协同体验。

设计自检表

设计自检表详细列举出了在分布式设计和开发过程中应当注意的用户体验要素,提交审核前请再次检查各项是否符合要求,这将帮助应用减少用户舆情且提升用户体验的一致性。
自检表的要求范围分为“必选”与“推荐”两类。必选类一般为已总结出的较优解决方案或效果,表示相关设计需要按照此原则统一执行;推荐类指可能受应用品牌风格或业务特殊性影响,可适量做出修改。
请参考以下表格范围内提出的要求对应用进行检查。

类型 条目 说明 要求
整体体验 体验增值 跨设备交互要能提供明显的体验提升,例如更好的感官体验、更好的交互效率等。 必选
无缝流畅 从一个设备切换到另一个设备的过程是流畅的,设备与设备的协同是无缝的,就像是在使用一个设备一样。 必选
清晰明确 跨设备交互的指引要清晰明确,可以帮助用户快速了解和学习跨设备交互的使用。 必选
易于理解 跨设备交互应该是易于理解和记忆的,方便用户长期持续地使用。 必选
用户可控 在跨设备交互时,用户要能够随时切换到单设备或其他可用的跨设备交互模式。 必选
沉浸无干扰 考虑根据设备的属性在不同设备上分配信息,最大化提供沉浸无干扰的体验。 推荐
基础要求 字号 跨设备的界面字体大小要符合对应设备设计指南的字体大小要求,保证界面内容的可读性。 必选
颜色 跨设备的色彩定义要符合对应设备设计指南的色彩定义要求,保证用户有效的信息获取。 必选
图标 跨设备的图标要清晰表达功能含义,不产生误解。 必选
图片 跨设备的图片和视频要保证显示的比例和质量,不出现变形、模糊等问题。 必选
布局 跨设备的界面要根据对应设备进行响应式布局,有效利用屏幕空间。 必选
交互 跨设备的交互要符合对应设备的交互定义,保持用户的交互习惯。 必选

IoT设计

语雀内容

智慧屏设计

语雀内容

参考

华为开发者平台

华为开发者大会2020(消费者业务)

硬件协同模式

基于场景和设备属性设计硬件协同