谈谈我眼中的设计师视角。 Apple Watch

2024-12-18

苹果有很多不为人知的设计细节,让自己的产品更适合客户的真实场景,从而变得更加好用。类似的 Apple Watch 如此看似普通的苹果产品,从普通用户和设计者的角度来看,结果也是完全不同的。


所以借此机会想和大家聊聊天。 Apple Watch 这里有一些有目共睹的设计思路和体验趣味。


不同于手机、电脑、平板电脑,智能手表作为一种可以随时佩戴的贴身电子设备,可以使用 24 为用户提供一个小时的帮助和检查(当然,它需要电力),带来一种全新的体验。苹果则将 Apple Watch 重点监测健康和健身功能,尝试与专用运动追踪器竞争。例如「睡眠」健康质量,时间跟踪,日常健身跟踪功能,「活动」社交分享加入到应用中,也加入了应用程序。「呼吸」用来促进正念…一切都围绕着生活和健康的全方位记录。而且 Apple Watch 的系统 watchOS 整合其它苹果产品的服务,实现信息同步,感受连接的生态体验。


鉴于这些因素,这款设备上优秀软件的设计规格与手机或电脑不同,但无论如何,一款优秀的软件必然是一款融合了设备特性和用户需求的综合产品。


发展历程



现有的全部 Apple Watch 表款


Apple Watch 于 2015 年 4 每月发布并迅速成为世界上最畅销的可穿戴设备:2015年 第二季度出售财年 420 万元,截至 2022 年 12 月份,有超过 1.15 亿人在使用 Apple Watch。直到现在,苹果公司每年都在 9 每个月都会推出新一代 Apple Watch,改进内部组件和系统,苹果将每一代 Apple Watch 标为 Series,但是也有一些例外-例如 SE、Ultra,以及 Nike 、合作资金,如爱马仕,史努比。


▍历代更新功能点速度


Apple Watch 到目前为止,发展已经存在 10 从历代新增的功能点可以看出,现在我们感觉到了「理所应当」设计&功能,并非苹果从一开始就构思设计出来的。——「Stay hungry, stay foolish」,保持好奇心和求知欲,学习,了解,然后根据客户的真实需求慢慢迭代自己的品牌。



历代功能速览


▍最新的 watchOS 11 到哪里去了?


最新发布于今年 watchOS 11(Series 10)功能更新不多,功能更新以健康&健康为重点,然后更新界面和组件的显示交互形式。


即时活动现在显示



智能化组件叠放

在 WWWDC24 在介绍视频中提到的一个概念是「关联性」和「互动性」。


「关联性」它是智能叠放中建议的信号,如组件的使用时间、日期、位置、起床和睡觉时间等。,优先自动智能显示,供用户查看即时信息。此外,实用的组件会根据不同的场景自动添加,例如出国旅行时自动添加。「翻译」App 在下雨的时候添加小组件。 「天气」App 小组件等


「互动性」也就是说,用户可以直接操作小部件进行轻量级操作,而不仅仅是「查看」。



新的训练工具:训练负荷

同时,运动负荷功能也在向系统化迈进。「训练负荷」通过综合心率、海拔、运动时间、年龄体重等数据,计算用户在训练过程中的运动量和训练负荷,并将其划分为「轻松」「适中」「艰难」和「竭尽所能」 四种类型的标签,帮助用户合理安排健身计划,也可以在运动后手动调整。当你在手机上看的时候,你也会更直观地了解自己的身体训练状态。




更新操作手势

适用于 Apple Watch Series 9 以及后续型号和 Apple Watch Ultra 2 可以用来滚动浏览的互点几下手势「信息」「邮件」或「天气」等任何 App,单手模式更加方便。



▍去年的 watchOS 10 的亮点多多


最新发布于今年 watchOS 11(Series 十)主要是一些现有的内容展示形式更新,整体升级个人感觉平平。而且去年, 9 月 Apple 发布 watchOS 10(Series 九)迎来了迄今为止变化最大的一次系统升级,感觉能带出更多的东西。


