我的产品设计工作流程以及为什么我将 Zeplin 与 Figma 结合使用 — 与 Tania Richardson 合作

认识一下 Tania Richardson——一位澳大利亚产品设计师,拥有超过 10 年为昆士兰教育部、雅虎、新西兰航空、普瑞纳、新西兰时装周、Triple Rock 伏特加、AA 保险、梅赛德斯、橄榄球世界杯(编辑部)、澳新银行、奥克兰市议会等组织设计软件和网站的经验。

她将研究与直观设计相结合,打造出不仅用户喜爱,更能满足工程和业务需求的数字体验。从用户体验研究到前端实现,她都倾注了全部心血。

Tania 是 Zeplin 的长期用户,在产品设计工作流程和设计师与开发人员协作方面拥有丰富的经验 - 她早年曾在雅虎担任前端开发人员,多年来领导过众多优秀产品组织的用户体验设计和研究。

因此,我们当然非常高兴与 Tania 聊以下话题:

  • 她平衡工程、业务和用户需求的方法
  • 她的产品设计工作流程中常用的工具
  • 为什么她仍然喜欢 Zeplin,而 Figma 可以完成交接
  • “一体化”工具的缺陷
  • 她对新设计师的建议

请继续阅读对话! 💬

Tania 的产品设计方法
您曾与一些出色的组织合作过。您最喜欢的产品或项目有哪些?为什么?

我想到的是那些对用户影响最大的项目。其中一个是政府项目,它重新设计了用于监测和评估托儿中心合规性的应用程序。

我喜欢采访用户并了解他们不同的需求和痛点的过程。

在展示改进的体验时,看到它如何改善他们的工作,节省了处理文书工作和使用各种工具的时间和麻烦,令人欣慰。反过来,这意味着用户可以将更多精力放在工作上(儿童的安全),而不是花在浏览不直观、低效的应用程序上。

在您的职业生涯中,是否有任何值得注意的经验教训影响了您今天的产品设计方法(特别是对新设计师有启发的经验教训)?

有很多教训,但对我有帮助的一点就是对产品设计采取一种整体的方法。

我见过许多设计师只关注设计过程和方法,而忽略了业务需求和技术限制。

如果用户对设计感到满意,那当然很好,但如果企业成本太高,或者构建时间太长,用户就永远不会使用它。

我在不同的组织中担任过业务分析师、开发人员甚至客服等职位。这些经历让我在需要的时候能够发挥优势,并帮助我取得更好的设计成果。

因此,请保持好奇心并尽可能多地了解整个产品流程。

看起来您在职业生涯早期在雅虎担任了相当长一段时间的前端开发人员——这段经历对您与开发人员的合作有何影响?

我在雅虎的工作非常愉快。多年来,我设计并构建了许多广告和编辑项目,从线框图到最终落地。我还在必要时与后端开发人员合作,创建定制功能。

通过这段经历,我理解了在实施设计方案时的技术限制和考量。作为一名设计师,我相信接触开发经验会让你更有创造力,而不是受到限制。

当你能够理解开发人员面临的挑战时,就能建立一种更具协作性和尊重的工作关系,从而为用户提供更好的最终产品。像页面速度这样简单的事情,最好由设计和开发双方共同努力来实现。

最喜欢的工作流程工具
您最喜欢的工具是什么?为什么?(在您自己的工具栈中和/或与您合作过的团队中)

目前,我最喜欢的工具是:

Dovetail 是用户研究的最佳工具。它是我用过的最佳工具,能够将研究与视频和音频转文本等功能整合在一起。利益相关者一直对使用 Dovetail 获得的洞察和数据点印象深刻。

Whimsical 非常适合流程图、低保真工作流程和流程图。我从项目伊始就使用它,并在整个项目过程中使用它来可视化用户旅程等内容,甚至帮助大家对问题或解决方案达成共识,避免高保真设计中的细节干扰。我喜欢它,因为它用户友好,并且非常适合设计流程的这一部分。

Figma 用于高保真设计工作,以及设计系统的创建和参考以及原型构建。我很高兴我们终于有了一个基于浏览器且与设备无关的设计工具。这为产品团队的其他成员提供了查看、编辑和协作设计文件的机会。这也意味着我们可以在不同设备上在家或办公室之间移动,并轻松地从上次中断的地方继续工作。

Zeplin 用于连接设计与开发。交付一直是产品设计师面临的难题,而 Zeplin 在这方面做得非常出色。我们使用 Figma 的 Zeplin 插件,将设计发布到 Zeplin 中的项目中。这使得开发人员可以访问已发布的设计,并引用他们工作所需的 HTML/CSS 等代码。产品团队可以在这里共享待交付工作的可见性。

发布后,我会将 Zeplin 的屏幕直接添加到 Jira 中,以便将我们的设计与用户故事关联起来。Zeplin 能够将产品团队中的这些部分连接起来,这正是我喜欢使用它的原因。

了解有关我们强大的双向 Zeplin + Jira 集成的更多信息。

您曾写过 Zeplin 的设计版本控制在您的工作流程中至关重要。与 Figma 中的版本控制相比,使用 Zeplin 的版本控制可以替代或避免哪些具体步骤或低效之处?

Zeplin 允许我在准备好时保存版本,而不是由系统指示。

当您想要防止数据丢失时,基于自动保存的版本历史记录非常有用。但是,当您混合使用自动保存的版本和用户生成的保存时,版本历史记录会变得非常冗长。

