#本文为2022摹客RP原型工具测评大赛二等奖作品

当前互联网环境下，竞争日益激烈，如何打造一个令用户喜爱的产品成为了每一个产品设计者需要思考的问题。一个成功的好产品是价值、可用性、可行性缺一不可的，本文以摹客RP的价值入手，分析摹客RP是如何助力产品团队打造用户喜爱的产品的，一起来看看。

在这个竞争日益激烈的互联网时代，“如何打造用户喜爱的产品”是每个奋斗在前线的产品人、每个蓄势待发的创业型公司、每个一筹莫展的大企业都在思考的问题。

一款产品如果被用户所喜爱，那定然是一款好的产品、一款成功的产品，而硅谷产品集团的创始人Marty Cagan 在《启示录：打造用户喜爱的产品》中说：“好产品具备三个基本条件：价值、可用性、可行性缺一不可。”

摹客RP这款产品，如果算上它的前身Mockplus（当前仍有其用户群）的话，至今已面世七年之久，其可行性自不必说，自然是具备的，因此不是我在这里要探讨的主题，而可用性这一条件，我想我们正以“深度体验并反馈”这一形式而在做这件事，相信此次大赛活动之后，摹客团队将会对其有更进一步的认识并不断优化改进的。

所以，今天我将从它的价值方面入手，围绕“打造用户喜爱的产品要素”、“摹客RP是如何助力产品团队打造用户喜爱的产品的”、“摹客RP还可以从哪些方面进一步提供助力”、“总结与思考”这四部分内容，谈一谈浅薄之见。

一、打造用户喜爱的产品要素

Marty Cagan 在《启示录：打造用户喜爱的产品》一书中，从人员、流程、产品三个方面探索阐述了“如何打造用户喜爱的产品”这一问题。

1. 人员部分：负责定义和开发产品的团队成员的角色和职责

“产品是由团队成员设计开发的。选择团队成员、界定工作职责是产品成败的决定性因素。”，也就是要做好产品管理工作。

2. 流程部分：探索、开发富有创意的产品时，反复应用的步骤和成功的实践经验

“一流软件（互联网）公司的流程及技术与普公司的相比有很多不同之处。”那么，它们到底是什么呢？答案即如下图所示。

在产品探索和产品开发阶段可以合理地运用敏捷方法，但要注意产品经理和设计师的工作进度应该比开发团队领先一两个迭代，正如上图流程显示的那样，这是有先后关系的两个阶段，不能一边设计一边开发。

3. 产品部分：富有创意的产品具有的鲜明特性

“什么样的产品才能让人耳目一新？”，回答这个问题，就是在探讨探索产品和开发产品的方法。

（Marty Cagan在书中还给出了探索和开发大众网络服务产品、企业级产品、平台级产品的经验和要点，感兴趣的小伙们可以自行阅读哦~）

二、摹客RP是如何助力产品团队打造用户喜爱的产品的

“产品没有价值，开发团队再优秀也无济于事。”

1. 摹客RP的价值

我认为摹客RP最大的价值是“为产品团队打造用户喜爱的产品方面提供了别具一格的助力”，这在人员、流程、产品三要素上都有体现。

摹客RP本质上是一款在线原型设计产品，在《启示录：打造用户喜爱的产品》总结的十大要点中说到的“使用原型”、“用户参与原型测试”这两个环节所涉及的原型工具中，为用户（产品经理和产品设计师）多提供了一个选择——流程。

而作为一款定位为“更高效、更易用、更流畅”原型设计产品，在同类产品中有着强劲的竞争力。

（1）竞品功能对比

（数据来源：百度指数）

根据上图的人群属性，可得出摹客RP与墨刀、Axure这两款原型工具的用户在年龄和性别上有着强烈的一致性，只不过其在性别比例中男女差距最小。接下来将对这三款产品功能进行对比分析。

而在其生态圈内增加了协作平台、设计规范管理的功能之后，摹客已然成为国内同行业中唯一可同时提供设计协作平台（支持全部三方主流设计稿）和高保真原型设计的平台产品。

（2）实力表现

客户认可度：

（数据来源：摹客官方）

尽管摹客实力毋庸置疑，在市场上有着大量的用户群、与多个知名企业有着深度合作并受到一致好评，但与墨刀、Axure相比，摹客当前在国内市场的搜索热度表现却差强人意，如下图所示。

