开始使用

使用 Jetpack Compose Glimmer 界面框架构建应用,在光学透视显示屏上提供增强体验。Jetpack Compose Glimmer 是首批针对透明显示屏和眼镜设备进行优化的界面框架之一。

1. 确定用户体验历程

专注于符合眼镜设备规格一目了然原则的关键用户历程 (CUJ)。这可以通过极简界面或纯音频来实现,让用户能够专注于周围环境。如需寻找机会,请考虑在当前应用中启动可受益于眼镜的入口点。

例如,用户可以受益于免触摸、精细的步行路线,帮助他们导航到目的地。

所选的用户体验历程还应考虑安全性、舒适性和性能原则。例如,不要选择需要长时间使用用户摄像头或侵犯用户隐私的任务。

了解基本原则。

从移动应用中提取可受益于眼镜设备规格的功能。例如,一目了然的体验。
将整个“电话”应用移植到眼镜,因为它们无法缩放到眼镜设备规格。

2. 最小化和平移

对于显示模式界面,请从核心应用中的 CUJ 开始:

  • 优化布局以提高专注度:布局会优先显示重要信息,减少操作和视觉元素的数量,以保持用户的专注度。

  • 使用深度来表示层次结构:深度用于传达元素的优先级。

  • 自下而上设计:构建模拟时,从底部开始,向上布局组件。

  • 转换视觉组件:对于带屏眼镜,请使用 Jetpack Compose Glimmer 组件和布局模式。

详细了解组件和应用数据视图。

购物清单应用将列表视图精简为极简列表体验,只需提供反馈界面。
图 1:一款购物清单应用,其内容已转换为适合在显示眼镜上显示的元素。系统栏在视觉上很明显,因为显示型眼镜上的界面通常是空的。在这里,应用栏可以转换为标题条状标签,而 Material 列表元素则转换为 Jetpack Compose Glance 列表。

3. 音频流程和提示

通过音频进行对话。即使在显示眼镜上,音频也应构成应用体验的重要部分,但您还需要考虑无屏眼镜的纯音频体验。为此,您可以创建一个纯音频流程图来描述此体验。通过音频提示和对话来记录互动和反馈。评估您的设计,避免音频流让用户感到不知所措。

创建纯音频流程图,帮助您规划不会让用户感到不知所措的对话式体验。

4. 地图输入控件

请务必规划好设备控件和手势的输入。您可以先将基本的应用互动(例如点按)转换为触控板点按。

继续输入。

XR 差异化应用提供专为 XR 量身打造的用户体验,并且搭载 XR 设备上的独有功能。

5. 考虑 SysUI

考虑其他系统接口。

您的应用将显示在主屏幕和其他系统功能(例如通知,如果使用的话)中。这些图标可能会显示在系统栏中。

详细了解系统界面

创建纯音频流程图,帮助您规划不会让用户感到不知所措的对话式体验。

6. 其他状态

您的应用在音频眼镜和显示眼镜上会遇到不同的情况,例如连接或权限问题。在核心应用和眼镜应用中都要考虑这些不同的状态。

请务必请求设备功能权限。

请记住,您需要通过视觉界面和音频来考虑这些因素。例如,通过音频反馈告知用户应在移动设备上完成权限流程,或读出错误。

在核心应用和眼镜应用中考虑不同的应用状态。 注意:开始使用 Figma 上的 Jetpack Compose Glimmer 界面套件。