使用引导

智能眼镜可以用新的方式延伸手机应用体验。在合适的时机介绍功能、教会用户使用,让眼镜自然地成为手机应用的一部分。使用引导应帮助用户完成必要授权,知道如何在眼镜上启动体验,并掌握应用相关功能。通用的应用引导与身份验证设计,请参阅手机应用使用引导。

何时引导,在哪里引导

眼镜的使用引导可以包括:

  • 检测眼镜。
  • 在眼镜和手机上发现可用功能。
  • 设置权限。
  • 学习使用方法。

这些流程可以在用到功能时出现,也可以预先集中进行;可以在眼镜中进行,也可以在配套应用中进行。

用到时再引导

介绍眼镜相关功能时,应优先采用适时引导:当用户在应用中遇到该功能时,再说明用法并申请权限。

在用户需要时出现的使用引导示例。

这样,用户可以在功能与自己更相关、也更适合使用时了解它,不容易忘记。这也是更适合回访用户的方式:用户首次配对眼镜后重新进入应用时,就可以触发功能介绍。

预先集中引导

功能教学和权限申请也可以在应用的使用引导或欢迎流程中预先集中进行。以下情况可能适合这种方式:

  • 眼镜能力是应用核心体验不可或缺的一部分。
  • 用户马上就会使用相关功能。
  • 计划安排较长的使用教学流程。

用户在完成引导后可能会忘记这些内容,因此可以从说明功能价值或提供信息的角度来设计这个阶段。

如果眼镜引导只是整个使用引导流程的一部分,可以根据情况决定:检测到眼镜后,是否告诉用户眼镜已可用。

向使用引导中增加步骤时,应控制流程长度。

在眼镜上进行引导

用户可以从眼镜启动应用。首次使用时,应给予欢迎提示、引导完成必要授权,并说明如何使用眼镜相关功能。

Android Developers 原始示意图

推荐

用简洁的声音和视觉反馈,说明特色功能的使用方法。

Android Developers 原始示意图

避免

在眼镜上安排注册等复杂流程。应将用户引导到手机完成。

通过配套应用进行引导

配套应用是眼镜的设置、支持与偏好管理中心。用户在这里配对眼镜,学习基本操作。既然配套应用已经介绍如何配对、使用眼镜和 Gemini,你的应用就不应重复这些基础知识,而应聚焦自身功能。配套应用还通过 Google Play 商店提供发现应用的入口。

首次设置

用户可能从多个入口发现并开始使用眼镜功能,设计时应覆盖这些路径。只要满足相应条件,就应提供首次使用体验。例如,用户此前已经完成手机应用的使用引导,但当时尚未配对眼镜;之后配对成功,再次进入应用,这正是介绍眼镜功能的合适时机。

从手机应用开始

在手机应用中检测到已配对的眼镜后,先介绍可用功能,再说明使用方法与权限用途。用户完成授权后,将体验接续到眼镜。

从手机接续到眼镜的精简引导流程。

进一步了解权限申请。

可在 Android Onboarding Figma Kit 中查看引导示例。

从眼镜开始

如果用户首次从眼镜启动应用的眼镜端活动,应先说明所需权限及用途,再引导用户到手机授权。完成后,可在手机应用内提供更直观的使用演示,也可以在眼镜端活动中继续引导。

如果应用接入了 Gemini,但用户尚未下载 Gemini 应用,应先提示用户在手机上下载。

从眼镜开始、转到手机完成授权的引导流程。

可以通过声音提示、提示音和手势提示,在眼镜端活动中进行教学;也应考虑,是否用一次集中的用法说明就能讲得更清楚。

在眼镜上开展使用教学的流程。

无论采用哪种教学方式,用户首次进入眼镜端活动时,都应有声音欢迎提示。

使用教学

清楚说明如何使用眼镜端活动,不要让用户猜测功能在哪里、该如何操作。

结合当前情境、在需要时出现的教学,可以告诉用户眼镜功能的入口及用途。

结合当前情境出现的使用教学。

教学流程应突出:

  • 值得尝试的特色唤起方式或操作。
  • 特有的输入映射或手势。
  • 如需使用摄像头或麦克风,应提醒用户会用到这些功能,并解释应用为什么需要它们。
Android Developers 原始示意图

避免

让用户猜测有哪些功能。应主动提供可以尝试的操作建议或指引。

功能介绍不必集中在某一个时刻。如果用户能在不同时间使用眼镜端活动中的一个或多个功能,应通过引导标记或提示说明指出这些功能。

按需介绍功能的使用教学示例。

设计资源

Android Onboarding Figma Kit 提供使用引导模板、用户流程和教学素材。也可以下载眼镜使用教学动效的 After Effects 文件,定制并在应用中实现教学动画。

要调整动效素材的颜色,请下载并打开 After Effects 文件:

  1. 打开 Master Color(主颜色)合成。
  2. 使用颜色区域中的取色点与色彩滑块。
  3. 输入十六进制颜色值。

之后可将动效渲染输出,或导出为 Lottie 格式。

After Effects 中的颜色选择界面。

Android Onboarding Figma Kit 包含适用于不同 Android 设备形态的引导示例和静态素材。

复制文件后,前往 Intelligent eyewear Welcome sequence(智能眼镜欢迎流程)页面,查看推荐的智能眼镜引导流程。

在 Intelligent eyewear Instructional illustrations(智能眼镜教学插图)页面,可找到用于手机应用的教学插图素材。

异常与恢复

在使用引导的各个阶段,都应考虑异常处理:

  • 如果眼镜解除配对,提醒用户。
  • 如果用户尚未授予权限,或此前拒绝过权限,应说明情况,并提供直达相应设置的链接,让用户授予权限。
  • 可提供帮助与支持入口,让用户复习或进一步了解眼镜功能。

组件与模式

使用 Jetpack Compose Glimmer 组件、提示音和声音提示,在眼镜端活动中开展使用教学。

  • 眼镜上的使用引导应遵循音频焦点状态。
  • 视觉引导可以使用手势说明、按钮和卡片。
  • 关于手机端的常见布局与组件,请参阅手机应用使用引导。