产品形态化DesignUI/交互设计规范

怎样为AppleWatch设计一个App

2015-09-25  本文已影响770人  大大的鱼

怎样为AppleWatch设计App

先讲一下AppleWatch设备本身的特点吧,手表是很私人化的物品,对用户来说它比手机更亲密。你会把手机,电脑借给他人使用,你不会把眼镜,耳环借出去。手表更像一件饰品而不是工具,通过表带的连接,用户更希望它能点缀自己变成身体的一部分。苹果官方也讲过这是所有产品中最personal的,如果体验不好的话就会像手上长了一个鸡眼那么难受。无法和谐融入用户的生活这也是多数可穿戴设备失败而没有大规模普及的原因之一。

AppleWatch作为一个自带操作系统的移动穿戴设备,定义了几个特有的交互规则:1.ForceTouch(按压),在当前界面呼出上下文菜单,就像电脑上点击鼠标右键,在安卓手机上点击菜单键。这是一个节约屏幕空间的解决方案,少了一个摆放菜单按钮的位置。这么做的弊端是操作比较隐晦,新用户可能不知道有这么一个功能,有一定的学习成本;有的界面可以呼出菜单,有的界面不会出现菜单,影响操作的一致性,会让用户感到迷惑。所以要在界面中设计一个通过“按压”动作呼出的菜单项,要做好界面的引导。

2.DigitalCrown,就叫表冠吧,就是以前给机械手表上发条,校正时间的装置。设计师沿用了这个重要元素,苹果一直保持着简约的逼格,多一个按钮是不能容忍的,所以这个东西必须要好好利用起来。苹果是怎么定义这个按钮的呢?在列表页,浏览图片或页面的时候,通过旋转表冠快速滚动页面;也可以调整时间和日期。(本人没有用过苹果手表,不知道表冠除了旋转之外能不能通过“按下”来确认选择)因为在表上输入是麻烦的,点击是不准确的,那么我们可以在选项设计中使用表冠来快速选择。比如在“输入密码”这样重要而精细的操作中,下面会示意是可以怎样做。

3.SideButton,侧边按钮,这个是系统预留的,App不能调用。苹果把它作为呼出联系人列表的快捷键,可见苹果对社交的重视。我原以为它会类似于iphone上的Home键,担任快速返回首页的功能。

4.左边框滑动,返回上一个层级。这是一个很用意思的交互,有点像抚摸你家的小猫,相当于点击了安卓手机的“返回”按钮。

AppleWatch的屏幕相对于手机来说是很小的,屏幕有两种高度38mm和42mm。在这么小的屏幕上要设计一款手机上使用的App,挑战是很多的。苹果希望App能与手表融为一体,消除软件和硬件的界限。要做到这一点,需要慎重考虑界面要呈现的信息,重新梳理App的信息架构,简化用户的任务流程,提炼出重要信息。我的几点建议是:层级深度不超过三级,单个界面可点击区域不要错过四个,突出最重要的操作。界面空间小不适合展示复杂导航系统,用户很容易迷失在某一个界面而不知所措。譬如这是一座塔,它的结构是不稳定的,不能堆得太高。触摸屏上直接和内容交互是人机交互的革命,但这种方式是低精度的,在如此之小的手表屏幕上,为了避免误操作,单个界面的点击区域不要超过四个。在设计的过程中要谨记界面空间的宝贵。为了节约界面空间,不要在页面中展示自己的Logo,如果为了突出品牌形象,可以把品牌的色彩融入到设计中,为了与手表融为一体,界面背景首选黑色。

值得一提的是AppleWatch独特的通知机制,App如果有实时的重要消息,可以用两种形式Shot Look(简短通知)和LongLook(详细通知)通知用户。用户抬起手腕的时候,可以看到简短通知,此时如果用户放下手腕(表示用户已知晓信息,或者认为不是特别重要),通知自动消失;如果用户点击简短通知或者抬起手腕超过特定的时间(表示用户对通知内容感兴趣,想进一步了解信息或者进行下一步操作),那么显示详细通知,用户浏览信息后点击“关闭”按钮或者放下手腕,详细通知自动消失。这种设计体现了自然交互的核心理念,设备可以感知用户的意图而自动展开行动满足用户的需求。还有一点与手机和电脑上不同是AppleWatch上的弹出框,它是布满整个屏幕的,切记要提供关闭弹出框的按钮,不要在一个弹出框上叠加另一个弹出框。

上一篇下一篇

猜你喜欢

热点阅读