行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业指南

20

阅读时间

可穿戴设备 UX 设计:这一篇就够了

随着近一半的美国人使用智能手表且这一趋势仍在上升,可穿戴设备的用户体验设计正变得愈发重要。

安东尼·米勒, 内容撰稿人

当你思考可穿戴设备的 UX 时,你可能会忍不住问自己:“这能有多难?”。屏幕面积通常不到智能手机的一半(如果考虑到如今“平板手机”逐渐成为常态,这个比例还更小)。智能手表 UX 已经形成了自己的一套规则,从事可穿戴设备 UX 的设计师必须学会如何提供高效且便捷的体验。

什么是可穿戴技术?

可穿戴技术是指你可以穿戴在身体上的电子设备。这些可穿戴设备通常通过嵌入式技术来跟踪数据或提供便捷功能。


ultimate-guide-smartwatch-ux

提到可穿戴设备时,你很可能会想到智能手表。随着创新发展和微芯片尺寸缩小,如今你可以佩戴各种各样的设备,例如:

  • 智能手表

  • 可接受语音指令并可与智能手机直接交互的智能耳机

  • 用于增强现实并将信息叠加到现实世界中的智能眼镜

  • 内置传感器的智能服装,可用于追踪指标、提供触觉反馈,甚至接听电话和切换音乐

  • 支持移动支付和活动追踪的智能戒指

可穿戴设备的 UX 意味着什么?

由于大多数可穿戴设备没有屏幕,可穿戴设备的 UX 设计很容易被忽视。要记住的是,每个可穿戴设备都至少需要连接另一台设备才能正常工作。

例如,无屏智能戒指所追踪的数据在某个阶段需要与智能手机共享。在这种情况下,可穿戴 UX 设计将聚焦于发起连接的步骤、传输数据的步骤,以及应用本身的设计。

智能服装也是如此。有些只有传感器或触觉反馈,而另一些则提供可响应特定指令的触控操作。在这种情况下,你的可穿戴 UX 设计将聚焦于这些触发条件,以及智能服装与其交互的手机应用之间的互动。

随着可追踪数据类型的扩展,可穿戴设备与手机应用之间潜在交互的数量也在增加。这正是可穿戴 UX 成为任何产品设计关键部分的原因,因为大多数交互都跨越多个设备。

没有屏幕的 UX 设计

绝大多数可穿戴设备是带有小屏幕的智能手表。但对于其余设备,你需要基于常识设计触发机制,构建设备间交互。如果可穿戴设备用户更愿意(或必须)看配对手机来完成本可在可穿戴设备上完成的交互,那么你的 UX 设计就需要改进。

交互成本——成功可穿戴 UX 设计的关键

在没有屏幕的情况下,大多数可穿戴设备依赖初始教程以及能够引发直觉交互的实用触发方式。智能戒指会有多个触控触发点,以及可能的触觉反馈。比如在戒指特定位置或方向上滑动手指这个简单动作,就可能触发某个结果。如果这个结果违背直觉,比如向右滑却播放歌单上一首,用户会在日常使用中感到困难,甚至可能完全弃用你的应用。

什么是交互成本?

交互成本是用户完成一个动作所需努力的总和。在可穿戴 UX 设计中,交互成本的目标是把事情做得足够简单,让肌肉记忆自然接管。

遵循一套简单的可穿戴 UX 方法,保持低交互成本会变成一种自然结果,而不是负担:

  • 围绕被认为是核心功能的具体需求来构建

  • 这反过来会将功能膨胀控制在最低程度

  • 基于具体使用场景进行设计

  • 记住少即是多(对导航尤其适用)

不同人会感受到不同程度的交互成本,尤其是那些对可穿戴设备不够熟悉或有色盲的人。只要你保持简洁,特别是在为无屏可穿戴设备设计 UX 时,你就能取得很好的结果。

有屏可穿戴设备的 UX 设计:智能手表 UX


