1、初识原型设计与PRD

2、页面流程与页面结构图

2.1 页面流程图

2.1.1 了解一下页面流程图

• 交互设计 / 原型设计的底子，基本依据
• 代表用户的操作过程，先做页面流程能快速发现体验问题
• 突出页面重点元素与逻辑关系，提升原型设计的效率

2.1.2 页面流程图的信息架构图的区别

• 页面流程图，以用户视角，主要看流程的合理性
• 信息架构图，以产品视角，主要看包含多少功能点
• 页面流程图适合于跳转比较复杂的产品功能，如电商、社交产品。
• 信息架构图适合于层级分明的，如音乐产品、新闻客户端、阅读类产品等。

2.1.3 页面流程图包含什么？

• 四方形：业务流程中四方形部分，异常流程位tips或者弹层
• 流向：主干流向和辅助流向