跳过导航
Image showing a test tube and a movie clicker featuring a real-time collaboration symbol in the middle.
Sketch 内部

幕后故事:我们如何研究和测试协作编辑

了解我们的研究团队如何完成近年来 Sketch 中最大的新增功能之一的内部消息

我们知道设计过程从根本上是协作的。 无论您是与其他设计同事交流想法,还是与开发人员合作将像素转化为代码,设计都不可能在真空中存在。

这就是为什么我们很高兴去年将实时协作引入 Sketch。 它使团队能够无缝地协同设计 —— 这对我们的用户来说意义重大。

但是,如果这对您来说是一件大事,那么这对我们在 Sketch 的团队来说是一项艰巨的任务。 因此,为了开个好头,我们专门的研究团队开始奠定基础。 请继续阅读,以了解我们用来交付这项改变游戏规则的功能的研究和测试过程。


我们设定的目标

研究过程分为两个部分 —— 探索性研究和可用性测试。

从探索性研究开始,我们希望帮助设计和开发团队围绕实时协作将有助于解决的几个主要痛点达成一致。 具体来说,我们希望

  • 了解我们的用户如何看待协作编辑
  • 了解他们对覆盖他人工作等问题的担忧
  • 了解他们现有的痛点以及实时协作如何解决这些痛点
  • 了解人们如何协同工作,以及我们如何满足他们的需求。

一旦我们有了这些答案并开始构建该功能,我们就转向可用性测试。 在这里,我们想确保我们克服这些痛点的解决方案是正确的,或者我们是否可以进一步改进它。

招募合适的合作伙伴和测试人员

去年,我们启动了 Sketch Labs —— 一项新计划,它敞开了我们的大门,并将更多对 Sketch 充满热情的人带入我们的研究过程中。 我们不断问自己如何才能使 Sketch 更好,而我们令人难以置信的产品团队每天都在努力实现这一目标。 当然,我们的社区在这一使命中也发挥着巨大的作用。 这就是为什么 Sketch Labs 是 Sketch 研究的重要组成部分。

我们不断问自己如何才能使 Sketch 更好 —— 我们的社区在这一使命中发挥着巨大的作用。

招募阶段揭示了我们最早的见解之一。 那时,协作仅在使用现已停止的 Sketch for Teams 计划时才有可能。 我们很快意识到,有些人不知道他们使用的是什么计划,包括许多错误地认为他们已经拥有 Sketch for Teams 的人。 当我们发现这种混乱时,它启动了我们更新我们的计划并使其更易于所有人理解的努力。

为现场测试做准备

由于此功能的重点是协作,因此我们希望与几个人同时协同工作来运行会话。 不幸的是,由于 COVID-19 迫使数百万人在家工作,因此现场研究是不可能的。

由于一切都必须是远程的,因此挑战之一是跟踪实时协作的参与者的屏幕。 我们设置了视频通话,每个人都可以共享屏幕,并设法将每个人的显示器合并到一个组合视图中,使我们可以一目了然地看到每个人的进度。 但是,由于多个参与者同时工作,因此仍然难以同时观察每个人的行为。 一些见解仅在录音审查中发现。

尽管这对团队来说是一个巨大的挑战,但远程会话最终变成了一种伪装的祝福。 设置帮助我们并排查看所有屏幕,这有助于我们识别不同屏幕中的任何差异和不一致的行为。 例如 —— 当一个参与者在图层列表中编辑名称时,如果其他参与者也在图层列表中,它会将他们踢出去。 这些见解非常宝贵 —— 并且仅由于录音才变得清晰。

研究见解

我们将可用性研究分为三个小组,每个小组都专注于实时协作工作流程的特定部分。 第一组专注于启动协作并邀请其他人加入文档。 第二组专注于交互本身,每个人都在协作。 最后,第三组专注于完成他们的工作并保存他们的文档。

我们在这些测试中发现了一些主要发现

不同的人以不同的方式保存他们的文件

为了进行协作,您的文档需要保存到您的工作区(以前称为 Sketch Cloud)。 在第一阶段,当我们要求参与者开始协作时,我们要求他们保存他们的文档。 我们假设通常,用户通过 S 或从菜单栏中选择文件 > 保存来保存文件 —— 这支持保存到您的工作区。 但是在可用性测试期间,我们发现一些参与者更喜欢从 Sketch 工具栏保存文件。

