Design accessibility for individuals with Material Design

Summary

本次演讲由设计师Karen和研究员Julia共同探讨如何为不同个体设计更具可访问性的产品。他们分享了Material Design团队如何通过动态颜色和个性化调色板来提升用户体验，并确保设计满足可访问性标准。通过研究，他们发现颜色是用户识别开关状态的关键因素，并基于此对开关组件进行了重新设计，使其更加灵活和易于理解。此外，他们还提出了一系列设计原则，以指导如何更好地满足个体的多样化需求。

Takeaways

• 🌟 设计系统Material U旨在通过个性化的设计提升可访问性和包容性。
• 🎨 动态颜色功能允许用户根据个人壁纸生成独特的色彩方案，增强个性化体验。
• 🚀 通过色彩提取算法，系统从用户壁纸中提取色彩并应用于整个用户体验。
• 🔍 为确保可访问性，设计团队研究了色彩理论，以自动确定色彩对比度。
• 📈 根据WCAG指南，文本对比度要求为4.5:1，非文本对比度为3:1。
• 🔧 设计系统通过色调值来确保色彩搭配满足对比度要求，而不是仅依赖色相或色度。
• 🎯 研究显示，非文本对比度不总是需要满足3:1的标准，应根据上下文灵活应用。
• 👥 用户研究包括不同视觉体验的人群，包括色盲和低视力用户。
• 🔄 开关（Switches）是Material设计系统中广泛使用的一个组件，新的设计使其更加易于理解和操作。
• 🛠️ 新的开关设计通过颜色、大小和图标等多种方式传达状态变化，而不只依赖颜色。
• 📚 通过案例研究和用户研究，Material团队提供了一套设计原则，以指导更具包容性的产品设计。

Q & A

这次讨论的主题是什么？

这次讨论的主题是设计中的无障碍性，特别是如何为个体创造更无障碍的设计体验。

Karen和Julia Feldman分别在Material Design团队中担任什么角色？

Karen是Material Design团队的设计师，而Julia Feldman是该团队的研究员。

Material U是什么？

Material U是一种更人性化的设计方法，它强调设计感和个人偏好之间的张力，并旨在通过产品表达来赋予个体身份。

动态颜色系统是如何从用户的壁纸中提取颜色的？

动态颜色系统通过颜色提取算法，从用户的壁纸图像中提取色调，并将这些色调应用到整个用户体验中，包括所有接受动态颜色的组件。

在动态颜色系统中，如何处理颜色组合的不可预测性以及保持无障碍性和可用性？

通过深入研究色彩理论，团队确定了使用色调而非色相或色度来可靠地实现所需的对比度比率。他们建立了一个基于色调的关系系统，通过结构化的方式应用颜色角色到组件上，从而系统性地满足对比度要求。

WCAG对于文本和非文本对比度有什么要求？

WCAG要求常规大小文本的背景对比度比率为4.5:1，用于测量非文本对比度（如有意义或活动组件的对比度）的比率为3:1。

研究中测试了哪些设计元素的对比度？

研究中测试了导航指示器、非活动状态按钮和浮动操作按钮的对比度，包括它们的颜色填充、轮廓以及是否包含阴影。

研究中发现的三个关键考虑因素是什么？

三个关键考虑因素是：1) 组合在一起的组件可能从3:1对比度中受益；2) 独立且显眼的组件可能不需要3:1对比度；3) UI内的组件应保持平衡，考虑整个UI的设计特性。

Material Design团队提出的设计原则有哪些？

设计原则包括：了解人们的需求再定义解决方案、在行业标准的最小要求内工作、认识到需求和愿望在个体之间的差异。

开关（Switches）的重新设计有哪些改进？

改进包括：确保颜色一致地满足对比度比率要求、手柄在轨道内的设计简化了对比度比率的满足、提供更灵活的支持，如图标选项，以及使用大小变化和填充与轮廓样式的变化来传达状态变化。

如何访问更多关于Material Design团队分享的无障碍资源？

可以通过访问material.io网站来了解更多关于无障碍设计的资源和原则。