举例来说,平台上几乎所有的应用都经过了重新设计,变得更加一目了然——在手表交互的诸多创新中,智能叠放组件可以帮助用户随时通过旋转数字表冠获得最相关的内容,而数据链接的新功能可以更好地帮助骑手保持最佳状态。



主要的变化点是


功能:添加可以自定义的小组件


界面:为了满足不同的场景,多种网页布局方式


widget 堆叠小组件

可以说,WatchOS 10 其中最大的变化是增强了 widget 小组件功能,可以从任何 App 页面唤出堆叠小组件的功能。


苹果将 iPhone 主屏幕上的定制组件功能添加到手表中。当你从屏幕底部轻轻扫描或使用侧表将其从手表表面向上滚动时,功能就会触发。就像 iOS 主屏幕是一样的,手表也保持了多个交互平台的统一。小组件可以通过长按、删除或固定应用程序进一步定制。此外,还增加了小组件的顶部功能。



新的布局方式

表盘形状和界面弧度更加圆润。为了一目了然,苹果更新了一种新的布局方式:基于屏幕形状的新系统决定了控制、标签和内容的大小和位置,这使得 app 布局更加统一,控制更加清晰。



苹果做了三种不同的布局,以使不同的内容适应屏幕,并能自动适应不同大小。 Apple Watch:


Dial(拨盘)


Inforgraphic(图表)


List(目录)



设计风格新颖

此外,watchOS 10 几乎改变了所有系统自带的系统 app 设计风格,运用背景内容做了很多设计。



例如,健身记录 app 结合体能训练 app 利用模块表盘的优点,将原本横向滑动的操作面板完全重置为滚动和模块。



▍十年的发布,有什么变化点?


造型更加圆润。在日常佩戴中,圆形表盘更加时尚,这也与苹果的界面设计风格更加结合,而方形手表则过于商业化。



更大的屏幕界面,贴纸和表盘的外观设计,所呈现的信息也更多。



整体体型较薄:



原则与规范


一眼可知(Glanceable)


操作性强(Actionable)


快速响应(Responsive)


苹果发现,用户对智能手表的交互耐心最多只有 10 秒,因此传递简洁明了的信息-举手可得,并在小屏幕上具有操作性强的交互技术。,便是 Apple Watch 多年来设计的重点。不管更新了多少代表,所坚持的设计原则来来回回 回到这里,从来没有什么大的变化。



▍足够轻巧的界面


关于最重要的操作需要? App 中间总是可见的,而且足够轻,为用户提供实用的服务。




▍功能一目了然


理想状态是:获得的信息一目了然,尽量避免交互和操作。互动应该能够被发现和预测。





▍提供协助操作


很多想要展示的操作,在设计界面时,其实都属于协助操作,不属于用户。「主线任务」。



事实上,提供帮助也是一个重要的操作。,如选择、排序等。,在与视图中已经存在的主要操作互动时,排序和筛选是一种轻便可操作的方法,不仅可以缩短长目录的铺设,使列表更容易浏览,而且更符合日常的行为操作习惯。





客户体验


根据客户现实生活中的情况,我们也需要选择功能显示,而不是把所有的功能都展示给客户,让用户去寻找和判断。我发现苹果在 Apple watch 的设计中,针对「功能显示」这一点,在不同的场景中也有不同的表现形式。


▍始终显示


苹果在 watchOS 8 在中间增加了一个功能——Always-On Display,总是显示出来。顾客不必每次抬起手腕,都能看到表盘的基本信息。新增该功能的苹果设计原则如下:从「激活使用情况」切换为「始终显示状态」,应该让人看不见,并非大幅度地改变界面或重组信息,否则从始终显示到激活运行状态都会变成卡卡。


不同 app 在应用场景中,苹果的建议处理方法如下:


减少:界面保持稳定一致,只是进一步暗化亮元素和次要文本内容,但不会暗地看不清文本,从而使想要强调和保持可见信息更加突出。


