#本文为2022年Mock RP原型工具评测大赛优秀奖参赛作品

每个产品经理都应该熟悉原型软件。本文以 RP为中心，介绍传统竞品原型软件Axure RP 9和Mok Knife进行横向对比，从原型工具保真度、生产效率、协作三个方面对 RP的能力进行横向对比。评测，一起来看看吧。

很高兴参加这次 RP评测。经过一个月的使用体验，我会从原型工具的保真度、生产效率、协作性三个方面来评价 RP的能力。同时，我会介绍传统同类竞品原型软件Axure RP 9和魔刀进行横向比较，最后给出我个人的推荐。

1. 保真能力 1. 静态页面保真能力

静态页面的保真能力是原型工具的基础。良好的保真能力可以大大降低原型输出和评审过程中的沟通成本。因此，保真度能力是原型工具的一项艰苦工作。我以京东APP的首页和个人中心页面为目标页面，使用 RP还原页面，没有使用任何截图。最终结果如下图所示。

从上图可以看出，在静态页面中的保真能力非常好。使用 RP自身的功能完全可以满足日常原型工作的高保真需求，甚至接近UI岗位的工作标准，所以在静态页面保真度方面Mocke RP的表现让人放心。

2. 动态保真度

动态保真度主要针对各种原型的交互动作，从简单的点击跳转到应用动态图层的能力。因为涉及到的点很多，我就把体验中能找到并应用的交互功能整理一下。代入下表：

体验完完整版的动态功能后，我对 RP的总体印象是有基本的交互。在日常产品工作中，这些交互功能可以满足我们的工作需求。遗憾的是目前不支持逻辑判断的交互功能，比如点击按钮后局部变量的变化，这涉及到计算逻辑。这种交互功能可以很好地呈现页面内和页面间的数据逻辑。虽然这部分应用在工作中所占的比例很低，但是当我们单独谈论保真度时，缺少这一部分会限制原型的保真度。真实的实现能力（下面两张图分别展示了Mocke RP还原的页面跳转交互和密码显示/隐藏交互）。

2、生产效率

一个好的原型设计工具的最终目标是服务于工作生产。下面，我将从启动成本、工具全面性和使用效率三个方面来评价 RP。

1. 转换和入职成本

如果你有使用Axure的经验，从Axure切换到Mocke的成本是非常低的。 RP的现成组件库、图标库和模板库大大提高了原型制作的速度。因此 RP的上手门槛比Axure要低很多。有使用Axure经验的人可以实现无缝连接。

如果你是一名界面设计师， RP 的上手成本也很低，而且 RP 令人惊讶的是提供了钢笔工具，为图形设计开辟了多种可能性。

颜色方面，Mocke RP已经支持多级渐变设置，在界面实现上基本没有什么可以限制你的发挥。

使用 RP时的感觉是，大部分能实现的图像都可以在中完成。 的功能会给界面设计者一种自然的熟悉感。

但这里需要强调的是，上述结论是基于原型设计的角度得出的。如果你是做界面设计， RP不具备替代其他绘图工具的能力。毕竟艺术行业也是有专业的。

最后，如果你是一个新手（完全没有相关经验的人），Mocke也是一个不错的选择。这次，为了更真实地测试初学者 RP的难度，我特地找到了不是设计和产品岗位的朋友，在简单介绍了界面的使用后，让他们完成了一个低富达个人中心页面。 ，我已经提前准备好了低保真原型，只提供被摄者的截图。具体截图请见下图，让大家对工作量和难度有一个直观的感受。

要求受试者在不使用屏幕截图的情况下，在 30 分钟内使用 RP 自带的工具恢复目标低保真屏幕截图。最终的结果是大家基本都能完成任务。受试者在绘图过程中遇到的问题主要集中在设计层面，例如比例问题。工具的问题较少。在这个过程中，我可以更好地定位自己的工具，了解工具的具体应用方法。

我希望通过这次测试来还原我们培训新团队成员使用原型工具的场景。结果也符合我之前经历的预期，但令人兴奋的不是结果，而是受试者给出的反馈。在事后的体验交流中sketch安装打不开，大家一致表示 RP非常适合用作ppt。制作的辅助工具，即使用 RP作为图形工具。从这次反馈来看， RP不仅对新手友好，而且还具备一定的出圈能力。

2. 工具的全面性

