与 Becky Specking 一起设计和构建无障碍产品体验

认识一下 Becky Specking,她是一位 UI/UX 设计师,也是 speck studio 的创始人,曾为财富 500 强公司提供咨询服务,并直接与 JLL、摩托罗拉系统、Ulta Beauty、bp、AT&T、Edelman、Carrier HVAC 和多家初创公司等公司合作。

她专注于以用户为中心的设计,并致力于提升设计的可访问性、包容性和可持续性,这塑造了她对设计流程和产品设计策略的理解。她也是 Zeplin 的长期用户🧡,帮助所有与她合作的产品团队记录并交付符合道德设计规范的设计。

鉴于她在构建用户至上产品体验方面的热情和经验——这个话题在 Zeplin 引起了我们很大的共鸣!——我们抓住机会了解了 Becky 的背景和设计过程,以及她对设计和开发团队的一些关键主题的来之不易的见解,包括:

  • 无障碍设计和开发
  • 从设计到开发的工作流程
  • 在她的流程中以及与客户沟通时使用 Zeplin
  • 关于构建无障碍产品体验的建议

请继续阅读完整采访!

关于Becky

1. 请介绍一下您自己!你是谁,做什么工作,无障碍环境与你的工作有什么关系?

我是伊利诺伊州芝加哥的一位设计主管。我的设计专长涵盖用户体验设计、用户界面设计以及产品设计。我目前在我的设计公司 Speck Studio 担任设计顾问。

我一直热衷于创造不仅美观而且具有深刻包容性的数字体验。这促使我去了解无障碍性的不同原则,以及设计如何在整个生命周期中优先考虑无障碍性。作为一名在不同平台和媒体上工作的设计领导者,我的首要任务是引导项目的解决方案能够预见并满足所有用户(包括残障用户和非残障用户)的需求。

在我的方法中,无障碍设计不仅仅是一个功能,而是一种影响设计师或团队每个决策的基本理念。通过将无障碍设计融入我的设计理念,我确保无障碍设计在每个设计阶段都成为不可或缺的考量因素,从而形成一种符合道德的设计方法,以提升客户作品的影响力。

无障碍设计和开发
2. 您如何定义设计中的可访问性——目标是什么、目标对象是谁、以及有哪些指导原则?

设计中的无障碍性意味着将我们的数字创作开放给所有人,无论其能力如何,并确保他们能够有效地使用我们的作品。这关乎以深切的同理心进行设计,确保残障人士的每一次互动都像其他人一样直观。在设计塑造体验的旅程时,重要的是确保每一次旅程的变化都能提供精彩而有意义的体验,而不是因为为了适应某些事物而做出妥协而降低体验。

设计就是在讲述一个故事。那么,我们想要讲述什么故事呢?我们如何确保每个人都能体验到同一个故事?

作为设计师,我们的目标是打破阻碍人们充分体验我们产品的障碍。我们秉持包容性、清晰性和适应性等指导原则,确保我们的设计易于感知、易于操作、易于理解。这不仅关乎遵守标准,更关乎突破极限,以创新的方式满足我们产品中被忽视的需求。

3. 您能否介绍一下从设计开始到产品交付过程中为实现可访问性所采取的具体步骤?

理想情况下,您应该将无障碍设计融入到设计流程中,并在设计的每个阶段自然而然地融入包容性实践。以下是将无障碍设计融入典型设计流程的示例:

  • 共情:深入挖掘用户情境 通过沉浸式研究深入了解用户,并与来自不同背景的用户(包括残障人士)直接互动。这一阶段至关重要,因为它将项目建立在真实的用户体验之上,确保设计基于真实的用户需求,而非仅仅停留在理论假设上。
  • 定义:建立包容性目标。在充分了解用户之后,您可以转向定义关键目标,其中包括将无障碍设计考虑因素视为主要目标,而非特殊要求。在项目早期设定具体的、可衡量的无障碍目标作为指导,例如确保屏幕阅读器兼容性或达到《Web 内容无障碍指南》(WCAG) 中的 AA 级。
  • 构思:以无障碍为核心的创造性问题解决 在头脑风暴和构思时,优先考虑无障碍目标。这通常涉及创新的布局、直观的交互以及视觉清晰的设计元素,以适应不同能力的用户。记住在设计过程中引入跨职能团队,并在可能的情况下,采纳无障碍倡导者或研究阶段用户的反馈。
  • 原型:从一开始就构建无障碍功能。创建交互式原型不仅要美观,还要方便残障用户使用。使用这些原型来测试假设、改进方法,并确保每个人都能获得流畅的用户体验。此阶段对于测试和优化无障碍功能(例如键盘导航和与辅助技术的兼容性)至关重要。
  • 测试:严格的可用性和可访问性验证 评估您的原型是否符合可访问性标准。与不同的用户群体(包括使用辅助技术的用户)进行结构化测试。目的是发现任何可能阻碍用户获得完全无障碍体验的障碍,以便在最终确定设计之前进行明智的调整。
  • 实施:确保开发过程中的无障碍性 在实施阶段,详细的设计规范是指导开发团队的依据。这些详细的设计规范应包含无障碍性注释,以便开发人员能够从头开始将无障碍性集成到代码库中。设计人员和开发人员之间应保持密切合作,以解决从设计到代码转换过程中出现的任何问题。
  • 学习:发布后的持续学习和适应 发布后,学习仍在继续。积极收集用户反馈,并监控产品在各种实际环境中的表现。这种持续的评估有助于您了解无障碍工作是否成功,或者是否存在需要重新审视的方面。专注于根据真实用户反馈进行持续改进,这样您就可以确保产品不仅在发布时符合无障碍标准,而且还能随着技术和用户需求的变化而不断发展,保持有效性。