情景:当超级市场慢慢提起两大袋购物袋时,可以更方便快捷地看到自己的购买清单。





隐藏:在放下手腕的时候,隐藏重要的个人信息,防止被人看见。


情景:餐馆里的炒股盯盘精英。



▍在需要的时候显示


比如邮件里的「新邮件」按钮,只有在需要的时候才显示。对绝大多数用户而言,类似的信息、邮件等功能通常在手表上。以浏览为主,尤其是浏览顶部的未读信息,但如果真的需要一个回复,那么确实有新的按钮,不用的时候可以隐藏起来。


如今看到合理丝滑的设计,也并非一下子就出现了,她在那里。 2020 2000年才被设计出来 WWDC 以上重点讲解。



界面表达


Apple Watch 在交互方面也要求有明确的导航定位。,即在浏览 app 在层次结构上,用户可以清楚地了解哪些层次。具体实现方面,主要依靠:



▍新的材质


watchOS10 添加新材料:独特实用的层次结构,利用半透明效果建立层次关系,帮助用户了解他们在系统或系统中。 App 中间位置。这些材料最大化了内容空间,同时使系统元素如 Status Bar 当内容滚动时也可以看到。



▍新的页面切换方式


Scroll(滚动)

在列表视图中,可以使用旋钮垂直滚动浏览信息,例如「邮件」浏览方式。




Paginate(分页)

而且有很多界面 App,苹果新增了一种新的导航模式-垂直分页。例如「健身记录」,使用旋钮,可以看到健身记录的总览和活动、站立和运动环的细节,以及不同视图的转换。垂直分页将 App 其中多个信息视图分割成针对特定用途的不同页面,同时也有页数指示仪用于指示当前页面的位置。




还有一个细节,很多元素都会到达表盘。 app 在里面,苹果设计的是让这个元素的比例、位置和信息密度发生变化,从而保证动画效果的流畅,而不是引入一个额外的新元素来打破这个平衡。这元素恒存(Object Permanence)在浏览页面内容时,有利于为用户提供视觉锚点。



▍Widget 部件


锁屏部件多变

iOS 16 可在手机锁屏上设置一些复杂的屏幕。 widget,同样,在 watchOS 9 其中,也加入了一些 widget 的设计。



苹果在表盘上为手表屏幕的每一个角落设计了独特的功能,这就是所谓的「accessory Corner」。根据表盘的不同,有很多渲染方法,有时是平的,有时是为了与刻度表相匹配而显示弯曲。



角饰可以放置各种内容的配置项目,如圆形地图、心率等,配置灵活,并适应各种形式。




贴上精美绝美的表盘设计


丰富页面堆叠部件

为了满足各种应用的内容信息,不同的计划,标题,文本大小,粗细,页面间隔保持统一。


三行文本布局:传递文本信息,如新闻,提供新闻标题和简要内容。


分组布局:加色条内容为模块或群聊内容,如日历,可以看到具体的日历及其所属的日程颜色;


图形布局:对于有额外协助的文本,一种进度条类型,一种圆形。


大型文字布局:数字比较大,文字信息比较关键,比如日历月份的部件。





▍背景色


使用颜色帮助用户识别和建立更好的场所感,让用户清晰地感知场景和空间。比如每一个活动、运动、站立的记录环也有自己独特的背景色,让人一眼就能识别出来,强化客户的心智。这样可以提高使用中的实用性,而不仅仅是为了视觉效果。



另外,使用词意系统的色彩元素,在明亮的背景材料上显示时,会自动调整其对比度。这个问题我以前没注意到。



▍风格趋势


记时器,秒表 app 采用大图标,平面设计,操作更加直观。大部分都是。 app 它们都有类似的设计:四角按钮,扩展页面,简单而略显立体。 UI 设计。




还有什么惊喜?


▍碰撞检测


