AppleWatch的移动设计原则

4年前发布

原创文章 / 工业/产品 / 观点
谁是波波曹 原创,如需商业用途或转载请与谁是波波曹联系,谢谢配合。

在VR眼镜之前,智能手表火了好一阵,现在不温不火,大家都去搞VR,最讨厌跟风,今天我们不跟风,继续聊智能可穿戴设备——智能手表之AppleWatch

智能手表作为可穿戴的设备代表,正走入普通人的生活,其意义是重大的。

目前有一些优秀的智能手表已进入我们的视野比如moto360,ticwatch、三星GearLive等产品。由于各种原因,拿不到实际产品体验,不然可以横向进行比较。相较而言,AppleWatch有朋友在用,他们知道我要写文章,非常慷慨地借我,还帮我拍摄视频,很感谢他们~~ 他们是:郑炫威、曾炎彬、张欢欢,非常感谢他们的大力协助。如果想对苹果手表有个基本的了解,请观看下方的视频:



这么一块表,屏幕那么小,在这个小平台上面做设计跟在手机平台上有什么差别?有哪些需要特别注意的地方?让我们一起来寻找答案


不急——

我们先来看看这款手表的典型使用场景:

38c5578b06290000018c1bc1b23f.jpg


AppleWatch使用特征:

4478578b0a270000012e7e3dec3a.jpg


闲话少说,进入正题——

通过实际体验及其特征,下面总结出6大设计原则,一些原则已经获得业内的广泛认可,一起来看看是怎样体现在AppleWatch上的~



1 简约


简约的目标是突出重点,让用户清晰快速的处理任务,在小屏幕上一目了然,迅速聚焦内容。

1.1  只抓重点,删除和隐藏不必要的内容

这从icon的设计就开始了,每个app都应该寻找独特的,有辨别性的图形和色彩搭配出让人印象深刻的icon,以便用户查找使用,主屏幕上的icon类似iOS应用程序,但是不附带文本。在如此小的尺寸上,icon必须清晰易于辨认,便于用户知道他们代表什么应用。特别要避免在icon中填塞大量不同的图形。找到某个能够捕捉应用精髓的单个元素,并能通过简单、独一无二的图形将该其展示出来。谨慎添加细节,如果icon的内容或形状过于复杂,那么在小尺寸屏幕上,这些细节会变得非常杂乱和模糊。

AppleWatch屏幕受限,界面上的操作内容不应复杂,简约至上,1个界面最好只处理1件事情;且内容优先,如在glance 上面,苹果的人机交互指南特别强调,要显示对用户有价值的信息,不准显示logo;

1.2  让用户一目了然

简化界面元素,来突出真正重要的内容,在浏览的过程中,适时隐藏一些干扰内容,让内容最大化。watch人机交互指南中,规范用黑色为手表的背景色,避免在界面中使用明亮的背景色。一方面提高图形和文字的识别性,另一方面黑色背景可以和设备的黑色边框无缝融合,让用户产生设备没有屏幕边缘的错觉,同时也省电,对于一天一充的手表而言,节约电量是一个很重要的课题。




2 高效

稳定,流畅,快捷都是高效的表现。


2.1  减少界面跳转,采用极少的界面完成任务。

应用在智能手表上的交互应该处于最简单的状态。在苹果前高管克里斯看来,苹果希望开发者将应用的交互成本降到最低。所有的任务都能在 1-3 秒内完成。比如,记录时间,只需简单的是/否或者开始/停止就可以了。

更少的页面跳转能增加页面的连贯性,减少用户的记忆负担,在形式上,需要给用户留存当前页,在功能上,可以适当设置全局性功能,使得用户路径扁平化


2.2  适度使用动画

如果影响界面的流畅,动效比较占内存,实际使用applewatch的时候,偶尔有卡顿的现象,影响体验,不如减少炫酷的动画,来达到稳定流畅的目的;

2.3  改变信息输入方式

比如文字数字的输入,由键盘改成语音或手写。AppleWatch上没有看到输入文字的方式,只有默认短信和语音还有表情;当然有一个数字界面是用来输入密码的,不过依然操作困难,因此并没有大规模的使用,只有在手表需第一次绑定手机的时候才出现,用的极少;在moto360手表上有一个输入方式,就是手写输入,我觉得超级傻,浪费时间,不如语音来的便捷(语音的准确性还是有待改进);



3 移动化


applewatch系统界面的设计除受限于极小的界面,移动特性,也被复杂的外在因素影响,如噪音的干扰,牢记Apple预期用户在10秒内突击使用手表,所以别在手表上照搬现成应用,必须将它升华。越了解设备的特征,越利于做出正确的判断。

ff66578b06d90000012e7ecd6797.jpg

3.1  多通道的设计

除了解利用手势进行设计,还需要了解传感器,语音识别和震动硬件,物理按键等如何更好的融合,让产品易于交互;比如利用手机传感器,将各种操作方式转移到传感器,充分利用视觉听觉和触觉,择优选择,协同的多通道界面和交互也会让用户更有真实感和沉浸感;Force Touch压力感应屏幕,增加了屏幕的设计维度;物理按键作为屏幕外的补充,可以简化界面,比如数码表冠和电源按钮;