ultimate-guide-smartwatch-ux

我们可以讨论响应式设计的重要性、移动优先方法,或者确保你的产品能在多设备上运行(最新旗舰手机的性能通常比普通设备更强)。这些概念都适用于可穿戴 UX 设计。对于无屏可穿戴设备尤其如此,因为重点会放在可穿戴设备与应用之间的交互上。

但智能手表 UX 自成一派。

如何处理小屏可穿戴设备的 UX?

早在 2019 年,皮尤研究中心就表示,每 5 个美国成年人中就有 1 人佩戴智能手表或健身追踪器。近期 ValuePenguin 的调查显示,几乎每 2 人中就有 1 人会定期佩戴智能手表。这一增长趋势背后有一些简单原因:我们更关注健康、热爱数据,而且这些设备开始带来真实收益,例如节省时间和改善健康。

Wear OSWatchOS 之间,市面上有数百款智能手表和健身追踪器。它们的共同点只有一个:屏幕都很小。以 iPhone 14 和 Apple Watch 8 为例,前者屏幕为 6.1 英寸,后者仅 1.78 英寸。也就是说,在做可穿戴 UX 时,手表只有约 30% 的屏幕面积。那么在如此受限的画布上,你该如何进行智能手表 UX 设计?

设计智能手表 UI 时要考虑“可一瞥获取”

在空间受限的小屏幕上工作时,你需要确保关键信息被置于最前。这些信息必须能够一眼获取:

  • 交互应在几秒内完成

  • UX 流程应尽可能简单

  • 核心信息是驱动因素

智能手表 UX 设计必须与“便捷”押韵。问任何可穿戴 UX 设计师的一个关键问题是:“如果拿手机更简单,那为什么还要用手表?”

要回答这个问题并在真实硬件上探索概念,你需要合适的工具。智能手表原型设计本身就是 UX 设计中的一个独立分支,越来越多公司正在采用行业领先方案,以实现建立在便捷性之上的精美设计。

如果你想提升智能手表 UX 水平,ProtoPie 打造了一款智能手表原型产品,连 Google Wear OS 团队都在使用。别只听我们说,听听 Google 团队怎么说。

[了解更多]

智能手表 UX 设计的核心概念是什么?

我们已经讲过“可一瞥获取”,但这只是为智能手表等有屏可穿戴设备做 UX 时需要考虑的众多核心概念之一。让我们深入 UX 设计师的兔子洞,看看那些可能成就或毁掉你智能手表原型的核心概念。

核心功能

与传统智能手机相比,你可用屏幕不到三分之一,却要做出精彩体验,因此必须简洁。在进行可穿戴 UX 时,识别核心功能比以往任何时候都更重要。

识别核心功能可能并不像你想的那样一目了然。但如果你从构思阶段就对智能手表原型进行可用性测试,那么识别核心功能会容易得多。我们已经介绍过高保真原型与可用性测试,它们相辅相成,能帮助你的智能手表原型设计。

一旦确定核心功能,你就可以围绕目标用户的具体需求来构建智能手表 UX 和界面。核心功能可以简单到阅读消息,或在锻炼时控制健身应用。考虑到设备种类繁多,以及不同屏幕尺寸、分辨率和处理能力,事情会变得更复杂。

归根结底:保持简单。

响应性

对于 UX 设计来说,没有什么比卡顿交互和难以阅读的字体更糟,尤其是在可穿戴 UX 中。这两个因素叠加,用户会迅速放弃你的智能手表原型,客户也会很快要求退款。

智能手表 UX 的响应性有两个层面:

  1. 设计时考虑不同屏幕尺寸:这意味着选择可适配的字体和颜色,使其在较低质量屏幕上仍然可辨识。

  2. 交互不能卡顿——在智能手表 UX 中,最糟糕的事莫过于用户反复扭动手腕,只为让手势按预期工作。

