跳过导航
Sketch 内部

幕后花絮:我们是如何打造 Discover 的——一个内置于 Workspace 的知识中心

一窥 Sketch 最具协作性的项目之一的幕后故事

今年早些时候,我们推出了 Discover,一个精选的文章、资源和灵感集合——以及最新的 Sketch 更新——直接位于您的 Workspace 中。从分享有用的插件到突出我们钦佩的设计师的成功案例,Discover 应有尽有。

对于我们团队入职团队来说,这个项目的幕后推动力,Discover 是一个让人们可以找到一切所需,在 Sketch 中创造最佳作品的地方。但他们是如何做到的呢?

让我们深入探讨吧!

互相帮助,创造出最好的作品

我们始终努力制作 产品指南 以及 设计教程,帮助您更好地更快地设计。虽然您始终可以在我们的网站上找到这些内容,但我们希望让您更容易地找到它们。因此,我们将它们直接放在了充满魔力的地方——Sketch 本身。

“我们真的很想为初次尝试 Sketch 的人提供足够的见解。但同时,我们也不想让他们感到过度干预。我们重视自我发现的速度,并知道并非所有信息都与每个人相关,因此我们决定打造一款反映这一点的产品,”Team 入职团队的产品经理 Laura Palombi 说道。

这就是 Discover 的诞生:创造一个您可以随时回来寻求指导和灵感的空间。

确定 MVP

虽然 Discover 作为一项功能感觉是自然而然的一步,但我们必须尝试不同的功能。我们有很多有用的想法和资源可以与您分享,因此我们的首要任务是找出一种方法来缩小这些元素的范围。

我们希望创造出对您有意义且相关的产品,因此我们对要提供的內容类型、部分和过滤选项进行了很多思考。挑战在于在哪些元素是必须的和哪些元素可以基于您的偏好之间取得平衡。

正如 Team 入职团队的前端开发人员 João Guiomar 所见,“从实现的角度来看,我们需要以有影响力的方式展示各种组件。从创建一个带有视频动画的大型 Hero 组件到添加一个复杂的网格系统,让内容紧密地组合在一起,这是一个有趣的挑战。我们可以在 Discover 上全力以赴,因为它始终是一个有影响力的页面”。

以下是 最终产品 的快速浏览。

微调体验

没有两个 Sketch 用户是相同的。这就是为什么我们想要让您有机会个性化 Discover,这样您始终可以看到最适合您的内容。正如我们提到的,Discover 的主要目标之一是以最佳方式分享相关内容。实现这一目标的一种方法是创建一个模式窗口,您可以在其中选择对 Sketch 的熟悉程度的不同级别。

“我们喜欢这个想法……直到我们意识到它有太多交互,太多决策点——而且 UX 文本太多了!”产品设计师 Ramsés Cabello 分享道。“随着我们进一步迭代,我们大幅简化了交互,并将重点从技能水平转移到使用户的决策变得更容易、更轻松的选择”。

最初,我们根据人们的角色和他们对 Sketch 的熟悉程度,为他们提供了定制选项。但它太复杂了,因此我们开始简化设置。最终,我们决定在每个部分中使用一个简单的切换按钮是最好的,因为它不会强迫您评估自己的技能——您可以直接深入到您想要的内容中。

发现 Discover 的核心

虽然我们对 Discover 以及围绕 Discover 的想法有很多,但有一点很清楚:我们希望它易于迭代,易于个性化。创建内容库时最常见的陷阱之一就是添加太多选项和复杂性。我们希望 Discover 简洁直观,这样获取您需要的资源就不需要额外的学习曲线。

“我们的首要任务是能够立即更换内容,而无需返回到起点,”Team 入职团队的另一位前端开发人员 Ruben Almeida 解释道。“为此,我们问自己一些问题,例如内容之间的常见字段是什么,我们如何才能使它对未来的内容灵活,我们如何才能使其易于更新和添加新元素等等。然后我们就从那里开始构建”。

解决方案?使用网格系统。这种模块化设置意味着我们始终可以将您的页面更新为最佳内容。它在移动设备上也看起来很棒!我们还为标题、简介、图像等常见功能创建了可重复使用的组件。现在,无论谁需要更新 Discover,他们只需替换具体内容。它们在视觉上有所不同,因此您可以轻松地一眼看出差异。

“这个项目最大的成果之一是,即使是第一个 MVP,我们也不需要实现一个内容管理系统,”Laura 说。“添加和修改内容非常容易,Sketch 中的任何人都可以安全地执行此操作。从这个意义上说,它真正赋予了所有参与该项目的人,”Laura 说道。

填充网格

Discover 的核心是一个不断变化的页面,旨在反映 Sketch 和设计行业中当前的兴趣和趋势。填充 Discover 的过程将产品、技术和内容团队聚集在一起,他们都有自己想要展示的内容的想法。

“我们决心让 Discover 有用,而不仅仅是用对我们重要的项目来填充它。它们必须首先对您很重要,”Laura 说。

一旦我们规划了内容、层级和人们可能喜欢的资源类型,实现起来就相当简单了。该团队还能够在设计中玩得开心,弄清楚哪些模块应该更加突出,以及如何将它们组合在一起。

“整个技术团队都喜欢 Discover 作为整体闪耀。它内容丰富,拥有多种不同的组件,使整个视觉体验非常愉快,”前端团队分享道

An image showing different modules in Discover

Discover 的两个主要模块是“指南”和“见解”。如您所见,您可以使用上面的选项卡在初学者或高级内容之间切换。

Discover 的下一步是什么

Discover 背后的理念不言自明。您今天在 Workspace 中看到的只是开始。随着我们未来几周和几个月内创建更多内容,您可以期待看到 Discover 的演变。因为它直接内置于您的 Workspace 中,您将不会错过任何东西。

“我们想要一个空间,让人们能够初步了解 Sketch 的机遇,我们计划与人们一起发展这场对话。这是一个非常令人兴奋的旅程,我们已经在设计下一步,”Laura 说。

在哪里可以找到 Discover

您将在 Workspace 的侧边栏中找到 Discover 选项卡。我们将定期更新 Discover,因此请继续关注最新内容!

与往常一样,我们在构建所有产品时都以您为中心,并感谢您在每一步都提供的反馈。请通过您喜欢的渠道告诉我们您的想法和建议,例如 TwitterInstagram

您可能还喜欢

免费试用 Sketch

无论您是 Sketch 的新手,还是回来看看有什么新东西,我们都可以在几分钟内让您设置好,准备做好最好的工作。

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