为实现碰撞检测功能,Apple 利用先进的传感器融合算法,开发出先进的传感器。 Apple Watch 目前,更强大的全新陀螺仪和加速计 Apple Watch 在所有智能手表中,加速计的动态范围最高。为了建立这个算法,苹果从这些全新的运动传感器中收集数据,用普通乘用车模拟真实世界中的事故,包括正面冲击、追尾、侧面冲击和滚动。除了运动数据之外,碰撞检测还采用气压计、全球定位系统和 iPhone 作为输入,上面的麦克风可以通过检测来说明严重碰撞的各种特征。


当 Apple Watch 如果客户在发现严重车祸时, 10 几秒钟倒计时后仍然没有反应,设备会向用户报告并拨打急救电话。紧急救援人员将收到客户的设备位置,并与用户的紧急联系人分享。Apple Watch 和 iPhone 世界上的碰撞检测功能可以无缝合作,为用户提供有效的帮助。当发现严重车祸时,紧急服务呼叫界面将出现 Apple Watch 其实,因为它可能是目前最方便的交互设备;而且如果手机也在连接范围内,就会通过 iPhone 拨打电话。



在滑雪摔倒之前,我也遇到过这个提醒,我的感觉是,「在朋友关心你前刃后刃的时候。 6 不 6 只有当时 Apple Watch 关心你摔得疼不疼!!!」



▍史努比表盘


watchOS 10 在正式版本系统中,最值得注意的更新之一就是引进。史努比表盘。这个表盘的主角是 Peanuts 史努比在漫画中闻名于世,展现了这只小狗调皮有趣的个性。



这是合作旅程的起点,Apple Watch 这个团队从加州圣克拉拉的山景城(Mountain View)向北开了两个小时的车,来到位置。 Santa Rosa 的 Charles M Schulz 工作室和博物馆,在那里认识的 Paige 并且与漫画历史建立了更深层次的联系。Paige 告诉我们,与苹果团队的这次会谈是工作室在疫情过后举行的第一次零距离会议——创意团队亲自见面尤为重要,以确保深度合作的顺利进行。从那以后,双方仍然存在 Apple Park 第二次头脑风暴在圆形建筑中进行。同时,来自温哥华 WildBrain Studios 《史努比秀》(The Snoopy Show)导演 Rob Boutilier 还将专业动画知识带入整个项目。-- 卷宗



最后,他们为 Apple Watch 表盘构思了 148 各有特色的片段,将它们串联起来,形成了史努比与他的小伙伴、黄色小鸟糊涂塌客近十二分钟的快乐互动动画。



?表盘动画是根据《花生》漫画经典四格故事板的内容而发展起来的。在这部动画中,史努比用耳朵为他的朋友们遮挡雨水。


Apple Watch 埃里克商品营销部门 - 查尔斯(Eric Charles)说:「有一种方法可以消除史努比的隔阂。史努比漫画真正有趣的是,史努比最后的场景对他成长的观众和正在接触他的新观众还是有亲和力的。」此外,苹果还创建了一个史努比决策引擎,可以在不过度重复的情况下计算出展示这些片段的最佳时间。


「设计与创作过程中,Apple 与工作室团队都希望选择最接近的联环漫画和 Shults 原画风格,所以我们终于结束了挑选了 80 时代史努比版」,Paige 补充道。然而,史努比在表盘上也是一个妥协结果:他的鼻子比他的鼻子好 70 时间更短,比 90 时代更直。与现代感相比 3D 外表,与《史努比秀》相似。 2D 形象显然更符合原著的精神。



设计细节


由此出发,Paige 也给我们介绍了 Charles Schultz 一种有趣的创作技巧,他用一支特殊而罕见的钢笔来画漫画,这种漫画来自于 Esterbrook 的 914 Radio 笔头,每一次使用都需要在墨水瓶里沾墨水。得益于此,Schultz 能创造出各种线条从粗到细的变化。「这种活跃的绘画赋予了人物生命,而且绘画有明显的手绘痕迹,而不是数字化,这也是我们希望保留在表盘动画中的特征。」