随着流程和技术演进,UX 设计师拥有的机会也在增加。你现在可以把语音交互构建到智能手表原型中。即便是语音识别,也不意味着你可以容忍较差的响应体验!即使是语音智能手表 UX,也需要像我们的原型一样敏捷、简洁:

视频

视觉设计与导航

由于屏幕更小,在排版和字体等元素上需要更谨慎。再加上分辨率和屏幕质量差异,你很快就会遇到多个设备无法准确呈现目标智能手表 UI 的问题。

排版与字体

由于智能手表的大多数使用场景是在实时显示可一眼读取的数据,排版和字体是任何智能手表界面的核心组成。以下是一些降低挫败感(以及交互成本)的建议:

  • 选择过小或过细的字体会导致可读性问题,尤其在屏幕尺寸和色域各异的 WearOS 设备上

  • 优先使用原生字体,以减少潜在兼容性问题(保持简单)

  • 如果确实使用自定义字体,要警惕潜在问题,并进行专门针对智能手表 UI 的扩展可用性测试

颜色

除了颜色方案的常规决策(例如传达何种情绪或与竞品区分)之外,颜色在智能手表 UX 设计中也扮演关键角色。

在如此有限的空间里,它们有助于建立强有力的 UI 层级。与形状和按钮巧妙搭配后,你可以强化层级并为用户提供清晰的导航路径。智能手表 UX 的目标始终是提供高效交互。

导航

排版和颜色都会帮助导航更轻松,并降低可穿戴 UX 的交互成本。和小屏导航一样,将信息拆分到多个页面并设计合乎逻辑的用户流程,通常是最有效的方法。

在早期构思阶段就决定用户如何导航,是保持简洁并打造优秀可穿戴 UX 的好办法。对于不到两英寸的屏幕而言,少即是多,因此选择正确的导航模型会带来巨大差异。

选择正确导航模型需要一些规划(和测试)。你可能要避免层级树模型,因为它需要更多空间,且可能进入多层级,在小屏上往往不够直观。而嵌套列表是小屏幕的优秀选择,尤其适合智能手表,因为你可以使用按钮、表冠和触屏来导航菜单。最后,采用基于页面的模型能保持简洁,并支持其他模型所不具备的横向导航。这对可穿戴 UX 尤其有利,因为在手机屏幕上左右滑动是一种无需思考、几秒即可完成的手势。

尽管我们可以提供最佳实践和潜在可行方案,但每个产品都不同。无论是应用还是可穿戴设备,原型设计都是产品设计流程中的关键环节,不应被忽视。我们整理了你应该进行可穿戴原型设计的 6 个理由,以及它如何让你的客户(和产品)受益。

[了解更多可穿戴原型设计]

通知与动画是智能手表 UX 体验的一部分


ultimate-guide-smartwatch-ux

手表用于显示时间,也用于提供可执行的实时数据。这种对数据简洁直接的方式在可穿戴设备中并未改变(也不应改变)。基于这一点,打造有效的可穿戴 UX,需要将关键实时信息置于设计前端。

智能手表通知应有意义且不具侵扰性

在如此小的屏幕上提供关键信息的主要方式之一就是通知。通知还有替代智能手表 UI 的优势,并且可以通过多种方式处理:

  • 提供可自定义选项,例如触觉反馈以及可编辑的通知尺寸和颜色

  • 让它们足够明显以免错过,同时可通过单一触发轻松关闭

  • 避免在屏幕通知中包含任何敏感信息

触觉反馈不仅适合提醒你有重要信息可用。它还能在不占用宝贵屏幕空间的前提下放大微交互。触觉反馈也是游戏化和提升多巴胺快感的好工具,而这正是选择正确通知方式的重要部分。

动画可以让智能手表 UX 更有趣,但不应成为优先项

如果在设计可穿戴 UX 时有一项内容可以删减,那就是动画。智能手表(或任何手表)的核心是让用户一眼获取重要信息。动画并不完全符合这一目标,但它们确实有其价值。

