BeFor Web
为网而生 - 原创译文博客 - 关注移动、VR及互联网产品的用户体验设计

怎样为Apple Watch打造应用体验

怎样为Apple Watch打造应用体验

贫嘴张大民的幸福生活,一个月里看的第二遍了,酸甜苦辣,嬉笑怒骂,难言。

依稀记得在4岁左右全家搬出了大杂院,住进了楼房,约么是1987年吧;从南开附近折腾到了天拖。天拖,就是马志明的《纠纷》里那个丁文元上班的地方,天津拖拉机厂;现在这么想起来,还真有股子老工业的味道,那时则完全无感。无论平房还是楼房,炉子和暖气都是好东西,2003年举家搬来南方之后,心里总觉得缺两样东西,一是暖气二是煎饼果子嘎巴菜。

人整天奔命图惜点什么呢,年头越多,越发现,值得珍惜却再也没机会珍惜的东西正在变多。

闲话先说到这吧,眼看着天晚了。又来聊Apple Watch了;原文作者做了一些很赞的app概念稿,总结了一些想法。还是那句话,在设计规范和实际产品发布之前一切都是浮云;大家就当热身。下面进入译文。

过不了多久,我们就要为一种新设备的体验设计操心了 - Apple Watch。最近,我(英文原文作者)决定在日常工作之外花些时间尝试些新东西,于是打造了一套我们常用的app在Apple Watch上的界面概念稿。在此过程中,我逐渐开始了解怎样为Apple Watch打造应用体验,在此分享给各位。废话不多说,我们一起来看看吧。

重大挑战

这款设备,真的真的很小。对于我们多年来为手机打造的各种界面元素来说,1.5寸的屏幕确实太小了。这就意味着你需要移除大部分“多余”的东西,只保留最重要的部分。

01-apple-watch-ux-ui-user-experience-design.png

1.5寸款Apple Watch与信用卡对比图

怎样传达上乘体验

只聚焦在那些适于Apple Watch使用情境的核心功能上。交互流程必须只包含少量的点击或轻扫 - 复杂的功能没有意义,别忘了用户口袋里还有iPhone,那才是为繁琐的任务流程准备的。每屏只传达一个单元或少量成组的信息,通过优雅且有意义的转场动效将信息与界面衔接起来,让用户经由少量点击或轻扫手势即可完成任务 - 这些都是在Apple Watch上打造上乘体验的关键要素。(推荐阅读:Apple Watch UI动效解析)

不妨结合以上几点看看Cuberto设计的披萨预订应用:

02-apple-watch-ux-ui-user-experience-design.gif

浏览GIF图片(5.5M)

如你所见,以图为主,文字为辅的方式对于如此小屏的设备来说也是极其重要的,因为屏幕上没有足够的空间去展示更多的文字,用户也很难在典型情境中投入阅读。

适合Apple Watch的应用形态

查看通知是最典型的用例之一,例如来自社交平台的“赞”或是评论等等,让我简单的看一眼就能知道自己发的推产生了多大的响应,完全不需要把iPhone从口袋里掏出来。

一些服务类的应用也可以藉由Apple Watch变得更加有用。例如在Watch版的Uber中,你通过轻轻的触击即可召唤司机。或是设想一下走在路上,通过麦当劳或星巴克的Watch应用快速点一份和昨天一样的套餐并自动支付,到达门店后提货即可。

提醒和闹钟类的应用在Watch上也有着自己的发挥空间。面向Apple Watch进行设计时,“一次聚焦在一件事上”的思路变得尤为重要。设想一下你抬手瞥了一眼Watch,上面显示着“记得电话妈妈!”或是“给女朋友买戒指!”一类你之前设置过的提醒信息 - 简单迅速的获取一条信息,就是这样;需要后续操作的话也要保持聚焦,例如说一句“给Carl发条消息:我要迟到了”,信息被发送出去,任务完成。

正如苹果在发布会上所展示的,随手画些图形然后发送出去的想法倒是不错,不过我个人不是很喜欢,主要是交互选形式的问题。界面太小了,还有按钮在上面,也许很难用手指在上面画些什么。

不适合Apple Watch的应用形态

