技术文章

介绍

Infinite Red 拥有多个跨越不同时区的客户和一个内部设计团队从头到尾处理客户项目，因此努力改进其异步设计审查流程。公司的设计主管 Justin Huskey 和 Infinite Red 的高级设计师 Jenna Fucci 分享了他们的尝试溢出在需要的时候，最终找到了解决长期存在的沟通问题的长期解决方案。

挑战

让客户参与异步设计评论是一个漫长而支离破碎的过程

Infinite Red 有一个小型设计团队，他们非常亲力亲为地处理客户工作。当他们为小型企业和初创公司设计和开发 iOS 和 Android 应用程序时，他们的工作涉及与客户进行大量来回审查项目的每个步骤。Jenna 更直接地与客户打交道，通常每周通过电话会议或通过电子邮件异步组织一次会面，寻求反馈或批准以推进工作。

2021 年之前，Infinite Red 使用 Invision 原型与客户进行设计评审。Jenna 记得在 Slack 上写过长消息来准确概述客户必须审查的内容，并试图预测他们在浏览项目屏幕时可能遇到的任何陷阱。这个过程通常很笨拙——有时客户不确定他们必须点击哪里才能继续前进并浏览所有屏幕和它们之间的连接。在一个极端的案例中，一位客户签署了一个项目，只审查了其中的 60%，因为其余部分在他们的屏幕上是不直接可见的。

解决方案

在 Overflow 中向客户展示整个项目的鸟瞰图

无限红初试溢出2021 年。Justin 和 Jenna 回忆说，当他们觉得是时候改变他们与客户沟通设计工作的方式时，他们正处于一个项目的中间，来回的次数异常多。Overflow 是他们探索的选项之一，从那时起，该工具已成为他们工作流程中的主要内容。

“一天之内，我制作了我的第一个可点击、带注释的线框。在第一次尝试中，我们的客户成功地审查了我们的工作并发送了他们的反馈。” — Jenna Fucci，高级设计师

用例

根据 Infinite Red 设计团队的说法，他们以不止一种方式使用 Overflow。他们特别对以下四个用例进行了编号，分布在应用程序设计和开发过程的不同步骤中：

• 异步设计审查： Infinite Red 认为使用 Overflow 的最大好处的领域。每当时区差异使同步通信变得困难时，团队都会生成一个发布链接，并通过电子邮件将其发送给客户，并附上 2-3 行简单说明。客户通过 Overflow 评论进行评论并留下反馈。这个过程每周重复一次，直到最终签字。

• 同步设计审查：在时差不构成障碍的情况下，Infinite Red 的设计师会安排与客户的每周电话会议，在会上他们共享屏幕以展示他们的进度并获得即时反馈。

• 早期构思： Infinite Red 有时会在早期设计阶段使用 Overflow 来整合他们如何设想项目信息流的线稿。他们使用它来为客户提供内容应如何在最终应用程序的不同屏幕上传播的建议。

• 变体比较： Infinite Red 的设计师偶尔会为客户提供不同的建议以供选择。选项可能在视觉设计或屏幕连接和用户旅程方面有所不同。Overflow 可以很容易地比较版本，无论是通过并排显示还是在同一发布链接的不同版块中显示。

结果

全面的时间和沟通效率

根据 Justin 的说法，他的团队使用 Overflow 的好处有两个：为团队节省时间和精力，并提高与客户的一致性。

节省时间至关重要，因为 Infinite Red 由一个经常迭代设计的小型设计团队组成。过去，需要很长时间才能手动更新 Invision 原型或 Miro 流程，以便在每次新一轮审查时为客户提供同样好的体验。

“有了 Overflow，我们不需要在每次有变化时都重新做所有的工作；我们只是更新了看板，整个用户流程保持不变。” — 贾斯汀·赫斯基，设计主管

珍娜也从另一个角度看到了这一点：一直忙于动手设计工作使得给客户写长篇演练电子邮件变得相当困难。Overflow 使她可以将更多时间花在对项目重要的事情上，而不必担心文档，因为 Overflow 的鸟瞰图和交互式可见连接器使一切都变得一目了然。

Infinite Red 注意到与客户的沟通有了巨大的改善。根据贾斯汀的说法，客户似乎总体上与团队更加一致，而来回虽然仍然存在，但已经减少了。Jenna 补充说，使他们免于许多误解的一件事是客户不会实时接触任何迭代。团队可以在他们认为自己的工作已准备好接受审阅时更新发布链接。

公司

无限红在为全球客户远程设计、构建和交付应用程序方面拥有超过 10 年的业绩记录。这家总部位于美国的公司专注于 React Native 的所有方面。除了开发应用程序的主要业务外，Infinite Red 还非常致力于通过共享教育内容和组织聚会和会议来保持 React Native 社区的联系和信息。