富有表现力的设计的好处

实践证明,Material 3 Expressive 可打造更具吸引力且更易于访问的产品,支持顺畅的跨产品体验,并提高团队的开发速度。打造用户喜爱的产品。

更出色、更简单、更具情感的用户体验

Google 大胆采用全新设计方向背后的研究

Material 3 Expressive 是 Google 设计系统有史以来经过最多调研的更新。在本视频中,Material Design 研究人员分享了设计背后的数据,以及有关用户对情感驱动型用户体验偏好的新见解。

Material 3 Expressive 源自研究,但不是通过将设计决策委托给数据来确定 41 种蓝色,而是通过涵盖研究、设计和工程的协作式调查来确定。早在 2022 年,我们的研究实习生就曾研究过用户对 Google 应用中 Material Design 的看法。在向同事提及初步发现后,团队开始了设计辩论:为什么所有这些应用看起来都如此相似?很无聊吗?您能否进一步强化这种感觉?

在过去三年里,我们探索了这一对话的意义,进行了数十轮设计和研究迭代,以寻找 Material Design 的下一步演变。通过数十项涉及数百种设计的独立研究,以及来自世界各地的数万名参与者,我们精心优化了这个既美观又易用的系统。

Material 3 富有表现力的设计原则植根于扎实的研究,并以长期以来的易用性最佳实践为基础。设计师可以充满信心地应用这些组件和原则,因为他们知道自己正在构建的是用户能够感同身受的内容。

研究 Material 3 Expressive

在设计团队构思初始概念并探索如何在各种 Google 产品中运用更具表现力的设计理念时,我们采用了多种方法开展了一系列研究,包括:

  • 眼动跟踪:分析用户将注意力集中在哪些位置。
  • 调查问卷和焦点小组:衡量用户对不同设计的情绪反应。
  • 实验:收集情感和偏好。
  • 易用性:了解参与者能多快理解和使用界面。

为了打下坚实的基础,我们首先研究了各个组件。示例如下:

  • 我们评估了进度指示器的各种选项,以确定哪种选项能让等待时间感觉更短,同时看起来像是高端手机上的进度指示器。
  • 我们研究了按钮的大小,力求缩短点按时间,同时又不会让屏幕上的其他内容显得过于繁杂。
  • 我们对新的浮动工具栏进行了多项研究,优化了设计,使其看起来现代、简洁、充满活力,同时又醒目且易于使用。

在进行这项研究时,我们非常注重遵循无障碍功能要求和最佳实践。在许多情况下,我们选择超越现有标准,在点按目标大小、颜色对比度和其他可提高界面易用性的方面做得更好。这项研究帮助我们打造了 Material Design 这一新演变所需的构建块和准则。

Material Design 研究发现,18-24 岁的用户尤其偏爱富有表现力的设计。

但顶级偏好设置只能告诉我们这么多。我们希望深入探讨导致用户做出此偏好的设计方面。

在去年的 Google I/O 大会上,我们推出了一组 Material Design 团队用于比较设计的属性。您可能已经注意到,其中许多都是情感词语。例如,“活泼”“充满活力”“富有创意”“友好”和“积极氛围”。

在开发 Material 3 Expressive 的过程中,我们的研究人员与设计师合作,根据这些属性迭代测试新的屏幕设计,帮助优化设计,以获得预期的情感反应。此外,我们还致力于确保使用此新系统创建的设计看起来更现代、更具视觉吸引力。

在“充满活力”“富有情感”“积极氛围”“富有创意”“活泼”和“友好”等属性方面,Material 3 富有表现力的设计获得了绝大多数用户的更高评分。

用户调研结果

研究表明,Google 用户将其移动设备和软件体验视为自己的延伸,并且用户希望应用体验能够反映用户对样式(颜色、类型和对比度)和行为(例如优先显示常用的应用和操作)的个人偏好。这种需求在年轻一代不断变化的口味和期望中尤为普遍。

平均而言,在偏好度(增加约 100%)和美感(最多增加 170%)方面,表现更出色的设计变体优于基准变体。

打造令人向往且更易于使用的产品

添加用户喜爱的功能,例如个性化、富有表现力的组件和新的配色算法。

使用 Material 3 富有表现力的样式和组件,让您的产品默认可访问。

开始使用

现在,我们应该超越“简洁”和“乏味”的设计,打造能够在情感层面与用户建立联系的界面。准备好亲自试用一下了吗?我们提供了一些提示:

  • 开始试验:深入了解经过更新的适用于 Figma 的 Material 3 富有表现力的设计套件,并开始使用富有表现力的设计选项。
  • 尝试这些策略:探索使用 Material 3 富有表现力的设计策略,同时定制界面以支持核心用户体验历程。
  • 有目的地从用户需求出发:虽然富有活力且富有表现力的设计广受欢迎,但少数用户更喜欢色彩较为柔和、强度较低的版本。始终从用户需求入手。在确定合适的策略和组件之前,请先了解他们的要求和关键用户历程。
  • 优先考虑功能:请勿为了视觉效果而牺牲产品的核心功能。再多的感情也无法弥补信息不明确的问题。
  • 遵循无障碍标准:遵循有关颜色对比度、屏幕阅读器兼容性、导航和其他无障碍功能最佳实践的既定准则。
  • 迭代、迭代、迭代:通过研究,在新颖性和熟悉感、趣味性和专业性之间找到恰当的平衡。我们的设计尺度可助您快速上手。别忘了开展易用性研究,以验证您没有过度使用。