增哥导读:文章从不同方面对Apple Watch进行了解读,交互,表现,布局,传感器等等。作为设计师应该早早做好准备,也许下一波浪潮很快就到来。
今年 1 月份有幸应苹果邀请,秘密参与苹果 Watch App 的真机现场调试。4 月份,Apple Watch 会正式上市。在这之前,也算是亲自抢先体验了 Apple Watch,以及开发了一下 Watch App 的应用。一些心得分享给对 Apple Watch 有兴趣的同学。
支付宝钱包的同学和我们结伴而行。微信的团队也是和我们同时过去的,苹果官方不允许第三方开发者团队之间互相交流,不过我们还是找到机会一起聊了聊。
Apple Watch 有两种尺寸和三个版本,还有更多个性多样化表带可供选择。看到真机并佩戴后的总体感觉是偏小。38mm 和 42mm,其实用手指大概掐算一下也可以估摸出大小,42mm 版本对于我这种体型也就差不多大小,体型稍大的男同胞肯定会觉得比较袖珍。
三个版本的区别全在于表的材质和腕带上,表本身以及软件没有区别。测试的时候没有看到纯金版,遗憾。腕带完全走自主个性化方案,估计正式推出后,腕带这个配件会非常火。运动版的腕带材质感觉非常廉价,而且锁扣不是完全靠磁铁吸附,习惯了 MagSafe 或 Smartcover 那种完全磁性吸附的,会觉得比较 Low。
厚度的感觉跟大小有很大关系,38mm 版本看上去就会比 42mm 版本厚不少,真实佩戴上之后并没有感觉很碍手。屏幕分辨率分别为 272×340 和 312×390,尺寸横纵比 4:5,都达到 Retina 级别,精细度够高,设计师出图只需要。蓝宝石玻璃表面,陶瓷后背。
手势
点击,纵向滚动,横向切换这些手势跟手机上类似。为了更好地在手表界面上浏览,多出了 Digital Crown 和 Force Touch。
Digital Crown 就是那个滚轮,用他可以进行滚动,缩放等操作,同时滚轮中间其实是个 Home 键,点击可以返回 Home 页面。Digital Crown 让手指粗的同学看到了希望,让一些浏览操作可以离开屏幕操作。试想一下手指粗的同学,手指一盖上去就淹没了小表盘,肯定很囧。
Force Touch 就是我们说的猛戳,猛戳手势会带来 Menu 页面,开发者可以通过这种方式给当前页面添加一些额外的交互选项。
Digital Crown 和 Force Touch 手势目前都不开放,也就是说手势带来的效果是固定的,开发者不能获取手势具体的执行信息。WatchKit 没有自定义手势。
传感器
心率感应器:通过心率检测并结合相应分析能提供很多健康数据,而且心率检测时也针对各种运动情况做区分。对于关注医疗健康方面的应用,这个是主要关注点。
加速器:用来检测身体移动和记步,探知运动类型,算出卡路里。如果只是这样,可能精确度上跟一般的腕带没有多大区别。好在配合手机的 GPS 和 WiFi 后,能实现一般腕带无法达到的精准的测量。
Taptic Engine:准确来说,这不是传感器,这是苹果用来实现 Haptic feedback 的线性触动器。Haptic feedback被称为下一代交互形式,多出现在游戏控制器,包括 Oculus,提供给佩戴者触觉反馈。Apple Watch 通过 Taptic Engine 以一种更亲密的方式跟佩戴者交互,甚至能给朋友发送心跳这种信息。
App 表现形式
WatchKit App
WatchKit App 是整个 Watch App 的主体,承载 Glance 和 Notification。可以以相对丰富的样式展示信息,关于手表的大部分想法和 UI 交互应该在这里实现。WatchKit App 的交互方式可以想象成一个精简小屏定制的 iOS App,但是 iOS App 的很多 UI 框架不能在这里使用。相应的,苹果另起了一套 UI 框架来专门给 Watch App 使用。但是切换的成本并不高,一方面是因为现在的 Watch UI 库还很简单;另一方面,可以找到跟 iOS App 上的 UI 库很多对应,比如:WKInterfaceController 对应 UIViewController,WKInterfaceImage 对应 UIImageView 等。
Glance
Glance 是专门针对手表提出的一种集中浏览信息的方式,你应该把你最重要的,用户会实时关心的数据展现在这里。比如航班应用的当前航班信息,Todo List 应用的完成状况信息。Glance 这种交互方式是考虑到用户可能并不想以浏览的方式在手表上看信息,用户习惯了抬手一瞥,然后就放下了。因为一直依赖手表看时间就是这样。Glance 不支持交互,点击只能跳转到 WatchKit App,所以设计的时候不要考虑去加按钮等元素。Glance 界面只有一个,不支持滚动视图,可定制的地方只有一个大致方形的 Group。
Notification
Notification 是设计 Watch App 时需要多加考虑的环节,跟手机应用中通知的地位不一样。手表上的通知样式多样化十足,虽然跟手机通知一样的格式,却定位完全不同的展现方式。需要我们丰富现有的通知数据以利用,尤其是 iOS8 增加了跟 Notification 的交互后,通知的交互也逐渐丰富。
手表的通知拥有两种形式:Short Look 和 Long Look。Short Look 提供简单的文字信息;Long Look 又分为 Static 和 Dynamic,Static 的样式由设计时决定,而 Dynamic 则提供根据通知内容进行 UI 定制的能力。通知到达时是手表还是手机显示是由系统决定的,我在现场测试的时候,如果把手机应用从后台关了,然后屏幕锁屏,这时候通知就从手表过来了。
Glance 和 Notification 对字体是有限制的,默认只能显示系统字体,如果需要自定义则需要渲染成图片显示。
UI 布局
在 iOS 上纠结是用代码还是 xib 或 StoryBoard 写 UI 的,这下可以完全歇菜了。Watch App 开发时所有的 UI 元素都必须在设计的时候经由 StoryBoard 进行添加,运行时我们无法再向界面上添加或者移除元素(可隐藏)。与布局相关的某些属性,比如行高行数等,不能够在运行时进行变更和设定。基本来说在运行时我们只能够改变视图的内容,以及通过隐藏某些视图元素来达到有限地改变布局。
WatchKit 提供的布局可能性和灵活性相对较小,你只能在以“行”为基本单位的同时通过 Group 来在行内进行“列”布局。由于 Group 是那种针对单层平面进行填塞式的布局,所以无法叠加视图,给界面设计和交互带来了挑战。
动画方式目前开放给第三方的只能是帧动画,类似 gif 效果,有人为了精准实现 360 度的圆盘动画效果使用了 360 张图。自带的那些 App 酷炫的动效还不能实现。
以上三点需要设计师多加注意,一不留神就会开始自由发挥,不要为难开发者。
San Francisco 字体
Apple Watch 中专门针对小屏幕排版和交互内置了新的字体 “San Francisco”。新字体在大字号排版下会压缩复杂字母(如 “g” 或 “y”)以节省纵向空间;而在小字号下则会在笔划间留出更多空隙以确保用户以见底用户的辨认成本,同时标点符号的尺寸也会相对变大。当字号或文本面积改变时,Apple Watch 会动态调整字重和字号来保证最好的阅读效果。
限制还很多
虽然作为第一代新产品,比起当年 iPhone 一代刚出来的时候要开放了不少,但是苹果还是谨慎地把很多权限都收在手中。目前能看到很多 Apple Watch 上的预装应用很优雅,功能也要完善不少,第三方开发者暂时接触不到的一些主要信息有:
传感器信息第三方应用还拿不到;
动画 API 没有放开;
不允许执行需要权限的任务,后台任务以及耗时任务。
苹果也在不停地尝试应该给 Watch 怎样的权限和开放能力,包括 Beta 版本中 API 频繁地变更,有的权限开放又收回。
和 Android Wear 比较
在软件层面,Apple Watch 和 Android Wear 的很多地方是相似的:
依赖手机处理;
通知的重心上升;
App 设计轻量化。
虽然有很多相似之处,但目前的阶段的 Apple Watch 和 Android Wear 对 App 的定位有本质不同。对 Android Wear 来说,手表上的 App 和手机上的 App 是平等地位,即使手表也要依靠手机做运算处理。而对于 Apple Watch 来说,其工程结构上就是 iOS App 的附属增强(Extension),或许这个区别会导致两者今后走完全不一样的道路。在苹果现场真机中,手机上会有一个专门的 Watch 管理应用,用来管理和设置手表上的应用和信息,据说这里以后会有手表应用商店。
Apple Watch 的定位
现在对智能手表的看法五花八门,有人认为一个腕带可以搞定的事情,连屏幕都不需要;有人认为功能其次,好看是第一位;也有人欣喜地拿到 Moto 360 后发现什么也干不了而沮丧。从目前苹果的策略侧重点来看:
装饰品:手表首先是一个装饰品,真的拿手表主要看时间的人也不多。苹果意识到这点,推出各种定制和不同版本,但是做的不够好。所以目前有不少产品想从这一点上跟 Apple Watch 竞争。
健康管理:结合我们在现场看到一些应用,目前最令我感兴趣的还是健康追踪功能。从 iOS 8 开始,苹果开放了 HealthKit 框架,开始搭建健康管理平台。手表作为一个塞了这么多传感器的穿戴设备,能带来很多手机不能带来的健康数据。
控制器:手表作为控制器的便携性是天然优势,从 HomeKit 推出之后,可以猜想苹果对于智能家居方面的考虑。目前已经有一些比较酷的尝试,比如操作飞利浦的 Hue Light 智能灯泡,甚至控制 Tesla。
注:本文作者为手机淘宝开发工程师贾复。贾复和同事在去年12月受到苹果公司邀请,2015年1月赴美,前往加州硅谷苹果公司的总部Cupertino的AppleCampus进行为期一周的秘密调试。
作者:贾复;转载自:简书
原文链接:http://www.jianshu.com/p/0d60543d8c3e