美文网首页@产品产品经理0岁的产品经理
PM基本功-页面流程图,以“手管”为例

PM基本功-页面流程图,以“手管”为例

作者: Mr_Quan | 来源:发表于2017-05-18 22:04 被阅读176次

    首先,定义一下,什么是页面流程?
    页面流程,指的是产品的所有页面相互间的流向关系。

    那么,为什么要画页面流程?为什么说它是产品基本功呢?
    1.了解全局,通过页面流程图可以大概了解整个APP的情况。
    2.传达需求,视觉设计师知道要做多少视觉稿。前端工程师知道写多少个页面,可以搭建页面代码结构。
    3.评估工作量,用页面数量来评估各自的工作量,可以大概估算出工期。
    4.梳理业务,页面流程是业务的直接体现,根据业务区反复研究它,可以让产品整体变得更简洁,结构变得更优美。
    页面流程能表达产品整体的页面架构,有利于我们对产品的规划,能加深我们对产品的理解,绘制页面流程是PM很重要的一项基本功。

    下面,我们了解一下页面流程的规范,它远远没有我们想的那么简单。
    1.组成元素
    页面,有向线条。
    可能包含判断条件。
    没有具体功能。
    没有弹层、元件等视觉组件。
    2.页面命名
    名词,比如红包,可加定语,比如我的红包。
    动宾短语,比如确认订单。
    通用叫法、比如我的。
    ps:好习惯,和原型软件中页面结构的命名一致。
    3.页面定位
    每个页面尽量是一个完整独立的小功能。
    ps:除非功能太复杂,可以使多个页面。此时页面的作用是功能的某一操作。

    终于,实战环节,我们画一下“手管”的页面流程。
    鉴于“手管”功能庞大,在这里我们只画前几级页面。


    “手管”页面流程图.png

    原创不易,转载请注明出处哈。
    权兴权意
    产品可以更优雅~

    相关文章

      网友评论

        本文标题:PM基本功-页面流程图,以“手管”为例

        本文链接:https://www.haomeiwen.com/subject/zjcexxtx.html