个人来说,我没看出在Watch上查看银行账户的合理性和必要性;倒是时间、未接来电提醒、脉搏信息、来自社交平台的通知等等才是真的需要。我将Watch看做是通往小信息小互动的桥梁,这些都是不需要把iPhone从口袋里掏出来就能做的事情。也许是因为真正的产品还没上市,我个人对于在手表上阅读Twitter主页或是Facebook时间轴还是表示怀疑态度。我不知道为什么要在Watch上一屏读一条推,而不是拿出手机一屏看七条。

基本上,任何超过三屏的内容量对于Watch来说都是复杂的。

关于界面设计

现有的应用怎样从设计上适配Apple Watch?我挺严肃的看待这个问题,尝试着向用户传达最优体验。于是,前面给大家看到的那些常用app的Watch版概念稿就是成果。当然,所有这些仅供讨论。

03-apple-watch-ux-ui-user-experience-design.png

为一种你不曾尝试、甚至还未上市的设备平台进行设计,这确实不是一件容易的事。一方面,没有Skala Preview这样的工具为你提供帮助。我在Photoshop中设计界面时,使用分割视图和智能对象,让其中一个窗口模拟界面在Watch屏幕上的表现。同时我还用到了Francesco Scalambrino创建的模板,并简单编辑了一下,将其背景中的智能对象替换成了实际Watch图片中截取出来的背景,以便展示更高质量的设计方案。这里是我自己编辑过的模板

我从自己制作的那些概念稿中挑出3个来大家近距离看一下。

Yahoo News

Yahoo设计团队的获奖作品,我觉得在Apple Watch上的表现也会不错。加载之后,你会看到几组新闻列表,在各自的类别中点击一下就可以收听最新的新闻的朗读版本,通过横向轻扫的手势可以切换新闻类别,从商业到科技,你可以随时随地在Apple Watch上获取头条消息。当然,最理想的还是有专门的播音员来朗读消息,而不是机械化的语音。

04-apple-watch-ux-ui-user-experience-design.gif

浏览GIF图片(17M)

Shazam

这是我自己最喜欢的一稿,我也非常期待着看到Shazam将来为Apple Watch打造的官方版本。这是一款典型的“随需而用”的产品 - 听到一首不错的曲子?你不必拿出手机,抬起手在Watch上点击一下,稍候片刻便能知道相关信息,就是这样 - 启动、等待、看到结果。

05-apple-watch-ux-ui-user-experience-design.gif

浏览GIF图片(19M)

Skype

我砍掉了所有的附加功能,只保留了阅读消息和通话。我所设想的流程是这样的:在Watch上看到一条通知:“Hi Jan,我们该电话聊聊了,打给我吧”;然后我点击回复,按住“与对方聊天”,在对话框中选择语音对话;或者,我也可以快速回复一条语音信息“抱歉伙计,一小时以后吧”。

06-apple-watch-ux-ui-user-experience-design.gif

查看GIF图片(28M)

显然,还有很多问题等待着答案。举个例子,对于语音,我们都知道在大街上对Siri讲话是什么感觉,虽然已经逐渐习惯,但仍然怪怪的。接下来,我们要对着自己的手腕子说话吗?有点动作片明星的感觉。

另外有谁好奇过怎样在Apple Watch上的联系人列表中显示名字吗?相信很多人都看过苹果官方的演示视频,在联系人界面中,每个人的名字都只有4个字母;不知实际当中他们是怎样进行处理的。

07-apple-watch-ux-ui-user-experience-design.png

小结

就是这样,这些就是我在尝试着为Apple Watch进行设计的一周之后总结出的一些想法。我个人很享受这项挑战,不过我目前来说还不是很确定自己喜欢这款产品,真的要对着手腕说话?说到这里我倒是想起我朋友在iPad发布之后问的问题:怎么在这种设备上使用语音?

我想,过不许久,世界各地的设计师和开发者们就将向我们展示他们的各种想法,我们的世界将再一次被改变。我已经为那样的生活做好了准备。

大家觉得呢?

Apple Watch预计在2015年初期上市,售价$349起。苹果计划在本月(2014年11月)发布WatchKit SDK,届时开发者们就可以先玩起来了。

你准备买一块Apple Watch吗?

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - 交互设计师、UX设计热爱者、VR探索者、译者、猫奴、吉他手、鼓手,现就职于腾讯上海
评论 (2)
梁冠华在《编辑部的故事》里演的食堂王师傅也很经典……
对,王师傅减肥未果...
发表评论