富有表现力设计的优势

研究表明,Material 3 Expressive 可以创造出令人满意、更易于访问的产品,支持无缝的跨产品体验,并提高团队效率。构建深受用户喜爱的产品。

更好、更轻松、更富情感化的 UX

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

Material 3 Expressive 是 Google 设计系统中迄今为止研究最深入的一次更新。Google Material Design 研究人员在此分享设计背后的数据,以及对用户偏爱情感驱动 UX 的新见解。

Material 3 Expressive 源于研究,并非那种“41 种蓝色”式地将设计决策委托给数据,而是涵盖研究、设计和工程领域的协作式探索。回溯到 2022 年,我们的一位研究实习生正在研究用户对 Google 应用中 Material Design 的情感反应。在向同事提及她的初步发现后,全团队展开了设计辩论:为什么这些应用看起来如此相似?如此乏味?难道就没有提升情感表达的空间吗?

在过去三年里,我们探索了这场对话的影响,经过几十轮的设计和研究迭代,找到了 Material Design 的下一个演进方向。通过几十项独立研究、数百种设计以及来自世界各地数万名参与者,我们最终完善了一个既美观又高度可用的系统。

Material 3 Expressive 原则根植于扎实的研究,并建立在长期存在的可用性最佳实践之上。设计师可以自信地应用这些组件和原则,因为他们知道自己正在构建能够与用户建立联系的产品。

Material 3 Expressive 研究

当设计团队创造出初步概念并探索更具表现力的设计理念如何在 Google 产品中发挥作用时,我们开始了一系列研究,使用了包括以下在内的各种方法:

  • 眼动追踪:分析用户的注意力焦点。
  • 问卷和焦点小组:衡量对不同设计的情感反应。
  • 实验:收集情感和偏好数据。
  • 可用性测试:观察参与者理解和使用界面的速度。

为了打下坚实的基础,我们首先对单个组件进行了研究。以下是一些例子:

  • 我们评估了进度指示器的多种选项,以评估哪种指示器能让等待时间感觉更快,同时看起来又像是高端手机上的元素。
  • 我们研究了按钮可以有多大,旨在缩短点击时间,同时不让屏幕上的其他项目显得拥挤。
  • 我们对新的浮动工具栏进行了多项研究,优化设计,使其既被认为是现代、简洁和充满活力的,同时又显眼且易用。

通过这项研究,我们注意遵循无障碍功能要求和最佳实践。在许多情况下,我们选择超越现有的点击目标尺寸、颜色对比度以及其他可能使界面更容易使用的重要方面的标准。这项研究帮助我们为 Material Design 的这一新演进方向创建了所需的构建模块和指南。

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

但顶层偏好只能告诉我们这么多。我们希望深入研究导致这种偏好的设计方面。

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

在开发 Material 3 Expressive 的过程中,我们的研究人员与设计师合作,迭代测试新的屏幕设计与这些属性的匹配程度,从而帮助优化设计,以产生所需的情感反应。此外,我们力求确保使用这个新系统创建的设计被视为更现代、更具视觉吸引力。

Material 3 Expressive 设计在“有活力”、“富有情感”、“积极氛围”、“有创意”、“活泼”和“友好”等属性方面的评分明显更高。

用户研究结果

研究表明,Google 用户将他们的移动设备和软件体验视为自我的延伸,并且用户期望应用体验能反映个人用户对风格(颜色、类型和对比度)和行为(例如优先处理常用应用和操作)的偏好。这种需求在年轻一代动态的品味和期望中尤为普遍。

平均而言,更具表现力的设计变体在偏好方面(约增加 100%)和美学方面(最多增加 170%)优于基线设计。

打造令人满意且更易于访问的产品

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

使用 Material 3 Expressive 样式和组件,让您的产品默认具备无障碍功能。

开始使用

是时候超越“简洁”和“乏味”的设计,创建能够在情感层面与人们建立联系的界面了。准备好自己尝试了吗?我们有几个提示:

  • 开始实验:深入了解 Figma 更新的 Material 3 Expressive 设计工具包,开始尝试富有表现力的设计选项。
  • 尝试策略:探索使用 Material 3 Expressive 设计策略,同时根据核心用户旅程调整您的 UI。
  • 有目的地开始并从用户需求出发:虽然鲜艳、富有表现力的设计具有广泛吸引力,但仍有少数用户偏爱更平静、强度较低的版本。始终从用户的需求出发。在确定合适的策略和组件选择之前,了解他们的要求和关键用户旅程。
  • 优先考虑功能性:不要为了视觉效果而牺牲产品的核心功能。再多的情感也无法弥补清晰度的不足。
  • 遵循无障碍标准:遵守已建立的颜色对比度、屏幕阅读器兼容性、导航以及其他无障碍功能的最佳实践指南。
  • 迭代、迭代、再迭代:使用研究来找到新颖与熟悉、活泼与专业之间的恰当平衡。我们的设计量表可以帮助您快速入门。并且不要忘记进行可用性研究,以验证您是否走得太远。