开始设计

使用 Jetpack Compose Glimmer 界面框架,打造适用于光学透视显示的增强体验。Glimmer 是最早一批专门针对透明显示和眼镜形态优化的界面框架之一。

1. 选择关键用户旅程

优先选择符合眼镜“一眼可读”原则的关键用户旅程(CUJ)。这类体验可以通过极简界面或纯声音呈现,同时让用户继续关注周围环境。可以从现有应用的使用入口入手,寻找适合延伸到眼镜上的场景。

例如,无需手动操作、逐步提供转向提示的步行导航,可以帮助用户到达目的地。

所选旅程也应考虑安全、舒适和性能原则。例如,避免选择会无必要地长时间占用摄像头,或侵犯用户隐私的任务。

进一步了解基础设计原则。

Android Developers 原始示意图

推荐

从手机应用中提取能发挥眼镜优势的功能,例如一眼可读的体验。

Android Developers 原始示意图

避免

把整个手机应用照搬到眼镜上。手机应用的完整形态并不适合眼镜。

2. 精简体验,适配界面

设计带屏模式的界面时,从主应用的一条关键用户旅程开始:

  • 突出重点:布局优先呈现必要信息,减少操作项和视觉元素,让用户保持专注。
  • 通过纵深表达层级:用深度区分元素的重要程度。
  • 自下而上布局:绘制界面时,从画布底部开始,向上排列组件。
  • 转换视觉组件:为带屏眼镜采用 Jetpack Compose Glimmer 组件和布局模式。

进一步阅读组件与应用界面。

购物清单从手机界面转换为带屏眼镜上的简洁列表。
图 1:将购物清单应用转换为适合带屏眼镜的界面元素。带屏眼镜上的界面通常为空,因此系统栏在视觉上较为突出。这里,应用栏可转换为标题胶囊,Material 列表元素可转换为 Jetpack Compose Glimmer 列表。

3. 设计声音流程与反馈

让声音交互具有自然的对话感。即使在带屏眼镜上,声音也应承担应用体验中的重要部分;对于无屏眼镜,则需要完整考虑纯声音体验。可以绘制纯声音流程图,用声音提示和对话标注每一步交互及反馈。评估整个流程,避免声音信息过多,给用户造成负担。

用纯声音流程图规划自然、不过度打扰的对话体验。

4. 明确输入与操作的对应关系

梳理设备控件、手势与应用操作的映射。可以从基本交互开始,例如把应用中的轻点操作映射为触控板轻点。

继续阅读输入方式。

Android Developers 原始示意图

5. 将系统界面纳入设计

设计时也要考虑应用与其他系统界面的关系。

应用会出现在主界面中,也可能通过通知等系统功能呈现;这些内容可能出现在系统栏中。

进一步了解系统界面。

Android Developers 原始示意图

6. 补齐其他状态

应用在无屏眼镜和带屏眼镜上都会遇到不同情况,例如连接异常或权限问题。手机主应用和眼镜应用都应考虑这些状态。

务必为所需的设备功能申请权限。

这些状态需要同时从视觉界面和声音两个方面设计。例如,用语音告知用户需要回到手机完成授权,或读出错误信息。

手机主应用与眼镜应用都应覆盖不同运行状态。