3个步骤,轻松画好页面流程图
时间:2023-10-06 11:12:02 | 来源:网站运营
时间:2023-10-06 11:12:02 来源:网站运营
3个步骤,轻松画好页面流程图:绘制页面流程图主要分三步:
1)明确业务流程 ,清晰页面核心功能主线
2)明确页面中的核心元素和逻辑关系
3)优化和调整页面顺序
01 什么是页面流程?
所谓页面流程,就是用户通过什么操作进了什么页面,以及后续的系列操作和页面跳转的整个过程。它是产品经理模拟用户操作场景去发现产品问题的必要步骤。
02 页面流程图怎么画?
1)明确业务流程 ,清晰页面核心功能主线页面流程是在业务流程之后的,所以绘制页面流程之前,要先明确业务流程。
关于业务流程和页面流程的区别,这里就不赘述了。感兴趣的小伙伴欢迎移步到我之前的回答▼
对产品流程图中的三种流程图:业务流程图、功能流程图、页面流程图,都进行了区分。
简单来说,业务流程图是产品视角,页面流程图是用户视角。页面流程是在业务流程的逻辑上加入了对于页面的核心元素说明和下游触发说明。
2)明确页面中的核心元素和逻辑关系具体参考上图,
比如3.捐赠须知的页面,核心元素就是“捐赠提醒事项”。
也比如1.首页的页面,核心元素就是“我的捐赠”和“公益积分”,进入“我的捐赠”,如果已经登录则进入“是否捐赠过”的逻辑判断,如果未登录则进入“登录”页面,这就是不同的元素会触发不同逻辑。
3)优化和调整页面顺序当梳理清楚业务和功能逻辑后,就可以开始整理页面流程了。页面流程尽可能穷举所有相关涉及的页面,然后再做减法,比如将相同功能或者元素的页面合并等。
03 画页面流程图的工具
Axure:可以同时画页面流程图和原型,不用切换;
亿图图示:流程图常用工具,不管什么流程都可以轻松应对。
附上软件传送门>>>
一键下载亿图图示