事实证明,Material 3 Expressive(表现力设计)能够打造出更令人向往且更易用的产品,支持无缝的跨产品体验,并提高团队的工作效率。打造一款令用户喜爱的产品吧。
更好、更易用、更具情感共鸣的用户体验 (UX)
谷歌全新大胆设计方向背后的研究
Material 3 Expressive 是谷歌设计系统有史以来经过最深入研究的更新。在此,Material Design 的研究人员将分享设计背后的数据,以及关于用户对情感驱动型用户体验偏好的新见解。
Material 3 Expressive 诞生于研究——不是那种将设计决策完全交给数据的“41种蓝色调”式的研究,而是涵盖了研究、设计和工程的协作式探索。早在 2022 年,我们的研究实习生就开始调研用户对谷歌应用中 Material Design 的情感倾向。在向同事提及初步发现后,一场全团队的设计大讨论开始了:为什么所有应用看起来都这么相似?这么无聊?难道没有空间来增加一些情感表达吗?
在过去的三年里,我们探索了这场讨论的深层含义,通过数十轮的设计和研究迭代,寻找 Material Design 的下一次演进。通过数十项独立研究、数百个设计方案,以及来自世界各地的数万名参与者,我们打磨出了一套既美观又具备高可用性的系统。
Material 3 Expressive 的原则植根于扎实的研究,并建立在长期的可用性最佳实践之上。设计师可以自信地应用这些组件和原则,因为他们知道自己正在构建用户能够产生共鸣的产品。

研究 Material 3 Expressive
当设计团队创建初步概念并探索更具表现力的设计理念如何应用于谷歌产品时,我们着手进行了一系列研究,采用了多种方法,包括:
- 眼动追踪:分析用户将注意力集中在哪里。
- 问卷调查和焦点小组:评估对不同设计的情感反应。
- 实验:收集用户的情感倾向和偏好。
- 可用性测试:观察参与者理解和使用界面的速度。
为了建立坚实的基础,我们从单个组件的研究开始。几个例子如下:
- 我们评估了进度指示器的选项,评估哪些设计既能让等待时间感觉更短,又符合高端手机的质感。
- 我们研究了按钮可以做多大,旨在改善点击时间,同时又不让屏幕上的其他元素显得拥挤。
- 我们对新的悬浮工具栏进行了多项研究,旨在优化那些被视为现代、简洁、充满活力,同时又引人注目且易于使用的设计。
通过这些研究,我们注意遵循无障碍需求和最佳实践。在许多情况下,我们选择超越现有的点击目标大小、色彩对比度以及其他可能影响界面易用性的重要方面的标准。这项研究帮助我们构建了 Material Design 新演进所需的基础模块和指南。
但顶层的偏好说明不了全部问题。我们希望深入探究导致这种偏好的设计要素。
在去年的 Google I/O 大会上,我们引入了一组 Material Design 团队用于比较设计的属性。也许你注意到了,其中许多都是情感词汇?“俏皮”、“充满活力”、“富有创意”、“友好”和“积极氛围”就是其中的例子。
在开发 Material 3 Expressive 的过程中,我们的研究人员与设计师合作,针对这些属性对新的屏幕设计进行迭代测试,从而帮助优化设计,以获得预期的情感反应。此外,我们还力求确保使用这套新系统创建的设计看起来更现代、更具视觉吸引力。
用户研究结果
研究表明,谷歌用户将移动设备和软件体验视为自身的一种延伸,并且用户期望应用体验能够反映个人对风格(色彩、字体、对比度)和行为(例如优先展示常用应用和操作)的偏好。这种需求在年轻一代动态的品味和期望中尤为突出。
平均而言,更具表现力的设计变体在偏好度(提升约 100%)和美观度(提升高达 170%)方面均优于基准设计。
打造令人向往且更易用的产品
添加用户渴求的功能,如个性化、表现力组件和全新的色彩算法。
利用 Material 3 Expressive 的样式和组件,让你的产品默认即具备无障碍性。

开始使用
是时候超越“干净”和“无聊”的设计,创造能够在情感层面与人产生联系的界面了。准备好亲自尝试了吗?这里有几点建议:
- 开始实验:深入了解更新后的 Figma 版 Material 3 Expressive 设计套件,并开始尝试表现力设计选项。
- 尝试设计策略:探索使用 Material 3 Expressive 的设计策略,同时针对核心用户旅程定制你的 UI。
- 有目的性并从用户需求出发:虽然充满活力、表现力强的设计获得了广泛的青睐,但仍有一部分用户偏好更冷静、不那么强烈的版本。始终从用户的需求出发。在确定合适的策略和组件之前,先了解他们的需求和关键用户旅程。
- 优先考虑功能性:不要为了视觉上的修饰而牺牲产品的核心功能。任何程度的情感表达都无法弥补清晰度的缺失。
- 遵循无障碍标准:遵守既定的色彩对比度、屏幕阅读器兼容性、导航以及其他无障碍设计最佳实践的指南。
- 反复迭代:通过研究在新鲜感与熟悉感、俏皮感与专业感之间找到正确的平衡。我们的设计量表可以让你事半功倍。别忘了进行可用性研究,以确保你的设计没有“用力过猛”。