推出Figma公测版的剖析

市场化战略不仅仅在发布日结束。在这一期的解剖学课程中,我们正在深入研究如何制作产品和完成工作,我们正在把我们自己的开发模式放在手术刀下,以便在发布后的两周关键时期内,对正在发挥的作用进行剖析。

插图说明: 劳拉·埃德巴切

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px; margin-top: 0px;">实际情况是,发布日是该产品剩余时间的第一天。现在,你已经把你的产品推向市场,现在是时候看看用户的反应,你是否正在追踪你的目标,以及什么需要立即解决。把发布后的两周看作是一个用户研究小组,每个人都被邀请:产品经理、设计师、数据科学家和营销人员。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">见样本A: 动态模式 ,我们第一个专门为开发人员在菲格玛建立的工作区。在今年的课程设置期间,发展模式是我们对以下问题的答案: 设计工具如何能更好地为开发人员服务? ?就像设计文件的浏览器检查员一样,它允许开发人员通过徘徊和点击菲格玛画布来收集测量数据、规格、资产和其他信息。开放的贝塔,在2023年底之前提供所有的菲格玛用户的免费访问,意味着我们将能够获得关于它是否为我们的社区服务以及我们如何不断改进的重要见解。继续阅读,了解我们是如何准备在前两周的启动和测试错误、请求和反馈。

figma-y6citn" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-size: min(5vw, 72px); font-variation-settings: "wght" 750, "wdth" 70; font-feature-settings: "ss01"; line-height: 1.04; letter-spacing: 0.005em;">手术背后的大脑

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">太多的厨师破坏了肉汤,但太少的操作员搞砸了解剖。(免责声明:这在医学上是不正确的。这是一个扩展的隐喻;在这里和我们一起工作。同样是那些将发展模式引入市场的人,他们致力于收集、分析和响应社区反馈,因为我们都想知道如何使产品更好。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">在我们如何分配产品方面,产品团队负责跟踪特定功能的使用情况,营销团队评估公众情绪,而支持团队则专注于错误和改进。尽管如此,我们都在不断地交流--没有人错过重要的微博,也没有人因为频繁的问题而被蒙在鼓里。我们的产品经理,阿凡蒂卡戈梅斯,从每个来源分析和综合信息,优先行动项目,协调下一步,并迭代。

开发模式的团队快照

开放于菲格玛

figma-y6citn" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-size: min(5vw, 72px); font-variation-settings: "wght" 750, "wdth" 70; font-feature-settings: "ss01"; line-height: 1.04; letter-spacing: 0.005em;">生命统计:我们追踪到的

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">在结束测试的最后几周,我们花了很多时间与开发人员和设计人员谈论他们的工作流程和痛苦点。我们学到的东西帮助我们迭代了发展模式的核心机制,调整了功能以反映我们的用户如何协作,并添加了新的功能以满足我们最初没有考虑过的需求。换句话说,我们知道我们在正确的轨道上,但也有太多的东西要学。

figma-nxc6qs" style="box-sizing: inherit; cursor: var(--cursorText); margin: 0px; font-size: 14px; line-height: 1.64; font-variation-settings: "wght" 600;">词汇表

A 北极星度量 是衡量成功的关键指标,也是实现目标和期望的最强指标。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">除了调整 北极星度量 -- 每周活跃用户(瓦乌)担任开发人员 使用发展模式--我们想知道我们是否接触到了我们的受众,他们对工作区有什么想法,以及需要修正什么。我们知道我们在等待大量的反馈,所以我们锁定了生命统计数据,并确保团队中的每个人都知道谁在监控什么。

figma-nxc6qs" style="box-sizing: inherit; cursor: var(--cursorText); margin: 0px; font-size: 14px; line-height: 1.64; font-variation-settings: "wght" 600;">专业小费

在结果开始出现之前设定基准指标是很有帮助的--否则,你将会被好的或者坏的数字所困扰。我们的研究人员还提前创建了带有关键指标的仪表板,因此比较启动前后的变化很容易。

• 特点采用: 我们检查了脉冲 检验小组 , 比较变化 , 相关连结 ,以及其他一些功能,可以看到有多少人在使用它们,哪些最吸引人。

• 接触和反应: 千万不要低估感应检查的力量。 社交媒体 , 电子邮件开放率 ,以及 产品内信息印象 告诉我们我们是否做得很好 社会感情 和 现场观众反应 在配置过程中,我们了解了哪些功能可以吸引用户。

• 修正和改进: 为了了解困扰我们用户的是什么,我们研究了 救助中心 文章意见, 通过产品内反馈按钮提交, 和 支助票 --再多一点。

figma-y6citn" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-size: min(5vw, 72px); font-variation-settings: "wght" 750, "wdth" 70; font-feature-settings: "ss01"; line-height: 1.04; letter-spacing: 0.005em;">问题的核心

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">这是我们想要的反馈,也是我们得到的反馈:在发布后的最初24小时里,我们从反馈表格、支持论坛、社交媒体、销售对话和其他渠道得到了2000多个社区的回应。

