降维打击？「在线和协作」是不是原型工具的未来？

开篇一个问题：你经常使用腾讯文档、金山文档、石墨文档这样的在线协作文档产品吗？对于办公群体来说，他们早已是国民级应用。

在企业微信2022新品发布会上，腾讯文档宣布产品月活跃用户突破2亿。而另一边，金山文档宣布疫情期间月活跃用户达到2.39亿。

如果时间倒回5年前，这个答案或许是【大家都还在用office】。从未知到熟知，他们只用了5年时间...被市场认可的背后是这些产品解决了Office为代表的本地化办公软件无法解决的痛点。

和协作文档产品很像的，还有另一个领域，原型工具产品，因为其针对垂直人群使用，所以没有受到广泛关注，其实这个领域的产品也正在经历创新性变革，今天我们一起来聊聊原型工具的前世今生。

一、原型产品工具的发展史

1、原型产品工具是什么？

举个例子你就明白了。我们都知道，盖房子前，工程师会花很长时间画图纸，标注建筑的结构，便于建筑工人按图施工。同样的，我们平时使用的互联网产品，在研发阶段，也需要有这样的一份“图纸”，程序员按照“图纸”把产品实现。而这份“图纸”就是用原型工具产品做出来的。

2、为什么要有原型工具
（1）能节约成本：直接开发出来一款产品给客户敲定方案是否可行，既浪费了时间又浪费了金钱，不如在想法和创意阶段，就做出“模型”给客户定夺。
（2）沟通更便捷：信息在传递过程中会出现内容丢失，你表达的和对方接收的极容易产生偏差；另外，每个人成长和经历不同，你所掌握的信息对方不一定掌握，这也会出现理解的偏差。图片的信息量是远大行文字的，通过原型可以辅助说明，尽可能少的减少理解出现错位。
（3）检验核心流程：通过绘制原型图，产品经理可以快速检查核心流程是否能够跑通，在用户旅途上是否存在逻辑错误。

3、原型工具产品的发展史
按照产品形态和时间线，大体分为四个阶段：手绘工具-设计工具-本地工具-在线工具。

（1）手绘工具
这也是最原始阶段，人们通过手绘的方式表达想法，页面结构、跳转逻辑，都画在纸上。很多划时代的伟大产品其实都是用笔画出来的。

（2）设计工具
随着互联网软件的发展，后来出现了以 Visio，Illustrator，Powerpoint ，Photoshop 为主的软件，实现了从手绘到软件绘图的转变。

其实只是绘制方式的改变，本质上来说，仍然是作图，只是变成了在电脑中作图，仍然需要绘制。相对于手绘，制图的精确度、效率都得到了一定的提升，但这些软件的学习成本仍然很高。

（3）本地工具
2000年到2010年间，出现了代表性的软件Axure 。Axure是国外产品，后来推出中文版，它算是严格意义上专业的快速原型设计工具。

通过它，可以快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。交互逻辑的展现也得到了明显改善。

（4）在线工具
2011 年后，原型工具朝着更高效、更敏捷、移动化的方向发展，诞生了如 Invision，http://Proto.io，Sketch、磨刀、摹客等产品，此时的原型工具，不仅覆盖了 PC 也完全兼容移动 App ，制图更加清晰和精美。最为重要的是，厂商们开始关注团队协作和在线编辑。

原型工具产品和文档类产品有着相似的发展路径，都是从无到有，再到更便捷。文档类产品目前已经在深度探索在线协作，而原型工具产品也开始了这方面的探索。Axure是老牌的本地化软件，有着不小的用户群体，堪称入门级经典软件，不过在联网和协作方面表现相当差，这和当年的office产品有着类似的通病。这个痛点，也给了在线原型工具产品差异化竞争和乘胜追击的关键推动。

二、在线原型工具产品在解决什么问题

我们通过一揽子具体的场景来看看在线原型工具到底在解决什么问题。

场景1：画原型，到处找组件和图标
如果你是多年经验的产品经理，你的axure中一定有许多自己创建的私有组件模版，比如登录页面、注册页面等，因为它们在每个项目中基本都会用到。而这些经典的页面行业内早就有非常成熟的方法论，对于刚刚入门的产品经理来说，花了几天时间设计了一个登录页面的原型，可能还达不到行业水平的一半水准。另外，画原型时少不了插入一些图标和标识，产品经理经常需要在网络上搜索图标，然后再下载插入，工作效率难以提升。

但如果有一天，无论是行业通用的页面模版，还是图标，都直接内置在原型工具中，你会不会觉得很便捷？