这使得设计师和开发人员很难审查更改并理解为什么在特定时间做出决定。

我认为 Zeplin 的版本历史记录与 Github 中的提交类似。使用 Figma 中的 Zeplin 插件,我可以向 Zeplin 提交更改并附带注释。如果需要,我还可以进入 Zeplin 的版本历史记录,删除产品团队认为不必要的内容,让设计师掌控发布的内容。

您还强调了设计文件的组织方式。您喜欢如何组织您的 Zeplin 工作区?与 Figma 中的类似功能(例如便签和页面组织)相比,Zeplin 有哪些优势?

许多设计师不喜欢与产品团队共享他们的“工作区”,通常是因为那里面可能包含存档的屏幕、“进行中”的屏幕以及许多原型。我发现,允许开发人员访问你的 Figma 工作区往往会引发更多问题。

对我来说,Figma 是一个概念化的空间——里面可以容纳许多笔记、迭代和概念。而 Zeplin 则是我与他人分享的地方——以一种对产品团队来说合理的方式进行组织。

是的,你可以在 Figma 中创建页面来区分功能。但是,创建一个按功能、版块和项目组织、方便所有产品团队成员查看的空间会更方便。

当一个功能包含超过 10 个屏幕时,我通常会设置子部分。对于大型项目来说,组织至关重要,因为一个项目可能包含数百个设计,并且涵盖各种设备格式。

我们的产品团队包括产品所有者、开发人员、数据分析师和变更管理人员,他们可以使用侧面菜单、标签或搜索栏轻松浏览 Zeplin,而这通过 Figma 无法轻松完成。

最喜欢的 Zeplin 功能
Zeplin 中有哪些你特别喜欢的功能或能力?有哪些功能你觉得被低估了?为什么?

我非常欣赏 Zeplin 与其他工具的集成。在我的产品团队中,我们经常通过 Jira 链接发送我们正在讨论的参考设计和问题。只需在 Jira 中单击一下即可访问 Zeplin,这帮助我轻松地参考和浏览相关设计。

即使在 Zeplin 中,我也可以看到所有与之相关的 Jira 工单号以及这些工单的状态。这有助于我们了解每个设计的实施进度,或导航到与之相关的所有工单。确保设计满足所有这些要求。

Zeplin 还将设计直接链接到它所来自的 Figma 文件,这再次节省了我的时间,特别是因为我经常在一天中切换上下文。

在您与各种客户团队和开发人员合作的过程中,他们是否向您反馈过 Zeplin 如何影响他们的产品开发工作流程?如果有,您能分享一下吗?

对于客户和开发者来说,最重要的是易用性。多年来,我每个项目邀请了超过 50 位用户,几乎没有遇到过关于访问和使用 Zeplin 的抱怨。它是一款非常直观且用户友好的工具。

我们的团队经常通过 Jira 查看 Zeplin 设计。因此,在进行改进会议时,只需单击一下即可在估算之前查看和讨论工单。这节省了开发人员和业务分析师的时间,无需担心参考的设计是否正确。作为一名设计师,我可以访问 Jira 工单并将其链接回 Zeplin 中的相应部分,甚至可以直接链接到 Figma 进行编辑,这也很有帮助。

关于“一体化”产品的思考
很多设计师,甚至产品团队,都对“添加另一个工具”以及由此带来的额外维护工作量感到担忧。在 Zeplin 和 Figma 的结合使用中,您对此有何看法?

通过使用各种软件,我了解到没有一款产品能够包罗万象。一体化产品总会有一些缺点,例如在部分设计工作流程中缺乏所需的灵活性。

Zeplin 等专业工具是基于设计交付问题的各种用例构建的。而 Figma 则选择最常见的交接问题用例来覆盖大部分内容。因此,当需要灵活性来满足特定需求时,它就无法做到了。

这就是为什么在我的设计过程中,我喜欢为每个问题只使用最好的工具——即使这意味着要使用很多产品。Figma 用于高保真设计、设计系统和原型,Zeplin 用于设计到开发的交接、版本控制、HTML/CSS 以及它与 Jira 用户故事的连接。

最后的想法和建议
如果一位新设计师想要达到您现在的水平,您会给他们什么建议?

保持好奇心,定期练习,并从周围的世界汲取灵感。这个行业瞬息万变,因此,对设计及其对用户的影响保持真正的兴趣,对于在这个行业长久立足至关重要。

我从事这个行业已经超过15年了,但我仍然觉得还有很多东西要学。你的职位肯定会随着你的职业生涯而变化,需要学习的工具和平台也层出不穷;所以,拥有对这个行业的热情是获得你梦寐以求的职位和机会的关键。

除了人工智能(太明显了 :)),您认为产品设计行业的未来发展方向是什么?您认为哪些领域会发展得更快、增长更快?您目前在关注哪些领域?

很难说,但我认为,凭借我们现在掌握的所有工具,该行业将更多地依赖最初的用户体验研究过程,而不是交付。

我们正在利用框架和人工智能辅助技术支持产品交付,通过更好地理解心理学和社会学,产品设计的角色可能会演变为捕捉错误、审查数据并将人性化元素应用于设计。

非常感谢 Tania 分享她的设计方法、产品设计工作流程,以及她如何与 Zeplin 的产品团队合作者一起取得更好的成果。 🧡