figma-1al1a4l" style="box-sizing: inherit; cursor: var(--cursorText); margin: 64px 0px 32px; font-size: min(3.0556vw, 44px); font-variation-settings: "wght" 750, "wdth" 76; font-feature-settings: "ss01"; line-height: 1.12; letter-spacing: 0.01em;">分阶段反馈渠道

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">为了组织信息流,我们为我们所听到的一切设置了三个不同的松弛通道。我们的产品内反馈按钮链接到一个窗体--我们在整个分类过程中的唯一真相来源--它自动记录每一个提交的任务,并将它推到一个专用的松弛通道, #dev-mode-feedback-stream .(我们还根据其他地方收集的反馈手工创建门票。我们第一天收到超过1500条短信!

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">另一个宽松通道, #dev-mode-internal-feedback ,允许菲格玛公司的员工对设计上的不一致(通常是临时用户可能忽略的东西)发表意见, #dev-mode-external-feedback 收集来自支持、销售和任何与客户接触的人的输入。我们还在推特和linkedin上听到了一些我们听到的话,在那里,菲格玛有一个庞大的声音社区,它能很快地让我们知道什么在起作用,什么不起作用。人们分享了引人注目的反馈,供大家看.

figma-1al1a4l" style="box-sizing: inherit; cursor: var(--cursorText); margin: 64px 0px 32px; font-size: min(3.0556vw, 44px); font-variation-settings: "wght" 750, "wdth" 76; font-feature-settings: "ss01"; line-height: 1.12; letter-spacing: 0.01em;">开始行动

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px; margin-top: 0px;">当工程师需要更多细节来充实一个错误报告时,他们会直接通过电子邮件发送给用户,让他们跟进。该团队还主动提出了临时的解决方案,或指导人们去帮助中心寻求资源。到目前为止,我们已经和83个客户聊过了。

figma-nxc6qs" style="box-sizing: inherit; cursor: var(--cursorText); margin: 0px; font-size: 14px; line-height: 1.64; font-variation-settings: "wght" 600;">专业小费

在文档中保留一些响应模板是很好的卫生措施,这样您的团队就可以很容易地对用户做出响应或跟踪,无论是感谢他们的反馈,还是向他们保证正在进行的帮助。左边的示例解决了我们在发展模式中访问注释时遇到的一个常见问题。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">嗨,

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">感谢你伸出援手!我很高兴你有机会使用发展模式,我很感谢你在发展模式中访问评论时的反馈。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">您仍然可以访问评论在发展模式!要切换评论,请单击左上角的语音图标,或使用键盘快捷键"c"输入评论模式。你能 在帮助中心阅读更多信息 .

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">请告诉我这个快捷键是否因任何原因对你无效!视频或截图将最有助于故障排除。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">非常感谢你的帮助和迄今为止的反馈!随着这个测试版的发布,我们渴望从我们的社区了解什么能帮助你更好地使用开发模式。虽然我们不能保证立即执行所有的反馈,但我们致力于随着我们的前进而成长,并鼓励你继续分享你的想法。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">多谢,

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">莫莉

figma-nxc6qs" style="box-sizing: inherit; cursor: var(--cursorText); margin: 0px; font-size: 14px; line-height: 1.64; font-variation-settings: "wght" 600;">词汇表

我们来自敏捷项目管理,其中项目可交付成果是逐步且经常发生的, 燃烧图 或 列表 帮助你追踪还需要做什么和什么时候做。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">我们担心的是,我们会通过发送开发模式破坏设计人员的工作流(破坏者警告:我们打破了)。任何与之相关的线索 燃烧清单 对于我们在头几天内推出的快速修复:文件导入和导出问题、登录问题、接受服务条款问题。在第一周内,我们解决了200多份反馈意见--如果我们自己这么说的话,那还不错。

figma-y6citn" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-size: min(5vw, 72px); font-variation-settings: "wght" 750, "wdth" 70; font-feature-settings: "ss01"; line-height: 1.04; letter-spacing: 0.005em;">消化信息

figma-nxc6qs" style="box-sizing: inherit; cursor: var(--cursorText); margin: 0px; font-size: 14px; line-height: 1.64; font-variation-settings: "wght" 600;">专业小费

为了获得鸟的视觉反馈,使用asana小部件将任务带进一个菲格马奇文件,在那里它们可以由主题组织。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">在粉碎高度优先问题的同时,我们开始对数据进行排序,并完善短期路线图。我们的票可能是 快速与暴怒11 但我们是这么处理的。当问题出现在asana,项目经理,研究,设计和工程团队标记和分类他们;最终,缓慢的加载时间和努力滚动通过如此多的部分,使反馈难以综合。这是我们跳到菲格杰姆,通过阿萨纳小部件拉票,然后组织成不同的部分。这使我们对人们最关心的是什么以及我们应该优先考虑什么。

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">最终,这变成了一个过于手动的过程,所以我们开始将数据输出到google表中,它仍然允许我们同时查看多个票,在一张票上添加几个标签,并计算在任何一个标签下嵌套了多少票。作为视觉思考者,我们正在寻找一种方法来实现工作量的自动化,这样我们就可以呆在菲格杰姆。

figma-y6citn" style="box-sizing: inherit; cursor: var(--cursorText); margin: 80px 0px 40px; font-size: min(5vw, 72px); font-variation-settings: "wght" 750, "wdth" 70; font-feature-settings: "ss01"; line-height: 1.04; letter-spacing: 0.005em;">RX

figma-1al1a4l" style="box-sizing: inherit; cursor: var(--cursorText); margin: 64px 0px 32px; font-size: min(3.0556vw, 44px); font-variation-settings: "wght" 750, "wdth" 76; font-feature-settings: "ss01"; line-height: 1.12; letter-spacing: 0.01em;">道路图规划

figma-1w80yjd" style="box-sizing: inherit; cursor: var(--cursorText); color: var(--secondary-color); margin-block: 24px;">深入了解发展模式有助于我们的H2产品路线图的规划;现在我们更了解用户喜欢什么和不喜欢什么,在产品方面制定下一步计划就容易多了。营销团队能够找出用户在理解方面的差距,即我们可以继续用教育文章和生活指南来解决这个问题。