在你的智能手表 UX 产品设计中加入少量动画,你又可以在不造成负担的情况下放大交互。其本质上实现了与通知类似的目标,但无需承载关键信息。就像触觉反馈能带来满足感一样,动画通过流畅性提供这种体验。

不过事情并非一帆风顺。过多动画或同时动画可能导致信息膨胀,甚至设备变慢。对于 Apple Watch SE 或一些小品牌 WearOS 等中低端设备,这一点尤为明显。动画代价较高,会占用较多内存和处理器资源。这意味着要少用,但要用好。以下是一些优秀动画思路:

  • 加入一些菜单弹动动画,尤其当你选择了嵌套列表导航模型时

  • 由于屏幕空间有限,你很可能把次要信息放在其他页面——为页面切换添加动画,给用户带来顺滑满足感

  • 优秀的可穿戴 UX 离不开惊喜时刻:用动画打动你的用户

想为手机或智能手表原型添加动画吗?了解更多关于使用 Lottie 和 ProtoPie 为 UI 设计制作动画的内容。

[我想制作 UI 动画!]

图像对可穿戴 UX 友好吗?

如果不谈图像和视频等媒体,我们就无法完整讨论智能手表 UX 最佳实践。无论哪个社交平台,视频似乎都是当下首选媒体类型。但它适合智能手表 UI 吗?

你可以在智能手表上使用媒体,但应尽量减少图片和视频。有些场景下提供短视频或图片是可行的,例如健身应用中演示某个动作。尽管这是可接受的场景,但在智能手表上显示图像和视频时仍有一些规则:

  1. 保持较低质量——在可穿戴屏幕上显示 4K 视频毫无意义

  2. 优先使用 JPEG 格式图片,以节省资源

  3. 接受这会给可穿戴设备硬件带来压力,并消耗电池

不确定时——使用可穿戴设备关联的手机应用

像智能手表这样的可穿戴设备很少单独使用。事实上,不与 iPhone 配对就无法使用 Apple Watch。这在进行可穿戴 UX 设计时带来了独特机会:你可以利用两台设备之间的交互,以及额外屏幕空间,来打造出色的可穿戴 UX 设计。

你可以利用这种设备关系,在智能手表上优先提供便捷,再在手机上提供更多内容。查看我们关于 ProtoPie Connect 的完整指南,了解我们如何让跨设备原型设计变得如此简单。

成功的可穿戴 UX 还依赖于 UX 设计师成功建立两台设备之间的关系。这种关系必须平衡。你不希望用户过于频繁地去拿手机,但通过可穿戴设备提供过多信息又会导致挫败和困惑。祝你好运!

为智能手表应用制作原型是让设计落地的最佳路径

视频

作为一家提供原型产品的原型公司,我们当然会这么说。但这并不会让它变得不真实。随着智能手表日益普及,智能手表原型也在增长。发布的应用数量多到难以想象,而在如此小屏和有限性能下,能否与竞争对手拉开差距,往往取决于智能手表 UX 的细微之处。

在软件中构建设计并在电脑屏幕上查看是一回事,但如果能看到真实效果呢?理想状态是,你可以在笔记本或台式显示器前构建终极原型,然后直接显示在真实智能手表上,而不是模拟器中。无缝流程意味着更容易测试和迭代,并从第一天起就获得真实的原型体验。

你甚至还能借助内置跨设备兼容性更进一步。可穿戴 UX 不止于智能手表界面,你还需要测试应用以及两者之间的交互。通过真实的可穿戴设备原型设计,你可以确保 UX 设计符合最初期望结果。

可用性测试也是原型流程中的关键部分。借助内置可用性测试功能,你可以使用 Protopie 进行智能手表 UX 设计,并简化整个设计流程。

[将你的智能手表 UX 提升到新高度]