页面流程图

2019-03-28  本文已影响0人  三旬老郑丶

一、了解一下页面流程图

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、优化与调整顺序

上一篇下一篇

猜你喜欢

热点阅读