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