那时,当您从工具栏保存文档时,保存目标将默认为您最近使用的目标。 这意味着如果上次文件是本地保存的,则当前文件也将是本地保存的 —— 除非用户手动更改目标。 实际上,从 Sketch 工具栏保存到 Cloud(现在是您的工作区)是不可能的。 结果,大多数参与者将文件保存在本地,或保存在他们的个人 iCloud 存储中,这意味着他们无法开始协作。

这一发现启动了我们保存流程的工作,我们改进了用户体验,并添加了从工具栏保存时将文档保存到您的 Sketch 工作区的选项。

启动协作是一个摩擦点

一旦每个人都了解了如何将文件保存到工作区,就出现了另一个挑战 —— 启动协作会话。 在早期迭代中,协作的工具栏项目被标记为状态,这被证明对某些人来说很混乱。 我们也没有一个清晰的图标来指示邀请更多人的选项。 结果,参与者没有意识到工具栏项目与协作相关,只是忽略了它。

我们通过将名称更改为协作来减少了混乱。 我们还清楚地表明,在开始协作之前,您需要将文档保存到您的工作区。 保存文档后,您的头像就会出现,您可以共享链接或邀请他们在 Web 应用程序中加入该文档来邀请其他人。

Image showing the collaboration menu featuring different users in the session in different colors.

参与者对保存文件犹豫不决

在测试实时协作时,一些参与者担心与同一文件中的其他人一起工作。 这么多人进行更改并保存文档,他们如何知道哪些更新最重要? 更改是自动保存的,还是需要手动保存? 库呢 —— 您可以编辑一个库而不将更改推送到所有人吗?

简而言之,我们已尽可能简化系统,这些改进只是需要一点时间来适应。参与者测试该功能的时间越长,就越明显地发现更改会自动保存,不会丢失任何工作。至于标记重要更新和使用图库?我们也有相应的解决方案——稍后会详细介绍。

Image showing different updates to a document with the option to star a document.

它如何塑造了你现在所知的 Sketch

在获得有关实时协作本身的一些绝妙见解的同时,我们收到的反馈也促使我们重新审视了该功能的基础设施。这促使我们着手开发了一些其他功能,这些功能很快就上线了。

  • 星标更新 — 每次保存文档时,都会在你的工作区中创建一个新更新。星标是表示文档版本历史记录中关键更新的好方法。如果你使用图库,为图库中的更新添加星标可以让你控制将哪些图库更新发送给所有使用者。
  • 个人订阅 — 通过订阅,你可以获得完整的 Sketch 体验——包括访问 Mac 应用程序、Web 应用程序和工作区。现在,你可以作为独立设计师或作为大型团队的一员进行订阅。
  • 工作区 — 你的工作区是你所有设计文档的家。因此,你可以与他人实时协作、获得反馈、将你的设计移交给开发者等等。

主要收获

在任何研究开始时,你都会从一组假设开始,然后对它们进行测试。这个过程没有什么不同,挑战这些假设不仅帮助我们改进了实时协作,而且还有助于我们使 Sketch 作为一个整体变得更好。

我们的发现表明,人们对 Sketch for Teams 及其包含的内容存在困惑。这促使我们开发了你今天看到的工作区,并将其提供给个人用户以及团队,以便比以往更多的人可以开始使用实时协作。

看到该功能在整个过程中不断发展真是太棒了,我们非常感谢参与者,他们帮助塑造了该功能。对我来说,整个过程中最令人欣慰的时刻之一是看到我们的参与者在体验协作时——并且看到他们队友的光标时——的反应。我们很乐意为你带来这种兴奋,我们希望你在今天使用实时协作时享受它。


我们很乐意让你了解幕后发生的事情以及我们如何制作 Sketch。请在 Twitter 上告诉我们你下次想看到更多什么内容。

您可能还喜欢

Sketch 内部

Sketch 与 AI

一段时间以来,我们一直在思考 AI 对 Sketch 的意义。这是我们可能如何使用它、我们永远不会如何使用它以及指导我们思考的因素。

免费试用 Sketch

无论你是 Sketch 的新手,还是回来看看有什么新内容,我们都会让你在几分钟内设置好并准备好完成你的最佳作品。

免费开始使用
免费开始使用