• 不做业务流程，及页面流程~就会造成重复修改原型
• 代表用户操作过程，先做页面流程快速发现体验问题
• 突出页面重点元素与逻辑关系，提升原型设计的效率 屏幕快照 2019-07-08 下午8.16.51.png

页面流程与信息架构的区别

• 页面流程，用户视角，主要看流程的合理性
• 信息架构，产品视角，主要看包含多少功能
• 页面流程适合跳转比较负责的产品，如社交电商
• 信息架构适合层级明显的如音乐，新闻，阅读类

页面流程包含什么？

• 四方形
• 流向
• 核心元素

页面流程图绘制步骤

1. 页面流程来源于业务流程
2. 一般为业务流程中的方形部分
3. 异常流程为弹层或者弹窗（菱形）
4. 业务流程画的好，页面流程就很简单

屏幕快照 2019-07-08 下午8.26.17.png 屏幕快照 2019-07-08 下午8.27.20.png

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

真实文案，真实页面，真实场景

• 功能在页面中，在那些是需要表现元素
• 增加异常流程的处理
• 增加辅助的帮主页面
• 考虑下游触发点（btn）

屏幕快照 2019-07-08 下午8.30.44.png

方便讲解，方便理解
不要聚焦位置，颜色等交互问题，聚焦关键元素，及用户使用过程。

4. 沟通与优化

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

5. 总结【页面流程图得重点】

• 回归业务逻辑，明确主线
• 明确每个页面中的核心元素
• 优化调整顺序