将无障碍设计有机地融入到设计流程的每个阶段,确保它并非事后诸葛亮,而是产品设计理念中一个根基深厚、经久不衰的元素。这种方法不仅提升了产品的包容性,也丰富了设计实践,并催生出更多创新解决方案。

4. 在设计和开发的可访问性方面,您发现过哪些常见的误解和错误?

一个误解是,无障碍设计只与一小部分用户相关。实际上,全球每6人中就有1人患有某种残疾,也就是13亿人。在设计时充分考虑无障碍设计,可以提升每个人的用户体验,而不仅仅是少数人。

另一个常见的错误是将无障碍功能视为最终的“检查”,而不是设计流程中不可或缺的一部分,这往往会导致解决方案质量低劣,无法真正满足所有用户的需求。妥善处理技术层面的问题也至关重要——您必须使用语义 HTML 和适当的 ARIA 角色,以确保辅助技术能够准确地解释和导航内容。

无障碍需求可能以意想不到的方式出现,例如我们如何书写以及与用户沟通。有时,无障碍被认为仅仅是“颜色对比”,但它远不止于此,还有很多方法可以增强产品的无障碍性。

从设计到开发的工作流程
5. 这些步骤如何影响设计到开发的协作,以及可访问性最终如何在最终产品体验中体现出来?

从一开始就融入无障碍设计,极大地改善了我们设计师和开发者之间的互动。它培养了一种协作和相互理解的文化,确保团队在构建无障碍产品的重要性以及每个团队的愿景上达成一致。

设计师将在模式和设计系统中内置无障碍指南,而开发者则遵循并融入技术层面的无障碍标准。两个团队务必了解彼此在无障碍方面的语言规范以及无障碍最佳实践。这种协同效应不仅简化了流程,还提升了最终产品的整体质量和包容性,因为每位团队成员都成为了无障碍设计的守护者。

当这种合作顺利进行时,最终的产品体验将完全可访问,而不会在形式或功能上做出妥协,因为设计和开发都已将他们的最佳实践结合起来。

6. Zeplin 如何通过无障碍设计和开发帮助您和您的客户实现目标?它具体改进或取代了您工作流程的哪些部分?

Zeplin 在弥合设计团队的意图与最终实现产品之间的差距方面发挥了重要作用。它简化了设计规范的沟通,尤其是与无障碍功能相关的规范,确保开发人员获得清晰、可操作的信息。

Zeplin 提供了一个共享空间,让设计和开发团队能够高效协作,并将无障碍功能放在首位,从而增强了我们的工作流程。此外,将设计规范和无障碍功能以易于与业务利益相关者共享和讨论的方式记录下来,也非常有帮助。

我现在正在探索 Zeplin 的 Styleguides Sync 的最新更新,因此我相信这将提供更多机会来更好地与团队合作。

构建无障碍产品体验的技巧
7. 您对刚开始使用无障碍功能的设计师或团队有什么建议?有哪些热门/最喜欢的资源值得推荐?

如果您刚开始关注可访问性,请将其作为设计理念的核心方面,并在设计过程的每个部分中优先考虑它;对可访问性保持好奇心可以发现更多改进和探索的机会。

熟悉网络上的资源,例如获取基础知识的 Web 内容可访问性指南 (WCAG)、获取实用建议的 A11Y 项目以及包含工具包和指南的 Microsoft 包容性设计原则。

我还强烈建议您阅读《超越合规性的临时无障碍策略手册》。他们提供了很多关于如何实施无障碍的优秀资源,并且秉持着“超越合规性的无障碍”理念,为将无障碍嵌入到您的流程中提供了一种绝佳的方法。

请记住,迈向卓越无障碍体验的旅程永无止境——始终学习、适应,并将用户放在首位。倡导无障碍和包容性是打造符合伦理道德设计的产品的重要组成部分。通过在整个过程中悉心关注无障碍设计,我们不仅提升了包容性设计的能力,还在无障碍数字产品的外观和体验方面树立了行业标杆。

感谢 Becky 分享她关于无障碍设计的知识,以及她始终深入思考用户体验的启发性观点。我们很荣幸 Zeplin 能参与到你们的项目中。 🧡