产品的原型设计

在产品业务流程设计完之后，就已经形成明确的功能列表了。接下来要做的，就是根据确定好的业务流程，把这些功能用可视化的方式表达出来，交给研发来实现出来，目前最常见的是输出产品原型。

什么是产品原型？

产品原型，也叫线框图。是用线条、图形绘制出的产品框架。是产品落地的关键点，从虚拟概念到用户接触的节点，产品经理产出的关键内容，需要传达给UI/UE同事，而且会成为研发参考的重要材料。

产品的原型设计整体上更多考虑信息架构的设计，页面结构清晰，跳转关系明确，如功能结构、导航、菜单等方面的；清晰的交互逻辑，一致交互方式，界面统一，功能元素明确有序，位置关系清晰，不同状态变化清晰，如按钮点击、反馈、页面切换等， 与业务流程一致，完整表达用户需求独立页面。

举个例子：

某瘦身APP,现在产品需求已经明确，产品经理开始考虑画原型，

首先需要做的是：明确用户场景与需求

  目标用户：正在减肥过程中的年轻女性。 

  使用场景：减肥中，但计划比较混乱，方法也不系统，希望得到减肥方案，记录减肥过程，与同在减肥的人交流。

  解决问题：用户计划不系统，坚持不下去，需要自我证明和自我激励。

  产品亮点：极少的选择，极简的方案，难度设计递进式

如果时间允许的情况下，加上交互设计，然后通过模拟操作，来判断你设计的流程、和交互有没有问题，有没有重复要删掉的地方，先把主流程走通以后，你就很清楚了，剩下的点设计起来就很快了。之所以要把交互效果加上，其主要目的就是为了给研发在原型演示的时候降低沟通成本，这样研发看起来也比较直观，一下就能明白这个到底做成什么效果。一个动态的交互效果，使用原型去描述可能只需要1秒钟，但如果使用文档则很可能需要写很多，而且也有可能说不清楚。

切记：

1、在你没把草图和boss过了基本确定之后，不要摸Axure

2、要减少原型设计所占用的时间，先手绘、再上软件，在讨论阶段，手绘成本最低，调整内容，按照页面流程图与手绘图，进行demo设计。

3、用真实的比例、真实的文案

3.1 真实比例、真实字号会让元素更真实

3.2 真实文案可以避免在需求评审的时候被质疑

3.3 真实模拟可能出现的极端情况，并示例清楚

4、不要上颜色

原型就用黑白灰即可，不要上颜色

做得太漂亮，坑UI\UE

做得太漂亮，万一调整你会不舍得删

5、目录树清晰、阅读流畅

6、有修改记录，关键修改重新保存文件

7、紧扣需求主题，如果原型需要增加新主题，先考虑后端数据来源，不要为了“长得好看，而增加新模块”

在产品需求没想明白之前，不要摸Axure

产品流程没理清楚之前，不要摸Axure

在你没有手绘草图之前，不要摸Axure