原型设计的坑

今天帮星球一位同学看了份 PRD，其中发现一些关于原型设计的问题，顺便跟你们聊聊 PRD 写作过程中的坑和我认为一款比较好用的工具。

先说下有问题的 PRD 都具备哪些特点。

首先，全篇都是文字，没有图示、没有表格、没有清晰的结构划分。一图胜千言，图示的作用很关键。

例如，该用流程图说明业务流程和功能流程的地方却只用简单的文字描述，PRD 阅读者纯靠文字进行脑补。

这会导致一个问题，执行走样。

其次，原型设计表现不充分，几个静态页面承载的交互逻辑太多。

通常来说，一个产品页面除了包含组件布局和静态信息之外，还包括很多交互逻辑。例如分支操作、异常提示、子页面跳出等。

我今天看的这份 PRD 就有这个问题，两三个静态页面摆在那，其余的交互逻辑全用文字描述，很多地方的描述还不清晰。

对于这个问题，要么采用动态原型作为补充，要么用静态页面把交互细节补充完整。

另外，关于 PRD 中原型设计的工具，大多数人都会选择 Axure 或 Sketch，我个人反正是不太喜欢 Axure，Sketch 还相对好一点。

除了这些单机软件之外，还有一些 SAAS 形态的原型设计工具。

前阵子跟别人合作的一个项目用的就是一款叫摹客RP的在线原型设计工具，我觉得还不错，之前也跟你们介绍过。

对于这款原型设计工具，有这么几点我认为是比较好用的。

第一，支持流程图模式，而且可以和 PRD 文档以及原型进行联动。

工具内置了各种流程图组件，可以快速制作业务流程图和功能流程图，这是 PRD 的标配。

和传统流程图工具不同的是，这款工具制作的流程图可以和自带的 PRD 文档工具进行联动，可实现直接在文档里插入流程图，而且变动也是同步的。

这个特性解决了一个场景问题，即传统模式下需要到其他流程图软件先进行修改，然后导出图片后再回到文档里更新。

有了这个特性，更新动作可一步完成。

第二，单个页面支持主辅画板模式，对复杂交互的表现能力更强。

在一般以页面为单元的原型工具中，一个页面就承载一个页面的内容和交互。摹客RP的原型工具现在支持主画板和辅助画板模式，能承载的东西更多。

例如，在登录页面通常就是用户名、密码以及登录和注册按钮，这是显性化的信息和操作。

除此之外，对应登录的操作还有各种隐性信息和操作，比如登录成功的提示、网络异常的提示等。

以前，这些信息要么用文字描述在静态页面旁边，要么多做几个重复的页面来表示。

现在，用这个主辅画板模式就可以一次性呈现，而且交互效果非常生动。

第三，支持团队级别的组件库共享。

前面提到，在同一份 PRD 里都会出现页面组件不一致的情况，就更别说在一个协作型团队里了。

例如，张三做一个数量增减组件，李四也做一个，然后两人合作完成一份 PRD。结果就是，两人原本可复用的组件造成了重复劳动，而且还不统一。

摹客 RP 有一个组件共享功能，可以把制作好的组件添加为团队资源，而且还能实现自动同步修改。

这个自动同步修改的功能比较好，一次改动，处处同步，就省去了到处挨个修改的麻烦。

团队内部也可以共享组件，以此来作为设计规范要求团队成员交付统一的作品。

除此之外，这款工具还支持丰富的素材库，基本上各种类型的素材这里都能找到，提高了原型设计的效率和美观度。

在动态交互设计的支持上也比较强，不仅能实现各种动态效果，而且能比较方便的进行原型展示和产品演示。

尤其是在概念设计阶段需要进行产品演示的，用这种工具构建产品原型是最快的。

如果你之前是使用其他设计工具的，摹客RP也支持多平台直接导入，非常方便。

肯定有人会说，作为一款商业产品，他们推出免费策略的话怎么盈利呢？

其实你去他们官网查看就知道，他们有面向企业的付费服务，包括多团队协作的版本、私有化部署的版本，但是对于个人用户都是免费的。

这个逻辑也不难理解，通过免费策略扩大用户基数，当用户觉得他们的产品确实不错后，就会推动自己所在的公司选用这款产品。

说白了，让 C 端用户「白嫖」，然后赚 B 端用户的钱。不过，在这个过程中 C 端用户也是实实在在获得了实惠。

实际体验一遍你会发现，用这款工具做原型还是挺爽的。不仅提高了工作效率，它自带的一些模板也能让你快速构建原型。

多的就不说了，建议你们实际体验一下，或许会有一种全新的感受。

要体验的读者，直接复制这个链接到 PC 端浏览器打开：

https://www.mockplus.cn/rp-event/?hmsr=RyanTang007

或者，你也可以直接点击「阅读原文」看下他们的产品介绍。用不用不要紧，至少可以先体验下。

工欲善其事，必先利其器。

················· 唐韧出品 ·················