一、分析业务—业务流程图

1. 我们要做的是什么？

2. 有哪些角色参与？

3. 业务的交互节点是什么？

4. 涉及到的业务流程是什么？

5. 用户使用场景有哪些？

二、转化功能—树状思维导图

根据上一步的业务分析，我们需要定义MVP（最小可行性产品）所需的需求清单和功能清单，并排列好优先级。

三、逻辑闭环—页面流程图

通过业务流程和功能结构，就可以进一步明确页面流程了，面流程图是业务流程图和原型图的中间阶段，它能够做到的是帮助我们梳理有多少页面，页面之间的关联是什么，能够有效减少逻辑漏洞和页面遗漏，这个阶段的交付物就是页面流程图了。

四、功能交互—产品原型图

（1）选择合适的组件库

（2）根据页面流程图，搭建每个页面的元素

（3）结合页面之间的关系，建立跳转链接

（4）标注说明，补充需求细节