Charles Schultz 喜欢在创作《花生》的时候使用 Esterbrook 的 914 Radio 笔头,从而得到各种线条从粗到细的变化,在这种手工痕迹中赋予角色生命。这个画笔的特点也被保留了下来。 Apple Watch 在表盘动画中。



黄鸟,史努比和他的好伙伴。「糊涂塌客」(Woodstock)生动生动地出现在这里 Apple Watch 在史努比的表盘上, 148 跟随周围环境变化的专属动画:他们与指针互动玩耍,反馈天气条件和假期,甚至在客户运动时移动,在客户手腕下垂、表盘关闭时安静休息...



除洞察分针的位置并与之互动外,史努比还了解了很多情景,会根据一天的时间、当地的天气和用户的实际活动,展示相应的动画效果。。比如夜幕降临时,他会对着月亮嚎叫,或者向流星许愿;他会为你庆祝生日,在圣诞节打扮成狗屋,为万圣节的狂欢打扮;在暴风雨和雪天,他也会成为船长或打着伞抵御风雨。




当你把手表设置为潜水锁定时,史努比穿上潜水装备,漂浮在屏幕上。;而且当你在运动、听歌、工作、阅读时,史努比自然也会陪伴你。


Apple Watch 同时,表盘也成了史努比「百变造型秀」的舞台。不像过去手表上的静态呈现,Apple Watch 动态特征使史努比在不同的动画设计下生动起来,仿佛成了一种只能与主人互动的电子宠物。就像 Paige 所总结的那样:「当我还是个孩子的时候,我会随身携带一个史努比毛绒玩具, Apple Watch 使我长大后也能有史努比陪伴左右,两者带来的快乐是一样的。」



上个月,为了庆祝万圣节,苹果公司在最新的史努比表盘上,尤其是 Apple Watch 顾客带来惊喜——史努比表盘上增加了三部万圣节主题动画。新增的万圣节动画主题包括木乃伊史努比、南瓜史努比和零食袋史努比。



「Apple 与漫画《花生》都有很强的个性,究其核心,我们两个团队都渴望以真实的方式与粉丝取得联系,」Paige 总结道,「在 Schultz 工作室,我们希望忠于史努比。 DNA,同时探索 Apple Watch 的新科技。通过相互了解,现代科技公司和历史悠久的传统漫画公司可以和谐共存。我一直认为,真正的合作不是一方压倒另一方,保持秘密,而是找到平衡,充分发挥每个推动者的优势。」


如此对细节的无微不至的关注与打磨,显示出联系。 Apple 和 Shultz 工作室的另一个共同点:对工作的热爱——顾客不自觉的微笑是他们最期待的赞美;而且, Apple 独特的设计美学,也诞生于此。——通过物理呈现和行为指导和塑造,促进了公众对设计的理解和认识。


PS.史努比是各行各业合作的宠儿,比如 NASA 也有在 1968 年成立名叫「 银史努比奖 」该奖项用于激励那些在太空计划工程中努力追求质量和安全的人。



银史努比奖章


结语


佩戴设备的缺点一直很明显:屏幕狭窄,输入速度慢,交互时间短,响应速度慢,存储空间小。,它还需要将军 App 更简洁、动态、灵敏的设计。和 Apple Watch 它明确了自己的三个核心功能:运动、健康等个人数据采集,浏览少量数据&简单沟通,操作简单,互动细节不断打磨,并保持一致的设计原则,让自己的品牌更细致地为用户服务,让用户感到快乐,值得思考和学习。


原文链接:


https://sspai.com/post/94242?utm_source=wechat&utm_medium=social


本文来自微信微信官方账号“少数派”(ID:sspaime),作者:雷蒙斯和狗,36氪被授权发布。


本文仅代表作者观点,版权归原创者所有,如需转载请在文中注明来源及作者名字。

免责声明:本文系转载编辑文章,仅作分享之用。如分享内容、图片侵犯到您的版权或非授权发布,请及时与我们联系进行审核处理或删除,您可以发送材料至邮箱:service@tojoy.com