使用 Jetpack Compose Glimmer 界面框架构建 AI 眼镜应用,以打造可在各种 AI 眼镜上运行的增强现实体验。Jetpack Compose Glimmer 是首批针对透明显示屏和 AI 眼镜设备规格进行优化的界面框架之一。
1. 确定用户体验历程
重点关注与 AI 眼镜形态的“一目了然”原则相符的关键用户历程 (CUJ)。这可以通过极简的界面或仅通过音频来表达,同时让用户能够感知周围环境。 如需寻找机会,请考虑当前应用中可从 Glass 受益的起始点。
例如,用户可以受益于免手动操作的精细步行路线,从而顺利到达目的地。
所选用户历程还应遵循安全性、舒适性和性能原则。例如,不要选择需要用户长时间使用摄像头或侵犯用户隐私的任务。
了解基本原则。
正确做法
错误做法
2. 最小化和平移
对于显示模式界面,请从核心应用的 CUJ 开始:
优化布局以突出重点:布局会优先显示重要信息,减少操作次数和视觉元素,以保持用户注意力。
使用深度表示层次结构:深度用于表示元素的优先级。
自下而上设计:构建模拟时,从底部开始,向上布局组件。
翻译视觉组件:对于显示 AI 眼镜,请使用 Jetpack Compose Glimmer 组件和布局模式。
经过优化的组件
B. 轮廓和突出显示:轮廓颜色已针对对比度进行了优化。突出显示功能可提供视觉表达效果,可能用于指示某些类型的输入。
C. 形状:采用更柔和的形状系统,通过降低边角锐度和提高舒适度来提升一览性。On Surface 颜色:内容的 On Surface 颜色为白色,可最大限度地提高与现实世界的对比度。
D. 排版:Glimmer 的排版比例使用一组精简的正文和标题样式,可优化字距调整、大小和粗细,以实现最佳的可读性和清晰度。
E. 图标:使用圆角 Material Symbols 与圆角排版比例相一致。
3. 音频流程和提示
通过音频进行对话。虽然音频应在 AI 眼镜应用中占据很大一部分,但不能让用户感到不知所措,您还需要考虑某些设备仅支持音频的情况。为此,您可以创建仅包含音频的流程图来描述这种体验。通过音频提示和对话来表示互动和反馈。
4. 地图输入控制项
请务必规划设备控件和手势的输入。您可以先将点按等基本应用互动操作转换为触控板点按操作。

6. 其他状态
您的应用在 AI 眼镜上会遇到不同的场景,例如连接或权限问题。在核心应用和眼镜应用中,都要考虑这些不同的状态。
请务必请求设备功能权限。
请注意,您需要通过视觉界面和音频来考虑这些因素。例如,提供音频反馈,告知用户应在移动设备上完成权限授予流程,或读出错误。