（数据来源：百度指数）

酒香也怕巷子深啊，我想市场和运营团队还要再加把劲（在这次大赛活动的准备中，我才知道摹客之前已经举办过多次关于Mockplus的设计大赛，但当时我及周围小伙伴们却毫无所知呀~）。

小结：

原型设计工具是现今产品团队想要打造用户喜爱的产品不可或缺的工具，而作为一款集成了协作与设计规范管理的平台产品，摹客正逐步成为其中的佼佼者。

2. 人员和流程

摹客柔性工作流、任务分派和多人实时编辑的功能让产品经理、用户体验设计师、开发团队更能高效的进行协作——人员和流程。

（1）目标用户

显而易见，摹客全流程设计协作平台的目标用户主要是产品经理、用户体验设计师、开发人员，同时，因其协作方式，测试人员也能从中受益。

①产品经理

为了让团队其他成员快速正确理解产品需求，或者方便向客户确认需求，产品经理需要进行原型设计（一般为原型框架图），并输出PRD文档。

在与团队其他人员（尤其是用户体验设计师）合作时，需要分配任务，掌握进度。

②用户体验设计师

包括交互设计师和视觉设计师。

交互设计师需要紧密配合产品经理的工作，需要分解功能、添加导航、设计交互流程。

视觉设计师需要对可交互的页面原型进行设计视觉体验设计，并完成设计稿的交付，另外，还需要管理素材和设计资源。

③开发人员

包括前端工程师和后端工程师。

前端工程师在进行开发时，需要查看功能文档，查看设计稿标注、使用切图，查看交互原型，对接设计规范。

后端工程师在进行开发时，需要查看功能文档，设计数据库，定义接口。

④测试人员

测试人员在测试时，需要查看功能文档，编写测试用例，对比界面还原度。

（2）用户需求场景

以下给出三个典型用户需求场景。

①用户A——具有交互设计能力的产品经理

a. 场景：在经过了市场调研、机会评估之后，产品经理此时需要采用某种方式定义正确的产品，以便让团队其他成员快速正确理解产品需求。

b. 基本需求：将需求转化成原型界面，并输出PRD文档。

c. 刚性需求：任务繁多，需要将相关设计任务分配给其他交互设计人员；与交互设计人员能同时修改一个项目，甚至是同一个页面；每出一版设计，能够采用宽松、高效的方式组织评审讨论；颜色、字体、组件等资源能够管理起来，以便复用。

②用户B——视觉设计师

a. 场景：在拿到了可交互的原型框架图，需要进行高保真视觉和动效的设计。

b. 基本需求：将原型框架图转化为高保真设计，并交付设计稿。

c. 刚性需求：设计规范和资源能够管理起来，以便复用；能够以宽松、高效评审的方式交付设计稿；若采用三方工具进行的设计，希望也能在此产品中高效交付。

③C用户——前端工程师

a. 场景：进入开发阶段后，开发人员按照正确的方法实现产品，其中就有“开发出正确的交互页面，且风格要与高保真设计保持一致”的要求。

b. 基本需求：查看交互原型及设计稿的标注，使用切图。

c. 刚性需求：准确快速获取样式代码，开发出的页面符合设计规范。

（3）解决方案

摹客针对以上目标用户的需求场景，提供以下解决方案。

①团队管理和任务管理

在摹客RP的基础上，增加了协作平台模块。它具有强大的团队管理能力，可根据需要创建产品团队或部门团队，有了团队，其成员就可以在平台中互相协作。

团队管理中支持多种角色（超级管理员、管理员、成员、协同人、访客五种）和权限设置，使得项目更合理、更放心。

协作平台模块还支持任务管理，可快速创建一条设计任务或评审任务，并指派相关人员，可以标记任务状态，以便产品经理掌握项目进度。

②柔性工作流

摹客协作平台的单页模式提供了“评论>定稿>开发”三个模块，这3个模式可自由切换，按需选择。1条设计主线把协作场景简单流程化，3个节点又自由流动地辅助流程，形成了摹客的“柔性工作流”。

评论模式：主要角色是产品经理，可在评论模式中传达需求、提出设计建议；