场景2：中继器、动态面板，做交互太难了
很多时候，产品经理是需要做一些简单交互动效，在方案评审时进行辅助展示。Axure虽然也能做交互效果，但使用门槛较高，需要掌握中继器、动态面板功能的设置逻辑和规则。

但如果有一天，你只需轻松点击某个控件，选择想要的交互动效，即可完成配置，你是不是会觉得大大提高工作效率？

场景3：上传原型后，协作方说他打不开
作为产品经理，我们的原型要给到上下游进行协作，从而完成整个产品研发的流程。本地化原型工具，虽然支持将作品上传到服务器，并通过链接的方式进行分享，但由于服务器基本都在国外，加载速度一言难尽。

但如果有一天，你只需要在网页端制作原型（不需要下载客户端），制作后和使用腾讯文档一样，直接生成在线预览的原型效果链接，如果你对内容进行了修改，也会同步实时更新，你会不会觉得很方便？

场景4：大型项目，多个产品经理，我们只能各干各的
对于大型项目，往往有多个产品经理，每个人负责其中的某个或某几个模块。使用本地化原型工具，基本只能先各做各的，最终汇总在一起，这其中的想法碰撞和交流完全被阻碍了。

但如果有一天，你可以在线上创建一个项目，多人同时编辑，甚至可以做到同一个页面多人可以实时操作，且你能实时看到其他人的修改，你会不会觉得很惊喜？

场景5：原型和PRD，到底是怎样的关系？
对于很多产品团队来说，原型和PRD的关系很微妙，使用本地化原型工具时，Axure只是演示原型效果图，我们往往还需要辅助一个PRD文档，对细节和逻辑做补充说明，研发人员要拿着两个东西比对着来看，业务稍复杂一点的产品，这简直对协作方来说是灾难。

但如果有一天，你可以直接在原型页面旁边批注细节和补充信息，协作方打开后直接就可以看到原型和补充的细节，体验会不会非常丝滑？

以上5个场景，是产品经理在日常工作中最常碰到的几个问题，看到此处的你，是不是对在线原型产品工具有了极高的兴趣？

在这里，笔者也要多说一句。现阶段，很多产品经理依然习惯使用axure这类本地化原型工具，由于种种原因，还没有尝试过在线原型工具产品（当然，笔者也知道，在线原型工具产品还需要很多努力，一些地方确实还不完善），之所以通过这样场景化的描述，也是希望最直观的展示在线原型工具产品目前探索出的一些令人惊喜的地方，鼓励大家去尝试和体验。现阶段，我们的体验就是对这个行业最大的激励和帮助。

三、主流在线原型工具产品对比

目前国内比较主流的几款在线原型工具产品有：摹客、墨刀、码前，我们分别来说说优缺点。

1. 功能对比

（1）摹客：国内少有但专注在线原型工具的产品了，近几年升级迭代非常快，它也是目前唯一宣布功能全面免费的产品。

很多分析文章都将摹客的成功归结于产品免费和功能升级上，虽然有这方面的因素，但不足以形成思维闭环。功能升级是最容易被抄走的，真正的成功在于【全生态的打通】，将协作方的上下游全部聚合，真正提供一站式的使用场景和链路。

（2）墨刀：自从墨刀被万兴收购后，产品策略就转向颇具万兴基因的“软件工具箱”模式，失去了很多自己的东西和特色。

从一线使用来讲，墨刀给用户的心智更偏向于移动端原型设计，对于PC端的原型设计来说，并不是特别出众。由于产品定位的原型，对流程设计和UI设计的支持都很少。

（3）码前：这是2021年新上线的一款产品，它特别出彩的功能在于可以在一个软件上完成需求梳理、产品原型设计、UI设计的全部工作。在需求梳理模块，可以直接基于业务需求编辑思维导图后，一键生成原型结构，如果需求变更，思维导图和原型结构也会同时更新。

2. 价格对比

综合评测后，笔者总结了上述的表格，基本可以发现，个人版免费（不过会限制一些功能的使用），专业版（团队版）和企业版收费，定制版依据具体需求而定价。

由于在线原型工具产品主打【协作】，因此都会通过限制协作的成员数量来区分免费版和付费版，从而为高净值用户提供更多元化的增值服务。

摹客目前推出了免费计划，不限时长、不限功能、不限页面，打破了原型工具收费的行业规则。

3、整体对比

其实就笔者的体验来看，在线原型工具的功能都大同小异，区别在于产品的定位不同，摹客定位于全流程的打通，所以在使用上对协作方十分友好；墨刀定位于移动端原型设计，所以对其他方面支持较少；码前对产品经理在需求梳理、功能结构图、原型设计三者之间的工作流具有创新性。

