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

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

通过结合研究和直观设计，她打造出的数字体验不仅深受用户喜爱，而且满足了工程和业务需求。从用户体验研究一直到前端实施。

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

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

她平衡工程、业务和用户需求的方法

她产品设计工作流程中的首选工具

为什么她仍然喜欢 Zeplin，而 Figma 中可以完成交接

“一体化”工具的缺陷

她对新设计师的建议

 

Tania 的产品设计方法

您曾与一些出色的组织合作过。您最喜欢参与过哪些产品或项目？为什么？

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

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

当展示改进的体验时，看到这对他们的工作有何影响，为他们节省了处理文书工作和使用各种工具的时间和麻烦，我感到非常欣慰。反过来，这意味着用户可以更多地专注于工作（儿童的安全），而不是花在浏览不直观和低效的应用程序上。

 

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

有很多经验教训，但其中对我帮助最大的是采用整体方法来进行产品设计。

我看到许多设计师只关注设计流程和方法，而忽略了业务需求和技术限制。

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

在不同的组织中，我担任过业务分析师、开发人员甚至客户服务人员的角色。这样做让我在需要时获得了优势，并帮助我实现了更好的设计结果。

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

 

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

我在 Yahoo! 的工作中收获颇丰。多年来，我设计并构建了许多广告和编辑项目，从框架到实施，还与我们的后端开发人员合作创建自定义功能。

从这段经历中，我能够理解实施设计解决方案时的技术限制和注意事项。作为一名设计师，我相信接触开发会让你更有创造力，而不是受到限制。

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

 

最喜欢的工作流程工具

您最喜欢的工具是什么？为什么？（在您自己的工具堆栈中和/或在您合作过的团队中）

目前，我最喜欢的工具是：

Dovetail 用于用户研究。这是我用过的最棒的工具，它综合了研究成果，具有视频和音频转文本翻译等功能。利益相关者一直对使用 Dovetail 获得的见解和数据点印象深刻。

Whimsical 非常适合流程图、低保真工作和流程流程。我在项目开始时和整个过程中都会使用它来帮助可视化用户旅程等内容，甚至可以在不被高保真设计中的细节干扰的情况下对问题或解决方案达成共识。我喜欢它，因为它用户友好，非常适合设计过程的这一部分。

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

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

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

 

Zeplin 的设计过程

您曾写过

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 取得更好成果的内部见解。

Tania 的工作流程是否启发了您？如果是这样，并且您正在寻找一种在产品开发过程中记录、组织和协作设计的更好方法——免费试用 Zeplin 或在即将举行的 Zeplin 小组演示中观看它的实际应用。