定稿模式：主要角色是设计师，可在定稿模式中，根据产品经理的建议进行修改，并且可以标记评论的解决状态。除此之外，设计师还可以通过手动标注，形成一份轻量级的PRD文档，将设计规范更准确地传达给开发人员；

开发模式：主要角色是前端工程师，可在开发模式中，查看智能标注，根据开发需要选取标注信息，同时，还可以下载多种设备尺寸的切图。这大大节省了设计师的工作量以及与开发间的沟通成本。

（进入具体的项目后，在“原型稿”中查看详情，或在“设计稿”双击任一画板，即可进入单页模式。）

③在线编辑PRD文档

摹客将产品文档在线撰写无缝接入其柔性工作流，打造了一款自带协作基因的产品文档写作神器，不仅可以帮助产品经理高效写作产品文档，还能让产品经理充分深入到产品开发流程中来，极大地降低沟通成本，提升团队效率。

全新的写作模式：

a. 富文本在线编辑，产品经理可以像使用Word一样编辑文案，并通过云存储来实时查看和修改；

b. 产品文档中可插入线框原型或高保真设计稿，深度引用；设计稿在摹客中有任何更新，文档中也会自动同步更新。

此外，产品经理还可以直接上传已编写好的产品文档（包含pdf、doc、docx格式），摹客会自动解析目录，并生成文档树，方便查阅，轻松解决了产品经理对于需求文档版本难以管理、文档混乱难找的问题。

和设计稿完美结合：

产品经理在写作产品文档时可插入设计稿，团队成员在设计稿上进行评论时也可以引用产品文档进行说明，可以精确至引用文档的某一部分，创建引用点，并标记该内容为高亮状态，方便查阅。这样，文档、原型图、设计稿就能无缝衔接，相互引用，无论是需求评审，还是开发时查阅，统统都能搞定。

多人在线协作、审阅：

文档编写完成后，通过链接分享给团队成员，成员可对文档进行实时审阅，通过打点评论来标记内容，无需频繁开会。

④多人实时编辑

摹客RP支持多人同时对同一项目、同一页面进行编辑，并且能最大程度做到成员之间互不影响。

仅需要将团队成员添加到原型设计项目中，多个成员进入原型设计编辑器，即可开始多人实时协同编辑。

实时：在同一原型中，其它成员可以实时看到页面上的编辑状态，保持当前查看是最新页面。

协同：在他人编辑的过程中，你不仅可以看到何处有修改，还可以同时编辑，共同完成一个原型的设计。

（图片来源：摹客官方）

当多个成员进入项目中，编辑器的左上角会显示当前项目中的成员头像。但需要注意的是，当页面中的元素正在被其他成员编辑时，则你暂时不能对其进行操作。

⑤设计规范管理

为方便产品设计团队制定、应用和管理自己的设计规范，摹客开发了一套设计系统。它采用创建素材项目和Library项目这两种方式，高效构建设计系统，能够轻松分享和同步到团队，团队成员可实时查看最新设计资源，拖拽组件即可复用，点击颜色、图层样式可快速应用到图层。

（图片来源：摹客官方）

在线管理和维护设计规范，能将设计元素快速同步，有效提升团队协作效率。

小结：

摹客的目标用户就是产品团队的各个角色，针对用户需求场景，以其独特的解决方案体系很好地区分各个角色的职责，并能协助各个角色友好高效地沟通和协作，大大提高整个团队的工作效率。

3. 摹客RP产品特色

摹客RP具有的海量组件图标、丰富交互动效、矢量编辑的产品特色使得其在“创意产品要具有的鲜明特性”表现中如鱼得水——产品。

（1）海量组件图标

摹客RP的图标库提供了15类别共1000+个图标，并分为细线和粗线两个风格。通过搜索框，可以快速查找图标。

海量的图标库，使得设计师在进行原型设计时更为方便、表现力更强。

（2）丰富交互动效

摹客RP具有同类产品中最全面的交互体系，支持页面级和画板级的交互，在画板内，还能够同时支持组件级的命令交互+状态交互，最大程度满足交互设计的需要。

（3）矢量编辑

