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

原型随性画,相同的组件,在不同页面展示都不一样,用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、磨刀。画原型时,要遵循一些原则。

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

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