四、在线原型工具的未来和一些思考

1、产品免费的竞争策略，胜算几何？
如果说轰动整个行业的，还是莫过于摹客宣布产品功能全部免费，这对于中小型产品团队来说有很强的吸引力。

对自身来说：产品功能免费，可以快速降低用户体验成本，笔者一直认为，目前阻碍在线原型工具产品发展的，不止是功能问题，更多的是用户心智问题，团队的使用习惯一旦养成，很难迁移和转变，现阶段，教育市场用户是更为关键的事。

对行业来说：产品功能免费，势必会重新洗牌整个行业，这也驱动行业其他产品的创新，加速优胜略汰。正因为免费，才更倒逼整个行业对产品的打磨更有敬畏之心，从某种角度来说，也是赋予了行业新的活力。

放眼整个互联网的发展史来说，免费模式都不失为一个好的竞争策略，通过后端承接的其他产品，同样可以变现。目前唯一宣布免费的摹客具有完整的产品生态，当流量聚拢后，通过企业服务和增值服务等方式，也可以创造新的收益。

2、本地化原型工具就没有未来了吗？
在线原型工具和本地化原型工具会是长期相互的存在，axure有其独特的竞争优势，因为发展年限较长，占有先天优势，而且在很多应用场景中，当迁移成本比较高、且必要性不强的时候，用户往往会选择继续使用原来熟悉的产品。未来很长时间，许多产品团队依然会首选axure，且在一些复杂的交互设计上，axure仍然是佼佼者。这也是为什么笔者说目前在线原型工具产品目前首要任务是培养用户心智的原因。

前百度产品副总裁俞军老师提出过一个著名的产品价值公式，即：产品价值=（新体验-旧体验）-换用成本。

目前来看，新体验虽然比旧体验强很多，但换用成本仍然比较高，很多团队依然在集体使用axure等工具，培养一群人等用户心智比培养一个人的用户心智要难上很多。这也是为什么目前摹客推出免费的原因，它希望通过这种方式增加转介绍率，从而更快渗透到更多产品团队当中去。

3、在线原型工具未来的竞争力在哪里？

产品经理选择原型工具，无非考虑4点：

1）组件库和模板的丰富度（提升工作效率）

2）使用场景是否广泛（是否各端都兼容）

3）交互功能的支持程度（高保真和高还原）

4）功能的拓展性（整个产研流程的支持程度）

前三点而言，目前摹客、墨刀和码前都有不同程度的支持，差异不是特别大。笔者认为，未来在线原型工具的核心竞争力有两个方面。

（1）打通上下游协作：我们都知道，产品迭代的过程，需要多方的参与，这其中会使用很多工具：原型工具、设计工具、开发工具、版本管理、开发协作、项目管理...

正如人一样，它并不是一个单独个体的存在，需要依赖于整个社会的人，相互依存。产品经理的工作很多时候是需要和上下游协作的，打通全链路场景的产品生态是未来的核心竞争力，设计师、产品经理、程序员都在一个平台上进行协作，可以实现以点带面的效果。目前而言，摹客在这方面实现了比较好的探索，具有摹客协作、摹客RP、摹客DT等产品矩阵。蓝湖也在进行此方面的打通，不过针对产品经理的工作场景而言，更多的是支持将画好的原型图导入。

（2）产品经理工作流的拓展：目前而言，在线原型工具更多的是针对绘制原型这个场景来展开的，针对原型绘制前的需求梳理、功能结构等探索不够完善，如何将需求池、项目管理等融入到整个工作流中，也是需要思考的问题。teambition强大的项目管理能力、码前强大的需求梳理和功能图能力、蓝湖更完善的设计管理能力，都值得相互借鉴和融合。

在线原型工具，不能只将视角停留在原型绘制这一个环节，而是要打通整个产研的各个环节和流程，真正实现所有协作方同时在一个平台上完成工作，那么规模效应就会显现。说白了，归根结底，在线原型工具是工具，它的使命就是提高效率，最快速满足用户需求。

五、结语

在线原型工具的未来，值得期待，线上化和协作化是顺应用户呼声的体现。用户的需求在哪里，产品的迭代方向就朝向哪里。

国产厂家正在凭着【对国内用户深入的洞察】而做出了许多创新性的产品，值得我们为他们点赞。

中国互联网有着和国外互联网不一样的基因和特质，凭借对用户的洞察，他们一定可以发展的更快，期待有一天，我们在提到原型工具时，大家提到的不是axure，而是我们的国产在线原型工具。

期待它们走出一条不一样的路。

以上截图部分来自于摹客：画原型做设计，摹客RP永久免费！