20190311 产品 | 关于产品原型的总结

一、为什么产品经理要画原型?

1、帮助产品经理打磨出更好的产品方案

2、为了让团队成员更好地了解需求，完善需求。

3、为了提高项目协作的效率，有据可依。

日常工作哪些环节会需要原型？

需求评审、设计师参考设计页面、服务端工程师参考开发接口、客户端工程师参考开发功能。

二、好的产品原型是怎样的

1、好的产品原型有什么特点？

2、好的产品原型有哪些构成

A、功能优化清单

B、功能页面线框图

C、正确的页面交互跳转

D、必要的不同状态说明

3、原型有哪些注意事项？

A、工具不重要，想清楚，写明白重要。

B、要使用真实的数据、案例做原型。

C、更好>完美

D、符合产品特色、尽量复用页面、样式

E、参考同类最好的案例，先模仿再创新。

F、原型工具基础操作要熟悉，效率优先

4、画原型的步骤

A、梳理好产品方案如：优化清单、产品逻辑、任务流程、参考案例

B、草稿纸先把页面捋一遍：有多少页面，该页面大致有哪些内容，引导重点是什么

C、先建框架目录，再按照功能单位开始画页面，

D、加跳转，添加备注，推敲文案，不断修改

E、找相关人评审，继续修改。

三、常用产品原型工具和场景

关于原型工具，我现在主要就是两种：白板、白纸，墨刀

原型的目的是帮助我们把想法形象化，具体化，流程化，方便项目沟通和确认。工具只是一种手段，实用最重要。怎么高效怎么来。

不同的场景，我使用的工具不太一样：

场景1：新产品新功能上线，需求评审

建议工具：墨刀

新产品、新功能上线一般都是比较大的项目。需要反复推敲的架构、流程、交互细节比较多，这个时候用墨刀就比较合适。可以在线预览，可以放到手机上模拟，也可以投影。这样项目的成员可以很直观地预览上线之后的样子。在开发前可以再反复论证，避免开发环节的返工。

墨刀是一款在线的原型设计工具，可以很方便地通过各种默认组件快速画出APP及网站原型，可以很小成本地模拟上线之后的页面及交互效果。让团队成员更好地评估及优化项目，减少上线风险。

重点：验证功能架构是否合理、产品流程是否顺畅闭环、整体逻辑是否一致等。进而再去考虑不同页面的主题及相应的布局、文案、交互反馈。

注意事项：

尽量使用黑白灰风格，避免过于高保真，留下设计发挥空间

特殊动效如果能用一句话说清楚的，直接备注就行，不需要做出动画效果，太费时间

如果更新了原型，提醒查看的人刷新下页面，才会显示最新版本

场景2：老功能优化，小功能升级

建议工具：墨刀、纸

涉及到流程优化的用墨刀，理由同场景1

如果只是单个页面的布局、文案优化的，用纸直接画。在空白处用铅笔备注细节说明。

定稿后拍照发给设计师。这样小功能迭代时很省时间。

场景3：运营活动沟通

建议工具：白板

技术产品部除了日常的产品更新以外还会有相应的运营支持。比如说双11这样的大型促销活动。需要全公司多个部门协调推进。

一般任务中常涉及到的需求有：活动专题页web、活动专题页H5、活动专题页相应的APP功能调整

确定活动需求的时候各部门都会找一个会议室讨论，在白板上进行头脑风暴最适合不过了。把想法一个个写下来，经过一轮轮讨论，逐步确定活动是方案框架，慢慢达成共识。

接着把需求按照优先级进行筛选，就可以针对性地出各页面的原型图了。

白板上直接画出来，所有人都在的时候确认，后期可以减少很多沟通时间。

画完之后拍照存档，各模考的负责人回头分别按照主框架细化内容，再整理成文档汇总到技术产品部。由设计师汇总即可。

总而言之，工具是为了让产品工作更好地沟通、不断优化的、不一定拘泥于形式。怎么顺手怎么来。想起刚工作那会，我出网站原型用的是PPT……