产品汪一枚,从自身角度出发总结记录产品设计过程中的经验,同时也分享给大家,与大家共同进步。
产品经理一定要会画原型图吗?答案是肯定的,这是基础,当在面试这个岗位的时候,也许面试官会问你相关的问题也可能不问,因为这真的是基础。所以,不会画或者不想画原型图的产品经理不是合格的产品经理,首先让我们从以下四个方面来走入产品经理的世界。
一、为什么要画产品原型图?
产品原型图对于业务需求的实现来说是一个承上启下的作用。
承上来说,业务需求方向产品经理提出业务需求,产品经理梳理、消化、拆解业务需求,转化为产品需求。启下来说,产品原型图对于产品的中后段生命周期(产品开发流程)而言,是设计、研发同事们能够快速理解需求从而进行高效开发的基石。所以,产品原型图是产品经理对于产品的规划设计的成果物,是产品的雏形,原型图可以清晰的展示如何实现用户需求,映射到产品上会是怎样的形态和流程、用户的操作路径。并且对于产品经理自身而言,原型图的绘制过程又是再一次的检查逻辑、梳理逻辑的过程,不断完善产品。
二、原型图是给谁看的?
原型图有可能会给哪几类角色看呢?大概有以下几类角色:其他产品同事、设计同事、研发同事、测试同事、业务同事、运营或客服等运维同事。
其他产品同事来看我们的原型图,通常是由于工作内容变更带来的工作交接;
设计同事通常比较关心组件之间的联系,页面的布局排版,不同条件下的反馈状态,空页面,异常页面等内容;
开发通常关心的是有多少个页面、页面的功能是什么、功能的复杂度如何、边界条件、异常情况、页面跳转关系等内容,便于评估研发工作量以及开展后续的研发工作;
测试通常关心的内容和开发类似,以便于他们提前编写测试用例,覆盖各种场景;
业务同事通常关心解决方案,即产品经理提出的解决方案是否能够满足需求;
运维同事看原型图可以便于他们整理了解产品提供的功能以及如何使用产品,尽管直接上手用产品也是学习的一种方式,原型图也是辅助他们了解产品所有功能的一个途径。
三、原型图可以分为哪几类?
当产品经理确认了原型图给谁看之后,就可以确定要绘制哪一种原型图了。原型图大概可以分为三类:草绘原型图、低保真原型图和高保真原型图。
- 草绘原型图:使用铅笔或者axure等工具,绘制大概的原型界面,只展示关键内容,用箭头表示页面的流转关系。这种原型图适合在产品设计的初期绘制,便于产品经理梳理自己的设计思路,并和业务方进行第一轮的设计反馈,快速绘制快速调整,保障方向不会错。
- 低保真原型图:这是产品经理最经常输出的一种原型图。低保真原型图展示了完整的页面、页面组件内容、页面的流转关系、用大量的文字描述条件及反馈,用文字描述产品经理想要实现的动态效果。原型图输出后即可交付给设计同事设计高保真原型图,也能让开发同事开始进行非前端页面的逻辑的开发工作。
- 高保真原型图:原型图中有合适的配色方案,将上一种原型图中的文字描述用axure制作出来,交互完整,几乎和上线的产品页面功能一致,可以交互体验,数据是静态数据。这种原型图实现效果逼真,但是花费的时间较多,要求产品人员具有设计能力、鉴赏能力以及制作能力。
四、绘制原型图的一点小建议
产品经理在画原型图之前,首先应该问问自己以下问题:
- 为什么要画这个原型图?(why)
- 这个原型图是给谁看的?(who)
- 原型图包含哪些内容?(what)
- 什么时间要输出原型图?(when)
当回答了以上问题之后,就已经梳理出了原型图类型,业务需求以及时间计划。业务需求先梳理有多少个页面、页面之间的关系,在目录中建立好空的页面后,再进行具体的页面设计。原型图的绘制也应该遵循先主后次的原则,先画主要流程,再补充分支流程、异常流程,添加文字说明,最后再调整页面样式,时间允许的情况下做动态效果。很多产品经理在画原型图的时候头脑一热直接上手,为了追求一点小细节的动效花费半天一天最后还没什么产出,所以,希望大家也能避开以上问题,按时完成产品设计。
如果你觉得你做了80%的工作了,那真的想多了,后期需求评审、研发过程、测试过程、运维过程的锅,你准备好接住了吗?