首先,定义一下,什么是页面流程?
页面流程,指的是产品的所有页面相互间的流向关系。
那么,为什么要画页面流程?为什么说它是产品基本功呢?
1.了解全局,通过页面流程图可以大概了解整个APP的情况。
2.传达需求,视觉设计师知道要做多少视觉稿。前端工程师知道写多少个页面,可以搭建页面代码结构。
3.评估工作量,用页面数量来评估各自的工作量,可以大概估算出工期。
4.梳理业务,页面流程是业务的直接体现,根据业务区反复研究它,可以让产品整体变得更简洁,结构变得更优美。
页面流程能表达产品整体的页面架构,有利于我们对产品的规划,能加深我们对产品的理解,绘制页面流程是PM很重要的一项基本功。
下面,我们了解一下页面流程的规范,它远远没有我们想的那么简单。
1.组成元素
页面,有向线条。
可能包含判断条件。
没有具体功能。
没有弹层、元件等视觉组件。
2.页面命名
名词,比如红包,可加定语,比如我的红包。
动宾短语,比如确认订单。
通用叫法、比如我的。
ps:好习惯,和原型软件中页面结构的命名一致。
3.页面定位
每个页面尽量是一个完整独立的小功能。
ps:除非功能太复杂,可以使多个页面。此时页面的作用是功能的某一操作。
终于,实战环节,我们画一下“手管”的页面流程。
鉴于“手管”功能庞大,在这里我们只画前几级页面。
“手管”页面流程图.png
原创不易,转载请注明出处哈。
权兴权意
产品可以更优雅~
网友评论