3.2  及时有效的反馈

清晰即时的反馈起着重要作用,它能让用户明白自己的行为正在被后台程序响应和处理与否,但应避免过多的反馈;禁止向用户频繁发送通知;用户可能会将频繁推送的信息看做骚扰信息,造成糟糕的体验而被用户删除,所以要确保通知内容与用户想要相关。AppleWatch内置的Taptic Engine振动模组可以产生和屏幕交互相关的微妙的物理反馈;使用动效传达状态的反馈方式,帮用户视觉化操作结果



4 为触摸和手势设计

ee4a578b07010000018c1b9b1aa5.jpg

4.1  各元素可触物理区域不应小于7~9mm

不能为了审美的需要,而放置过小;在移动设计领域,可用性是放在第一位的;也有例外,因为Applewatch配备了数码表冠,滚动可以调节很小的参数,也可以放大和缩小,Applewatch上的触摸和iPhone上的触摸有很大的区别;


4.2  手势充分利用,手势交互不只是Tap点击

Applewatch上的操作基本上通过点击,双击,上下左右滑动,长按和用力按来完成,拓展手势输入,比如通过手画入图形,来与对方沟通,这是一个很棒的点子,但是没有文字说明的图形能起到的作用非常有限,可能也仅仅是起到提醒的作用,但是自定义手势仍有可发展的空间;又比如能感知动作,抬手就唤醒手表,而不需要按任何按钮,手势已延伸到人体动作层面




5 一致性


5.1  与iOS设计风格保持一致

例如ios左上角的返回设置,除非产品的特殊设计需要,否则尽量不改变;包括圆角弧度,扁平化,磨砂效果等,甚至动效;如果Apple Watch app的功能与iOS上的应用程序非常相似,那么icon要在视觉上保持一致;如果Watch app扮演的是辅助角色或者是iOS应用程序的控制器时,icon可以相应地有所不同eed0578b074c0000012e7e8f6d0b.jpg

5.2  与平台环境一致Apple Watch内部是一个整体

基本的结构布局,模块化内容,交互行为和视觉风格等方面的设计要遵循一致性的要求,为这个小平台做设计,尽量遵循设计指南;一个app适配到不同的平台,如何更好地平衡其自身品牌特性与平台特性呢?



6情感化设计


6.1  智能有爱

产品必须是吸引人的,有效的可理解的,令人快乐和有趣的。——唐纳德·诺曼

产品的情感化设计,可以让用户感觉关怀备至,比如出色的视觉效果,幽默的文案,惊喜的互动效果等,一般我们所说的情感化,是在具体情境下产生的;设计需要更多的情感化处理,比如用Apple Watch发送心跳,情侣之间发,有木有一种我爱你的感觉。

f7d5578b07670000018c1b897c3e.jpg

6.2  知道用户在意什么,比如保护隐私

Apple Watch上的通知可促使用户与本地或者远程通知进行快速、轻量级的交互。这些交互主要发生在两个阶段,分别由Short-Look和Long-Look界面管理。当本地或者远程通知首次到达时展示Short-Look界面,该界面为用户展示了深思熟虑的最小化信息-保护一定程度的隐私。如果用户压低手腕,Short-Look会消失。如果用户手腕抬高或者点击Short-Look界面,则会展示Long-Look界面,该界面提供了更多详细信息和功能,这些,用户是可以自定义的。



题外音——

讲了这么多

这款手表到底设计的怎么样呢???


隔壁老王说的挺中肯:

王自如对Apple Watch的评价:“看完发布会依然对可穿戴无感。Apple Watch的定位没看明白,功能和售价几乎等同手机,但是需求上低于手机。使用场景也没明白,功能上是想干所有事儿,我觉得不如只干几件事儿。设计无感,续航看真实也就一天的样子。没有杀手级功能的情况下,其他低售价、单一功能的产品仍然有机会。”


在手机的大环境的下,普及到一定程度,解决续航的硬伤,才会有价值一些,否则始终有累赘之感。目前来看,确实没有特别亮眼的功能,仍然比较鸡肋,虽说库克夸口说第一代苹果手表满意度高达97%,但是我身边的2位借表给我的同事,都是挺不满意的,难道是刚巧成为了那3%不满意的?

苹果手表虽然遵循了一系列的优秀设计原则,依然称不上是一款出色的产品,这告诉我一个道理:不是说遵循了优秀设计原则的就是好产品,好的产品是解决迫切的需求,有时候打破规则。




——  结  ——


本文通过一些实例讲述Apple Watch平台上的特征与设计原则,希望对大家有帮助!!



(本文参考书籍:《方寸指间》/《移动设计》/《情感化设计》/《交互设计精髓3》)


   ——————

 THANKS FOR WATCHING



12
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    没有新消息