原型，到底应该画到什么程度？

一画原型，就忍不住扣细节，对齐、图标、上色，一顿操作猛如虎，结果评审时发现逻辑有问题，被批做的太花哨，浪费太多时间。

原型随性画，相同的组件，在不同页面展示都不一样，用Axure自带的原生组件就把原型画完了，被UI开发吐槽，原型太粗糙。

交互扣得太细被骂，原型画得太糙也被骂，原型到底应该画到什么程度？

要回答这个问题，先来看看，原型是什么，以及画原型的目的是什么，只有弄清楚这两个问题，才能真正利用好原型。

01. 原型

原型，又叫DEMO，可以理解为具有示范及演示功能的模型。

原型的主要作用是产品被开发出来之前，将想法或解决方案图纸化。进行定义，有了定义，团队就可以针对具体的定义来探讨方案。

原型是个小成本的解决方案，画原型不需要进行实际开发，高保真的原型除了表达解决方案外，还可以用于用户测试，在正式上线前发现问题，并调整。

02.原型的几种类型

原型按照保真程度，可以分为低保真、中保真、高保真。

1、低保真

低保真原型图，通常用于概念阶段。

在概念阶段，我们已经明确了目标用户、用户场景，基于用户场景，我们提炼了用户核心问题，然后基于问题策划了解决方案。

这个解决方案有可能是线下服务，也可能是线上产品功能。

如果是线上功能，原型就是通过界面/组件来表达。

产品功能要按某种解决组织起来，所以在画原型之前，要梳理出产品结构图，千万不要一来就画图。

梳理了大致的产品功能后，要快速勾勒出产品的样子，最好就是梳理低保真原型图。

低保真原型使用手绘稿或者线框图。

低保真原型的典型场景是头脑风暴或产品构思。

低保真原型

2、中保真

产品功能和方向进一步明确后，可以画中保真的原型，中保真原型的一个典型特征是，会展示产品的信息结构。

所以，要画中保真的原型，最好是提前梳理出信息架构。

梳理出产品(功能)结构和信息结构后，在开始动手画中保真原型。

产品结构的对象是具有一定逻辑的功能块，信息结构的对象是具体的信息/数据。

例如注册是一个功能，这个功能对应的信息有界面可见的手机号、密码、验证码，有界面不可见的注册时间、手机型号、系统版本等。

中保真的原型不用上色、不用画图标、不用做交互，主要表达产品结构、体现产品功能和信息结构。

中保真原型图

3、高保真

高保真原型图，是最接近视觉稿的原型图，有图标甚至有交互。

原型的保真度评估，可以从五个纬度：

A、视觉细化：视觉效果细化的程度，如是使用占位图还是像素级还原；

B、功能广度：涵盖了多少功能点；

C、功能深度：表明原型各个功能的详细程度，详细的功能需要梳理业务流程图，来遍历所有可能性；

D、交互性：表示产品交互部分如何展示用户，比如加载动画、切换动效等；

E、数据模型：包含用户在界面是哪个看到的是否真实的前后端数据；

高保真原型就是在以上几个纬度，都做到最细的程度。

高保真原型

03.应该画到什么程度

前面介绍了几种保真程度不一样的原型， 那么到底该选择画哪种呢？

先说刀哥的结论，概念阶段画草图，修改、确定阶段画中保真，不要画高保真。

这种操作对产品经理来说，成本是相对较小的，虽然不同阶段应该画不同保真度的原型，但要让产品经理同时输出中保真和高保真，对大部分人来说，是不太现实的。

建议高保真交给UI或UE去做，专业的人做专业的事。

所以产品经理，应该都有一套属于自己的中保真原型库。

网上有很多全面并且酷炫的组件，但是一定不要做『拿来主义』，遇着好的组件，自己画一遍，可能没别人好看，但内化成自己的，随时可以用。

这个就是模型思维，别人的组件，通常是基于别人的模型，你自己的组件才是自己的模型。

这套模型是你自己总结梳理出来的，是自己的方案库，更是自己经验的积累，更可贵。

对技术团队来说，中保真原型再加上需求描述，已经足够了。

有时我们需要跟老板领导或者业务方演示，会用到高保真原型，如果你不具备这个能力，找UI或UE帮忙吧。

产品经理的核心职责是策划、设计、项目管理，策划才是产品经理的核心价值，策划是发现用户问题，提供用户价值的关键点。

高级PM一定是策划大师。其他方面要是弱一点，就找更专业的人帮忙。

画低保真的草图，推荐用纸笔或Axure，中保真可以用Axure，高保真建议用磨刀。

记住，做【原型设计】前，先做好【产品策划】。

04.画原型的原则

1、使用灰模原型

不要在原型上使用色彩，不要抢UI的饭碗，大部分情况下，没人家专业还费时间。

2、注意对齐、重复、亲密性、对比

注意这几个方面，原型的效果就不会太差。

3、收集、整理自己的组件库，复用已有样式

产品由页面、组件、按钮组成，万变不离其宗，所有的产品，不外乎都是由这几个元素再按照某种结构和流程组建而成，多分析产品，就会发现背后的模型，形成模型，就可以复用，形成自己的经验和资产。

05. 写在最后

原型是表单产品方案的最小成本模型，分为低保真、中保真、高保真。

刀哥建议概念阶段用低保真，手绘即可，确认修改阶段画中保真，不要画高保真。

常用的工具有Axure、磨刀。画原型时，要遵循一些原则。

以上，就是刀哥对于原型画到什么程度的看法，希望对你有帮助。

更多产品干货文章，可关注作者公众号后查看：