随着科技的发展,移动智能设备已经不局限于智能手机,可穿戴智能设备成为移动智能设备的重要类型之一。新型的智能设备一直是交互设计师密切关注的。
智能手表是日常生活中最为常见的可穿戴智能设备。Apple Watch是主流智能手表中的一员。苹果在今年的全球开发者大会上宣布在watchOS 6中将拥有独立的App Store,更多的APP可独立于iPhone运行。携程旅行APP也紧跟苹果官方指导,升级现有APP,支持在Apple Watch上独立运行并优化设计。
本篇文章以苹果官方设计文档和工作中积累的经验为基础,分享watchOS中APP设计的相关内容。希望能帮助没有接触过watchOS的设计师和其他相关人员形成一定的认知。具体包括以下几个方面:
1 watchOS设计基石(Design Themes)
2 官方设计规范概览
2.1 APP构成
2.2 屏幕尺寸和安全区域
2.3 常用操作和组件
3 设计过程中的几点关注和思考
3.1 重新思考APP功能
3.2 输入的设计
1. watchOS 设计基石
由于使用场景的不同,Apple Watch中的设计基石不同于手机。
轻量级的互动。Apple Watch专为快速交互而设计,可充分利用显示器及其在用户手腕上的位置。信息可以快速方便地被访问和解散。好的应用程序应该是支持快速交互,并专注于用户最关心的内容。
整体化设计。Apple Watch旨在模糊设备和软件之间的界限。例如,Force Touch和Digital Crown让用户可以与屏幕内容无缝交互。应用程序应该增强用户对硬件和软件难以区分的看法。
个人的交流。由于Apple Watch的设计是为了佩戴,因此其UI与用户的存在相适应。没有其他Apple设备与用户如此紧密地联系在一起。在设计过程中要注意这种联系。
2. 官方设计规范概览
基于官方设计规范从三个方面描述watchOS中的APP,包括APP构成、屏幕尺寸和安全区域、常用操作和组件。
2.1 APP构成
在进行APP设计时,需要包含三部分:主APP、通知(Notification)和表盘信息(Complications)。
主APP:APP存在的基础,为用户提供更全面和相对复杂的内容和功能。
通知(Notification):推送给用户的,显示在屏幕最上层的信息。包括Short Look和Long Look两种。
Short Look提供非常简洁的信息,仅包含三部分:APP的图标、通知标题和APP名称。其中仅有通知标题可修改。
点击Short Look或抬腕查看可切换为Long Look。Long Look可展示更多的信息,同时可提供对通知的快速操作。
表盘信息(Complications):作为某些表盘中的信息出现。
2.2 屏幕尺寸和安全区域
Apple Watch在设计时主要需要考虑四种尺寸,分别是38mm,40mm,42mm,44mm。
值得注意的是,苹果提出了安全区域这一概念,并明确给出不同尺寸屏幕的安全区域。
苹果明确规定屏幕上方用于放置页面名、时间、返回等信息和操作。对比手机界面,可理解为简化的状态栏+标题栏。
屏幕内下方同样留出了安全区域。由于表盘本身是圆角设计,超出安全区域可能导致显示内容被遮挡。但是并不意味着此区域不能显示内容。因为通过滑动屏幕,用户仍然能够浏览信息或进行操作。苹果将页面横向切换时的Page Controls固定在此区域显示。
该屏幕内元素不能超出两侧的安全距离。这一点在设计时,特别是视觉设计阶段需要注意。
2.3 常用操作和组件
Watch中APP的导航方式有两种,包括分层导航(Hierarchical Navigation)和页面切换(Page-based Navigation)。由于手表的设备特性,需要避免创建深度超过3级的APP层级结构。过多层级可能导致用户在使用过程中对当前位置感到疑惑。
分层导航(Hierarchical Navigation):用户点击其中一个项目时,会出现一个新页面,显示关于该项目的详细内容。
页面切换(Page-based Navigation):用户水平滚动在页面间切换。底部的点表示当前页面在所有页面中所占的位置。由于切换浏览页面更耗时,因此需要限制界面中包含的页数。
watchOS在很多方面和iOS相似,提供了模态的Alerts和Action Sheets。
watchOS也提供了大量基础组件,包括按钮、时间日期、滑块、开关、表格、滚轮、视频播放等。这些组件的操作一方面和手机屏幕中组件的操作保持一致,另一方面结合手表特有的Digital Crown,帮助用户进行精确选择。
另外,watchOS同样支持Force Touch,用力长按可显示当前屏幕的菜单。菜单中最多可放四个操作。
3. 设计过程中的几点关注和思考
3.1 重新思考APP功能
在熟悉规范的基础上,最重要的是基于使用场景和用户习惯对APP的功能重新进行思考。
首先,需要明确用户最关心、最希望看到的功能,以此作为APP的基础。携程旅行的手机APP十分复杂和庞大,但在Apple Watch中只将用户最关注的、和使用场景最贴切的行程/订单信息放在APP中。
其次,为用户提供苹果设备间的配合和无缝切换体验。苹果提供了苹果设备之间快速传递信息的服务,比如hand off、遥控拍照等功能。在进行watchOS中的APP设计时,也可考虑应用此特性,为用户创造独特的体验。
最后,还可为手表用户提供独特体验。微信中的发送小信号就为用户创造了有趣的互动体验。在Apple Watch的微信APP中,通过Force Touch可以在聊天界面调出“发送小信号”的功能。点击发送小信号后,聊天对象会在他的屏幕上收到一个小信号特有的弹窗,并可进行点击操作。对方点击后,用户可在自己的屏幕再次收到聊天对象的反馈。这个功能仅可在Apple Watch中触发,像彩蛋一样,提升了用户对APP的好感。
3.2 输入的设计
由于屏幕的限制,智能手表中的输入方式必然不同于手机。信息的输入是watchOS的关注重点之一。我们整理了苹果出品的短信、天气等APP中的输入方式。共有三种,包括听写、涂文字和拨号键盘。
听写:直接识别用户的语言,生成固定文字内容。内容不可修改。
涂文字:手写输入。识别完成后可对部分内容在系统提供的范围内进行调整。
拨号键盘:通过点击输入电话号码。
无论何种输入方式,在Apple Watch上的操作流畅度都还不足。因此,尽可能地为用户提供合适的备选项是设计过程中需要注意的。
End
以上是在工作过程中watchOS中APP的设计积累。欢迎大家讨论、指正。
主要参考资料为苹果官方文档——Human Interface Guidelines – watchOS;截图来自官方网站及Apple Watch Series 5截图。
本篇文章来源于微信公众号: TripDesign