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















网友评论