页面流程与页面结构图

1.为什么有页面流程：

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

2.页面流程如何设计：

• 页面流程来源于业务流程，首先要明确业务流程，清晰主线
• 明确页面中的核心元素
• 流程图的沟通和优化

3.页面流程图和信息架构图的区别

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

4.页面流程图包含什么

• 四方形：业务流程中四方形部分，异常流程为TIPS或者弹层
• 流向： 主干流向和辅助流向
• 重点元素：每个流程中，重点要体现和表达的内容是什么？

5. 具体步骤

1.回归业务流程，明确主线

• 页面流程一定来自业务流程
• 一般为业务流程中的方形部分
• 异常流程一般为弹层或弹窗

2.明确页面中的重点元素

• 功能在页面中，有哪些是需要表现元素
• 增加异常流程的处理路逻辑
• 增加辅助页面的帮助逻辑
• 考虑下游触发点

3.沟通与优化

• 尽可能穷举涉及的页面，然后做减法
• 通过原型草图，优化调整页面关键元素
• 与UI、UE和前端研发等多沟通有更好的效果