摹客RP具有同类产品中最强大的矢量绘图能力，支持钢笔和铅笔两种矢量工具，能进行布尔运算、路径的裁剪、打开与闭合等高级操作，可以做到256倍的放大和像素级对齐，设计师们可以随心绘制logo、图标，呈现更丰富的设计创作，尽情地表现想法和创意。

（4）1个小游戏动画

用以上所提到的摹客产品特性来制作1个小游戏——《熊猫大侠》。（点击此处可查看演示效果）

故事描述：熊猫只有攀登到崖顶，拿到猴大侠手中的武功秘籍，才能成为熊猫大侠。另外，熊猫在攀登的路上，还能收集到金币。

（游戏参考：猿编程萌新S2课程）

以上动效制作的解析如下：

组件图标应用：

矢量编辑应用：

交互动效应用（仅展现一部分）

小结：

摹客RP所具有的产品特色可以协助产品经理和设计师们以原型的方式快速做出丰富的视觉效果和复杂的动效，这有助于在利用原型做可用性测试和美感体验时获得更有价值的反馈。

三、摹客RP还可以从哪些方面进一步提供助力

1. 优化改进现有产品功能和体验

• 明晰流程图模式、钢笔铅笔工具与其他操作（撤销、编组、上一层等）的概念，将他们放一起，咋一看会让人产生困惑。（这里有一个不成熟的想法：流程图模式、钢笔铅笔工具其实是新增的一种对象，可将其归类为添加操作，如此一抽象，就可以与其他操作统一起来。）
• 丰富流程图模式功能，更多支持产品经理在编写PRD文档时常用的一些工具图：产品路线图、思维导图、用例图、状态图等。
• 进一步丰富组件间的交互命令，以灵活满足更多交互场景的需要，如在触发方式中，考虑添加“切换状态后”、“碰撞/重叠”等。
• 扩展取色器功能，使其能够吸取除原型编辑器以外的其他桌面可见的颜色。
• 深度支持的三方主流设计工具，如下载了PS插件后，不只是能上传其图片形式的设计稿，还能支持编辑功能。

2. 提供一个页面设计可用性的智能评估功能

进一步说明一下，这个评估结果不能只是通过一些简单规则推算出来的，而是要有理论依据的，而在我当前的设想里，恐怕需要在输入实际业务需求和业务流程的前提下，在结合行业里的交互设计规则（如交互设计简约四策略、界面设计四原则、UI字典等）和机器学习等人工智能技术才能实现一个有价值的功能。

（个人需求(#^.^#)，不要说我懒哦，如果这个需求本身就不科学或是技术上不可行，当我没说O(∩_∩)O哈哈~）

四、总结与思考

“如何打造用户喜爱的产品”这一问题，并没有固定明确的答案，Marty Cagan也只是给出了解决这一问题的启示性的方法，不同的团队在实际工作中，也会根据实际情况采取不同的方法和规则。

而要回答“什么样的产品是好的产品”这一问题，答案相对就比较明确，就是Marty Cagan所说的“价值、可用性、可行性缺一不可。”

在详细了解后，深觉摹客RP无疑是一款有价值的产品，是对产品团队这一用户群体来说非常有价值的产品。而之所以有价值，我想正是因为它的产品团队深刻洞察了目标用户在实际工作中存在的团队沟通和协同慢、项目和任务管理难、版本和资源管理乱、规范和品牌管理散等的问题，然后采用当前可行的技术，在解决了这些问题同时，给用户呈现出了一个可用的产品。

但，只有这些就够了吗？产品就一定会获得成功了吗？

很明显，还不够。摹客RP在同类产品中的搜索热度还很低，这表明它触达的用户还不够多，可见品牌影响力还需逐步提升。所以，当一款产品创造出来之后，在其上市管理和运营方面，我们还有许多工作要做，还要多思考多努力。

（丹尼尔.卡尼曼在《思考：快与慢》一书中提到一点：“当人们完全没有意识到自己看见了刺激物时，其曝光效应会更强。”，深度体悟这本书的内容也许会给我们在运营方面一些很好的启示。）

最后，都说“好的产品经理是产品的CEO。”，可见做好产品工作，产品经理这一角色责任重大，在此，与君共勉！

本文为2022摹客RP原型工具测评大赛的测评文章，如对摹客RP感兴趣可点击体验链接：https://www.mockplus.cn/rp-event/?hmsr=woshipmchenyan