Ticwatch 是由出门问问研发的一款智能手表。搭载出门问问自主研发的语音和智能服务,内置自主研发的应用和精美的表盘。用户也可以从应用商店和表盘商店获取更丰富的应用和表盘。前几代产品搭载自主研发的基于 Android 的 Ticwear 系统。最新一代的产品采用 Google 的 Wear OS 系统。
在2015年9月我加入了出门问问,并在接下来的一年时间里,负责 Ticwear 的用户体验设计。能够参与一个前沿科技产品的体验设计,至今我都觉得非常的开心和幸运。有机会看到自己的设计不断的出现在一款自己喜爱的硬件产品上,这种感觉非常美妙,特别是当自己设计的图标、界面出现在发布会的大屏幕上,对我这样一个从纯工科转行来做设计的人来说,实在是莫大的鼓励。感谢出门问问的每一个小伙伴。
我在这里分享一些 Ticwear 最重要的一次版本更新——4.0 版本时我做过的一些设计方案、设计思路和对产品开发的理解。
智能手表的表盘界面是用户最常看到的界面,日常的体验大部分都从表盘开始。随着表盘设计的不断进步,表盘已经不仅仅用来看时间,还承载越来越丰富的信息和功能,逐渐变成智能手表最重要的界面。过去,一支传统手表只对应一个固定的表盘,而在智能手表上,人们能体验到无限多的表盘。
Ticwear 4.0 版本之前的表盘设计,突出了创意和个性化的特点,整体比较简洁,也有一些很有趣的设计。
经过一段时间的经验积累,我总结了几个表盘设计的关键点:
如果有些原本很喜欢的表盘上,却没有用户经常关注的信息,会很让人失望。所以我们在设计新表盘时,尽可能多的展示除时间日期之外的日常信息。我们认为星期、天气、温度,手表电量和步数是除了日期之外一定要在展示在表盘上的,其他例如:PM2.5,心率,手机电量,日程提醒,应用入口等的则可根据表盘的主题做选择性的展示。
遗憾的是,实际上,即便我们在设计表盘时尽可能多的融入了上面提到的信息,还是会有很多用户的需求无法覆盖到。虽然比以前稍有进步,但这依然不是一个科学的、聪明的方案。
这里不得不提到 Apple Watch 表盘上的 Complication (复杂功能) 的设计。Apple watch 的表盘,大部分(也可能是全部)都可以由用户来做自定义。自定义的价值,不在于视觉样式上的自定义,而是那些可以展示在表盘上的 Complication 自定义。这个是 Ticwear 没有去尝试的,也就意味着在 Ticwear 上,如果一个表盘在设计的时候,就没考虑天气的展示,那用户是没机会在一个自己喜欢的表盘上一眼就看到天气信息的。Complication 也让常用的应用程序可以变成一个快捷的入口,从表盘就可以直接进入。
由 Complication,可以引出另一个产品设计问题:Apple watch 还提供很多其他跟时间相关的功能,比如:世界时间,日出日落,月相等,而 Ticwear 上没有提供这些信息和应用。作为一个智能手表,我认为是可以尽可能满足用户更多的 关于时间 的需求的。
智能手表虽然有一块什么都能显示的屏幕,但手表仍然是个饰品,表盘和外观更多时候应该看上去是一个整体。Ticwear 4.0 之前的表盘设计相对来说是独立于外观的。从4.0版本开始,表盘设计更多的考虑与外观的搭配,我们开始尝试并陆续设计出了更多拟物风格、传统风格的表盘,可以用来搭配不同的表体和表带。
除了视觉上的丰富变化,表盘还可以在功能上更加丰富,例如,运动表盘,天气表盘,世界时间表盘等等。设计团队内部发起过一些产品创意项目,抬刻表盘是其中由我主导设计的最有可能实际开发的一个,也属于功能化表盘。虽然后来没有正式立项开发,但我觉得还是值得分享的。
Ticwear 系统整体的交互结构是从上下左右四个方向划出不同的功能页面,这一交互形式从3.0一直延续到4.0版本。
从整体设计上看,智能手表的交互结构,跟手机很相似,但又有一些不同。
手机,从锁屏经历一个仪式感较重的解锁环节,进入主页,即应用程序的“列表”,核心体验围绕应用程序展开。没有应用程序,就没有智能手机。
手表,在表盘能看到时间日期以及一些常用信息。而手表应用程序都是轻交互,轻浏览,较低频使用的应用程序,整个智能手表的体验不再从“进入一个应用程序”开始。所以应用程序的列表也就不再是系统的”主屏”了。
Ticwear 交互也体现了这样的不同,应用列表跟其他几个方位划出的功能是完全的并列关系。
Ticwatch 只有一个物理键:在表盘界面点击,熄灭屏幕;在其他界面在其他界面点击,退出当前应用;长按,进入关机设置界面。
任何一个方案都会有他的不足,Ticwear 的四个方向的交互手势对应开启的四个功能是完全平等的,没有轻重之分。四个方向的交互手势、动画的形式,与其所对应的功能没有任何关联,也没有视觉上的提示,用户需要完全的凭借记忆去找到这些功能,在还分不太清哪个方向对应哪个功能的时候,会产生一定的认知混乱。从这一点看,Ticwear 的四方位交互结构还是有优化空间的。
这个Redesign的关键点:
类似左划和右划这类最直接、最简单手势,如果能跟当前的界面形成自然关联,会更好理解和使用,也便于记忆,例如:手机上的应用列表左右划动是翻页,表盘界面左滑右滑切换表盘。表盘是手表上最重要的界面,如果能有更多功能化的表盘,用户完全可以选择几个常用的表盘作为自己最常用的信息和功能来源,并且用最直接的交互方式进行切换。
去掉原本的横向翻阅的快捷卡片,将原本两张快捷设置卡片合并,只保留一个快捷设置界面。将快捷卡片中的常用功能,整合进更多的表盘设计。
Android 下拉会把快捷设置和通知中心一期拉出;iOS 下拉通知中心,上划出快捷设置。所以对用户来讲,下拉出通知中心更符合用户的习惯。
这个设计看起来跟现在的 Apple Watch OS 没什么区别,我的确是在尝试去找到支撑这个设计的理由。其实在 Ticwear 团队内部,早在 Apple Watch 做出这样的设计之前,就有人提出过希望能更快速的切换表盘、去掉快捷卡片、改善四方位交互的想法,但当时没有形成完整的方案,也没有被提上日程。另一方面, Ticwear 在那段时期,处于产品逐渐稳定的时期,也并不适合做整体结构的较大调整。
这是 Ticwear 3.0 的图标设计:
我加入团队后开始重新设计图标。先后尝试了几个版本图标设计。受 Smartisan OS 的影响,再加上我认为表盘的设计方向应该是更精致和拟物化的,所以在应用图标上,我也开始尝试拟物的风格的设计。
这一版创作的很艰难,完成度也还不够。拟物图标更考验一个设计师的绘画能力,这点我还差的太远。每次做拟物图标都让我非常羡慕 Smartisan 设计师们的超能力。
我在设计的过程中发现,拟物的图标跟 Ticwear 系统里的其他界面显得格格不入,跟其对应的每个应用内的设计也很难形成关联。识别度也不够好。
下面是我设计的另一套图标。做主题图标设计,会先去找一个设计切入点,然后围绕这个点进行发散和创作,像解谜题一样,得到答案会非常开心。但让所有的系统图标都能围绕这个切入点,并且做到贴切,不牵强,并不容易。而这样的图标还是会出现不好识别的问题,往往那个主题元素太过鲜明时,会导致他不适合做为系统级的主题出现。
经过了多个版本的尝试,Ticwear 4.0 最终采用了下面这套图标。
这一版更接近主流的设计风格,虽然相对少了一些个性,但是识别度和色彩我还是比较满意的,团队内部也比较接受这套方案。
对于手机来讲,应用图标是主题设计里很重要的一部分,几乎决定了整个主题的风格。智能手表上的应用图标曝光率虽然没有在手机上那么高,但也一定程度影响系统的整体气质。用户不会盯着手表太久;可能需要更快的处理任务;可能会在运动中使用等等这些特点,决定了手表的应用图标设计应该满足下面的要求:
另外,在设计智能手表应用图标时,可以注意下面几点:
下面是 Ticwear 3.0 的设置界面。
这个设计的问题比较明显:
下面是 Ticwear 4.0 迭代后的设置界面。
Ticwear 3.0 的快捷卡片的最前面是这样两张卡片。团的所有人每天都在使用 Ticwatch,不需要外部用户的反馈,都越来越能体会到这两个卡片的带给自己的使用体验实在是毫无“快捷”可言。
在4.0版本里,我们设计了下面的方案。
经过改版,使用体验有所提升,第一个卡片上就能看到一些快捷开关。但这里依然存在两张卡片,并且在第二张卡片里,有一些“快捷入口”依然不够快捷,比如这里的“设置”入口,跟从应用列表到达设置需要的步骤是一样的。先向下划,再向左划,去找到第二个卡片上的一些设置项,并不符合常见的快速设置的使用习惯。我觉得这样的快捷设置界面还是不够完善,在整理自己过去的设计时,重新设计了这个卡片。
在这个Redesign里,主要考虑以下几点
2015年刚加入 Ticwear 项目的时候,我很快的通过各种方式体验了Ticwatch,Apple Watch,和搭载 Android Wear 的智能手表。我把体验后的理解,整理了几页Keynote,在团队内部做了分享。
这里面的一些想法,有很多已经在产品上实现。有很多设计上的思考和对智能手表设计的理解,已经总结并发布在 Ticdesign 上。
我想纠正以前的一个错误理解来做为结束。
智能手表不是必需品,不会替代手机,而是跟手机协同互补带给用户更好的体验。
智能手表不应该去占用其他设备的使用时间,不应该存在大量、复杂的交互,不应该存在重浏览、重阅读类型的体验。同样是一块屏幕,没什么是手表小屏幕上必须做,而手机的大屏幕上不能做的。如果用户一直盯着手表看,一直在手表上划来划去,不能说产品成功了,你只是把用户引到了一个相对效率低的信息获取载体上。
请用心去设计抬起手腕的每一个瞬间。每个用心设计的瞬间,都是让用户把他戴在手腕上的理由。