上图是Mocke RP的主操作界面。从这张图上，你可以更直观的看到，所有的功能都是可用的。 【组件】为页面结构提供了便利，【图标】则有助于界面的丰富和还原。同时，组件的操作也有相应的控件，从文字到形状，基本的手势和交互都已经到位。

经过一个月的使用体验，最终评价是“功能全部可用，但细节有待完善”。一些功能的使用，尤其是交互设计逻辑，还有明显的优化空间。

3、工具使用效率

真正值得我称赞的是，这些设计对于提高生产效率确实有帮助：

1）自动页码编号

这是一个非常舒服的功能。所有页面都可以一键编号，方便沟通，大大提高原型组织和输出的效率。

2）可自行维护的资源池

在资源功能下，你可以感受到Mocke RP对原型工作者的考虑。它有自己的颜色、文本样式和组件资源设置。这允许您归档常用的颜色、样式和组件，这非常有帮助。这是一个很好的设计，可以提高原型的整体统一性，也可以节省设计人员重复配置的时间。

3）辅助画板

辅助画板其实对处于画图位置的人来说更加友好。当一个页面的素材过多时，我可以利用辅助画板sketch安装打不开，对页面的资源进行高效的组织和分类，方便后期的复用和修改。

4) 流程图模式

一键流程图模式可以在页面上快速创建简单的流程图。这可以作为会议讨论中的逻辑排序工具，提高沟通效率。不过作为流程图输出工具，这部分还是比较少的。它很轻量，所以非常适合作为会议中的逻辑排序工具。

我强烈想抱怨一下，这些逻辑真的很浪费时间：

1) 步进器缺失

在大多数需要输入数值的地方，比如长度、宽度、字体大小等输入框，目前支持直接输入数值或者使用向上逐步调整数值和键盘的向下键。不支持鼠标可点击界面中的步骤按钮。这会给用户在进行细节调整时造成很大的操作浪费，而且键盘上的上下键可以进行步进操作，这就需要用户理解。在我们意识到键盘可以进行步进操作之前，我正在制作详细的值。调整需要进行以下操作。

鼠标获得对应设置项的焦点。> 输入目标值。在其他地方单击鼠标可使设置项失去焦点。

事实上，如果有步进器进行此操作，我只需要点击设置项的加号和减号按钮即可完成目标的详细调整。所以真心希望Mocke RP团队能够优化一下这个操作。

2）图标库单薄

当我们之前恢复目标页面时，所有图标搜索基本上都可以提供结果样式，即使我们找不到合适的图标。当我们在图标库中找不到合适的图标时，就需要到外部去寻找。图标复制进去了，但是复制的图标的颜色在 RP中无法完成，会给后期的调整带来很大的麻烦。希望图标库能尽快丰富起来或者提供一个从外部导入类似svg格式的图标的入口。

3）彩吸管操作逻辑繁琐

当我们操作渐变色时，我们发现吸管工具在完成​​吸收后会自动关闭颜色设置面板。这将导致颜色面板被重复打开以完成渐变操作。有关详细信息，您可以查看下面的 gif。我希望当移液器完成绘制时，颜色设置面板不会关闭。

4）反复制习惯设计

这是我纠结了很久的一个抱怨，因为我确实看到了Mocke团队的诚意，把克隆操作做到了可定制化。

但这样的设置会导致失去一个传统的功能，即我们习惯的Ctrl+D可以复制目标元素并显示在被复制元素的正下方或右侧。现在这个偏移量只能设置为固定值。问题是我们要复制的目标元素的宽度和高度是不确定的。甚至当我们一开始并没有发现这个功能可以设置的时候，我们在操作完之后克隆出来的新克隆的元素就直接覆盖到了克隆的元素上，直接造成了操作失败的错觉。这对于新用户来说确实非常不友好，尤其是那些熟悉Ctrl+D克隆对象元素操作的用户。

5）鼠标选择操作习惯问题

目前唯一支持的鼠标选择方式是【 】，但有一半的用户习惯了【In 】。在我们的体验中，并没有找到【包含选择】的设置项。我不知道。大家需要多长时间才能改变鼠标的选择方式，因为这涉及到我们鼠标的选择轨迹的变化。不管怎样，在这段时间的体验中，【相交选择】在一定程度上影响了我的绘图效率。

3. 协同工作

整体体验下来，我们能感受到的是Mocke对于协同工作的投入。除了主流的多人协同绘图外，还可以实现多人审阅和定稿。其中【评论】和【定稿】模式对于产品经理的沟通工作非常有帮助，尤其是定稿模式支持文档上传，真是太神奇了。这可以为需求方向上审核或需求确认提供良好的工作支持。这是整个体验中最令人惊奇的部分。

