大家好本篇文章讨论的是，pm再获得需求后到原型绘制这个过程需要做的工作，中间也会穿插一些其他的东西，希望能给读者一个帮助。
1.先用脑图软件简单构思一下产品的要点，或者自己手绘也可以
这个图只是帮助你边梳理边记录的作用，格式上只要自己能看懂就OK了。是为了接下来的产品结构图做铺垫，如果直接从结构图开始，你的思维就会受制于结构化的模式。
我的手绘红包广告，虽然丑但是可以帮助我理清思路。
手绘可以让我们一边探索问题一边定义解决方案。它可以结构化我们目前对问题的理解，同时帮助我们找到可能的解决方案。
当我们手绘出自己的想法时，新的主意也会萌生。模糊和缺乏细节的草图会培育出新的思路。在这里，模糊是件好事，因为我们会自动尝试填补脑中的空白。这也正是草图富有“创造性“的原因：它捕捉到我们已经成型的想法，并迸发出新的火花。正如Bill Buxton在《Sketching User Experiences》中提到的：
“从草图上学习到的内容很大程度上是基于其表现的模糊性。也就是说，他们并不指定所有事情，而是鼓励创造者们不自觉的融入各种不同的解释。”
通过手绘不同的解决方案，我们不用立刻实现其中一种，就可以探索他们的可行性。这为我们提供了新的见解，也提出了新的问题。手绘本质上就是一个头脑风暴的锻炼。
把我们脑袋里的东西倒出来最快的方式就是拿起一只笔和一张纸迅速的画出来。在我们钟爱的原型工具里来做这件事情则需要花费太多的时间：我们需要先创建一个项目，使用合适的库，将一些小矩形放在画布上，画一些小箭头来连接这些矩形，把所有的元件都调整一下让它们看上去更好看一些——30分钟过去了。
如果我们不喜欢纸上画的东西，可以将它扔进垃圾桶然后重新开始。然而用原型工具的话，扔掉一些东西就比较困难了，因为我们花费了时间和努力去创建它——就算那个想法不是最好的，重新开始也更困难。反过来说，纸上手绘的内容则成本低廉，实现迅速。
2.竞品调研，写story，做ppt
画原型之前要做好调研，包括用户调研、竞品分析、数据分析、行业分析
四种调研分析参考http://www.woshipm.com/pmd/390703.html
还有关于竞品分析云刚同学做的很好，发布在产品一百上，链接http://www.chanpin100.com/
3.画出需要的结构图，流程图
这个阶段，首先是经过讨论，已经明确了头脑风暴图里要做哪些功能，想法是无穷的，能做的只是有限的，现在要做的事就是把功能点分类，让所有想法能合理的落在你脑海里的产品界面上，此时直接开始画产品原型图还尚早，可以先把功能结构用脑图列出来。
每一级包括菜单（有下级页面）、模块（列表、功能区…）、操作（按钮、删除、排序…）。
做这一步的过程你会发现之前的脑图有些地方没想到，其实很正常，做这些流程就是为了尽可能避免遗漏的点，要是直接画原型遗漏的会更多。为了让每个环节更加完整，可以在下一个环节发现遗漏点的时候，及时在上一个环节的相应地方进行补充。
要不要画流程图呢，举一个具体的例子
a.免费的流程
付费预约线下活动已经存在
其中添加人员需要输入身份信息，而且有一定的人数限制（原型截取部分），输入预约人信息是为了方便后续的短信等通知
有了这个免费的流程再进行付费流程设计的时候加上一个费用的披露就可以了。接下来就是由此设计的付费流程
付费限制人数有所调整，并且因为付费增加了确认订单和支付两个页面，从确认订单页面开始添加倒计时功能，倒计时结束后将库存返回，支付成功则无需继续倒计时。
经过讨论和分析
免费的预约之所以要填信息更多的是希望用户考虑清楚是否要参加活动，所以填写人员信息一方面设置了难度，另一方面记录下了信息，同时免费预约后规定时间没去的会被记录到黑名单（针对账号）
而对于收费的预约，本身就涉及到付费，用户预约肯定会比较谨慎，而且即便用户付了钱没去，而不存在黑名单的说法（所以身份信息显得并不重要），同时当用户需要添加很多人情况下，就不得不填写多份的身份信息，所以会非常繁琐，此时开始认为之前的整个流程并不合适
经过调整，流程如下
选择票数：
对于用户预约活动而言，把相关价格展示给他们，并且能方便选择购买的票数即可
流程3只需要通过“加减”选择器增减票数，而票数就是对应的人数
流程2需要通过跳新页面，并且填写无用的信息来添加人员，而用户实际只是想买几张活动的票。而笔者之所以会犯这样的错误可能是能力原因，更多的却是“急着画原型”，潜意识里以“免费”任务为流程进行了设计，而没有从用户的“目标”为前提进行深度思考。
在拿到功能需求时，不要急着画原型。
直接开始画原型容易被某个类似的任务场景套进去，并且自己极不容易发现。一旦套进去后基于这样的任务导向做了的原型设计，极有可能不符合用户的预期，然后返工修改。
因此在做原型之前，先思考下用户的目标是什么，这些信息是不是必要的，想清楚之后绘制流程图，然后细化着做出原型图（当然当功能极为复杂或者设计多个功能时，再画原型前可以用脑图对信息结构进行整理）。
4.接下来就可以按照结构图来画原型了
分享一个怎么利用功能结构图来对原型页面进行划分。
