目前我的工作基本上不大可能会需要设计一款Apple Watch应用,不过我觉得在Apple Watch上设计开发一款应用应该是一件很酷的事情,所以最近看了一些相关文章,也在这里分享下。
我还没买Apple Watch,也没有亲身体验一款Apple Watch,我只是看看文章或视频,我写的内容也许有错误。买Apple Watch前提还需要买一个iPhone6,事实上我现在用的iPhone5已经两年多了,最近屏幕碎了也懒得去修。虽然我是个苹果产品粉丝,不过我是个理性消费的人。(恩,我不会告诉你其实这是因为穷。)
先简单了解下Apple Watch应用。
一、导航
Watch支持两种界面导航方式:
- 层级式导航
适用于功能和数据较为复杂的产品,用户需要层层递进的访问某些功能或内容。大多数应用,比如聊天类、购物类,都适合使用这种导航方式。 - 页面式导航
适用于那些信息模型相对简单、不同模块之间不存在直接数据关联的产品。比如天气类应用,在不同的城市切换可以使用这种页面式导航方式。
你必须在这两种导航方式中选择一种来设计你的应用。
二、交互
- 轻点
和iOS App一样,列表、按钮、切换等控件都可以通过轻点来操作,这是Watch应用的主要交互方式。 - 手势
你不能在Watch应用里擅自添加任何定制的手势操作,系统已经自带了一些手势操作:
也许是考虑到屏幕太小,Apple Watch不支持多指手势,比如在iPhone上两指捏合能缩小地图是不支持的。
- 垂直方向滑动可以滚动当前屏幕;
- 在页面式导航应用,水平方向滑动能切换不同的页面;
- 在层级式导航应用,从屏幕左边缘向右滑动可以返回到父级页面;
按压(Force Touch)
这是苹果带来的一种全新的交互方式,Watch的屏幕能感知到用户的按压,从而呼唤出相应的菜单。Force Touch据说会运用在下一代iPhone上。数码表冠(The Digital Crown)
前文提到垂直方向滑动手指可以达到滚动当前屏幕的效果,但是在Watch如此小的屏幕上滑动手指,屏幕的内容往往会被手指遮挡,所以苹果发明了数码表冠,转动数码表冠就可以滚动当前页面。
曾经给手表上弦的表冠,在智能手表上被保留并赋予了新的交互方式,这样的设计既是一种产品传承,也体现了做为新事物的独特创新和灵感。
三、应用组件
Apple Watch应用除去App本身外,还包括Notification和Glance模块。
- 通知(Notification)
Notification类似于iPhone当中的通知,Notification分为“普通”与“可交互”两种模式,类似于iPhone会在屏幕顶端默认呈现“普通”的通知横幅,下拉后便会将其切换至可交互模式,提供回复一类的操作。在Watch端,这两种模式分别叫做“Short Look”与“Long Look”。
Short Look
为了让用户可以在最短时间做出判断,同时也为了保护隐私,Short Look只提供最少量的必要信息。界面简单至极,形式完全由系统模板定义,包括应用图标、消息标题以及应用名称三个组成部分,全部在一屏当中显示,不支持滚动。
当一条通知过来,Watch先以Short Look形式展示给用户,如果用户对当前消息没兴趣,只需要把手放下,通知会自动从屏幕消失。如果用户保持手腕姿势不变,Watch就会认为用户有了解更多信息的想法,进而自动将Short Look转换为Long Look,以提供更加详细的内容和可交互的选择。如此的智能和人性化,这才是好的设计。Long Look
相比于Short Look,Long Look内容形式稍微丰富,屏幕当然会更long,所以支持滚屏了呢。虽然内容相对丰富,但仍要遵循系统提供的标准框架:顶部栏由系统提供,用于显示app的图标及名称(可自定义背景色);最底部的Dismiss按钮同样由系统输出,用来关闭Notification;而这两者之间的区域则可以由app自己来定义,包括内容和互动功能两部分。
在Long Look里最多可以放置4个定制化的功能按钮,如果用户看到通知后需要有进一步的操作,那么你的应用应该尽可能让用户在这个4个按钮中完成,避免让用户再拿出iPhone,这就不是Apple Watch的目的了。
- 一瞥(Glance)
自从 19 世纪手表诞生以来,瞥一眼手腕查看时间,已经成了人们的习惯动作,有了 Apple Watch,这个习惯性的一瞥可以给你更多讯息。我们开发了Glance,这个功能可以将你查看最频繁的讯息提炼出来,使你常用的 app 更加适合在手腕上浏览操作。要查看相关讯息时,你只需用手指向上轻扫一下,就能立即浏览天气预报、查看日历上的下一步安排,或在地图上查找当前位置。你可以通过左右轻扫来翻阅不同的 Glance,或轻点其中一个,即可打开相应的 app 查看详情。
这是苹果对Glance的介绍,相信即便你没有Apple Watch也能感受到Glance到底是什么东西。
Glance有点类似于iPhone通知中心里的Widget,它是一个可选组件,每个App最多只能拥有一个Glance视图。由于它可以非常轻松的唤出,只需要手指从手表屏幕向上轻扫一下,所以你应该把用户最关心最常用的信息放在Glance里,比如一个to-do类应用显示用户接下来要做的事情,航旅应用可以显示用户当前航班的信息,理财应用可以显示用户昨天的收益情况。
Glance具有以下几方面的特性:
- 基于模板。Glance界面的上下两部分有各自独立的模板。你可以在Xcode当中挑选合适的模板,并按照相应的规格设计你的内容。 - 不可滚动。所有信息都要集中呈现在一屏当中。
- 只读。轻点Glance界面当中的任何地方都会打开相应的应用。 - 非强制。不是所有的应用都需要Glance视图,用户可以自主选择在Glance(s)中显示哪些应用的信息。
以上是对Apple Watch应用的一些基本了解,接下来我会写什么情况我们需要做一款Watch应用,为什么要做。并且会自己设计一款Apple Watch应用。
(本篇完)
一些有帮助的文章
Apple Watch平台认知与产品设计
http://www.beforweb.com/node/695
Apple Watch Design Resources
http://www.tuicool.com/articles/Z77JJbm
关于Watch应用的导航、通知、复杂任务及动效
http://www.beforweb.com/node/717
为Soundwave设计Watch应用时学到的五件事
http://www.beforweb.com/node/701
Apple Watch界面设计规范(预发布版本)
http://beforweb.com/node/596
为Apple Watch简化现有产品的设计思路
http://www.beforweb.com/node/709
初识WatchKit
http://www.cocoachina.com/ios/20141121/10276.html
题图来自Apple官网。