但【评论】和【定稿】模式需要在浏览器中完成，无法在桌面应用程序中完成。这将使我们的经验不完整。我们希望Mocke团队能够在PC桌面应用中提供这两个功能。 ，允许用户打开应用程序而不是网页。毕竟作为深度用户，肯定会下载安装PC桌面应用。如果还让深度用户在桌面应用程序和网页之间来回跳转，那不是有点调皮吗？

四、竞品对比 1、功能对比

我使用Axure和Ink Knife这两款产品在主操作界面上与Mocke进行横向对比。大家可以看下面整理的示意图，亲自感受一下。

页面模块：在该模块中，三款产品的性能基本相同，但在做页面深度测试时， RP和都可以支持10级或以上。

图层模块：在图层模块中，大家基本都是一样的。

组件模块：在组件方面，墨刀的丰富度最高，自由度最高。它支持用户定制。在这个模块中，确实需要改进。

图标模块：Mocke的图标表现与组件类似。基础的都有了，但是在丰富性和自由度方面还有很大的提升空间。

属性模块：在元素的属性编辑方面，Mocke的可操作性明显更好，配置的丰富程度也略高于Mok Knife。

交互模块：从交互深度来看，>模拟>莫刀；从可操作性（设定逻辑）来看，Mock > M Knife >。这里的截图仅供展示。建议亲自体验一下。 Mock确实提供了更好的设置体验。

顶部操作栏：在顶部区域，Mocke独特地提供了流程图模式和钢笔工具，在丰富程度上比墨刀略胜一筹，但与老大哥相比，还是有明显的差距。

2. 效率

对比完主界面的功能后，我对生产效率做了横向比较。我分别选择了一张高保真图片和一张低保真图片，用了三个软件来还原时序。为了消除无关变量的影响，在测试之前，我使用软件完成了十张图片的练习，以熟悉和使用功能。

测试结果表明，在完成低保真原型任务时，三个模型的生产效率没有太大差异。在完成高保真原型时， 和 Moko 都表现更好（测试时没有使用截图）。

3.生态学

从生态上来说，莫克表现得非常好。通过Mocke协作和Mocke RP形成的从原型开发到定型的完美协作流程，可以很好地解决原型整个生命周期的需求。

相比之下，魔道作为独立的原型工具，生态较弱，对原型审核和交流的支持不足。 Axure什么都懂。我所知道的Axure的最佳应用实践是使用Git来完成版本和团队沟通工作。这对于所有新产品经理来说都是一次神奇的经历。

5、选型建议

在使用 Mocke 一个月后，我将从个人和企业角度给您一些选择原型工具的建议。希望对大家的选择有所帮助。

1. 个人维度

如果你是新手，我强烈推荐Mocke作为你的第一个原型工具，因为像Mocke RP这样的SaaS服务是原型工具的必然趋势。可能有传统的人推荐使用Axure，但实际情况是，使用Axure的成本较高，包括学习成本、使用成本和维护成本，而公司的本质是营利性组织。熟悉类似 SaaS 的原型工具将意味着更多的就业机会。所以如果是个人选择的话，推荐使用。

2、企业维度

如果您是一家需要对原型软件进行采购决策的企业，既然您看到了这里，那么您一定对 RP以及类似的竞品有了一定的了解。如果您的公司已经使用了原型设计工具，我的建议是尽量不要进行软件更改。因为大部分产品工作都是基于之前组织流程资产的迭代，所以我们需要关注组织流程资产的迁移以及改变员工习惯的成本。遗憾的是，目前 RP所能带来的价值提升还没有明显大于切换成本，这会造成很大的决策风险，所以建议继续关注。

但如果你正在购买公司的第一个原型软件， RP确实是一个不错的选择。主要原因是有更好的生态结构。除了 RP 之外，它还具有辅助和设计软件。这为后期团队扩展提供了可持续的软件开发能力，而无需担心跨软件协作。另外， RP的成熟度比较高，不逊色于市场上同类的SaaS原型工具。

综上所述， RP作为一款原型设计工具是非​​常值得大家亲身体验的。我们不必选择它，但也不要错过它，因为 RP确实是一款“哪吒浩海”类型的产品。

本文是2022年 RP原型工具评测大赛的评测文章。如果您对 RP感兴趣，可以点击体验链接：

如有侵权请联系删除！