1.为什么有页面流程:
- 交互设计/原型设计的底子
- 代表用户的操作过程,先做页面流程能快速发现体验问题
- 突出页面重点元素与逻辑关系,提升原型设计效率
2.页面流程如何设计:
- 页面流程来源于业务流程,首先要明确业务流程,清晰主线
- 明确页面中的核心元素
- 流程图的沟通和优化
3.页面流程图和信息架构图的区别
- 页面流程图,以用户视角,主要看流程的合理性
- 信息架构图,以产品视角,主要看包含多少功能点
- 页面流程图更适用于跳转比较复杂的产品功能,如电商、社交产品
- 信息架构图适合于层级分明的,如音乐产品、新闻客户端、阅读类产品等
4.页面流程图包含什么
- 四方形:业务流程中四方形部分,异常流程为TIPS或者弹层
- 流向: 主干流向和辅助流向
- 重点元素:每个流程中,重点要体现和表达的内容是什么?
5. 具体步骤
1.回归业务流程,明确主线
- 页面流程一定来自业务流程
- 一般为业务流程中的方形部分
- 异常流程一般为弹层或弹窗
2.明确页面中的重点元素
- 功能在页面中,有哪些是需要表现元素
- 增加异常流程的处理路逻辑
- 增加辅助页面的帮助逻辑
- 考虑下游触发点
3.沟通与优化
- 尽可能穷举涉及的页面,然后做减法
- 通过原型草图,优化调整页面关键元素
- 与UI、UE和前端研发等多沟通有更好的效果