美文网首页产品杂谈产品经理@产品
干货 | 一份流程图汇总大全(附图)

干货 | 一份流程图汇总大全(附图)

作者: 野马王一点 | 来源:发表于2017-08-18 17:56 被阅读406次

         流程图大体上分为三种,业务流程图、功能流程图、页面流程图,下面详细介绍一下每种流程图。

1、业务流程图

         业务流程图是现实业务的一种如实反映,描述产品中所有的业务模块以及它们之间的相关关系。产品经理通过梳理整个产品核心业务的走向,生成业务流程图,让老板一眼就了解到业务是如何流转的。比如下图是电商系统中一个仓库送货的业务流程。

仓库送货业务流程

2、功能流程图

         功能流程是指产品的所有功能以及相互间关系。流程中的每个节点都是产品中真是存在的功能。由业务转化为功能流程是PM最基本最重要的能力。如果产品比较复杂的话,可能需要根据用户角色、前后端不同来分别画出对应的功能流程图,那么就是泳道图。

如何画功能流程图

1.明确用户与功能;

2.确定开始动作与结束结果,罗列整个流程中的所有功能,用箭头将其关联。最好先搞定关键路径和关键任务,再补充细节路径;

罗列功能名称

3.异常情况用箭头连接并增加判断逻辑;

购物车功能流程

4.重新梳理整个流程图,检查流程是否流畅通顺,再优化调整细节,比如合并可以合并的流程,调整中间流程的顺序;

5.输出文档。

功能如何命名

名词形式的:比如购物车

动宾形式的:确认订单、确认付款

功能如何定位

功能的含义是逻辑上的功能,一个功能可能涉及多个页面,也可能在一个页面里,页面是存在物理意义上的,而功能不是。

要注意:功能流程图反应的是产品真实功能,不能混入线下的业务流程;页面与功能不能搞混,比如购物车既是一个页面也是一个功能,下单只是功能,但下单这个功能中涉及了n个页面。

3、页面流程图

        页面流程图是交互设计和原型设计的依据,代表用户操作的过程,做页面流程图能够快速发现体验的问题,突出页面重点元素与逻辑关系,提升原型设计的效率。

       一般由交互设计师来完成,对于小公司来说,没有专门负责交互的人员,那么产品经理也需要完成页面流程图。

页面流程图与信息架构图

1、对象角度,页面流程图以用户视角表现,主要看流程的合理性,信息架构图以产品视角表现,主要看包含的功能点。

2、使用场景,页面流程图适用于跳转比较复杂的产品功能,如电商、社交产品,信息架构图适合于层级分明的,如音乐产品、新闻客户端、阅读类产品等。

如何画页面流程图

1.从功能流程出发,发现功能中连接的页面,明确主线,

2.增加异常处理流程,异常流程一般表现形式为弹层或弹窗或辅助帮助页面。

4、写在最后,如何提升画流程图的能力

1.多看,同类产品调研

2.多想,人家为什么这样设计

3.多画,画一百遍,付款流程、加好友流程、订单流程、删除流程,体验各种各样的流程

总之体验各种各样的流程,才能在设计产品流程的时候,提升效率和质量。

作者:一枚电商产品妹子,欢迎来撩(微信公众号:产品爱磨叽)

相关文章

网友评论

  • L麦子:功能流程图不应该是交互设计师去做?
  • 家喻户晓中介小夏:看上去好厉害的样子~
  • 凉城君:那么,一款app是否只需要出几个主要的功能模块页面流程图呢?还是说整个产品所有的页面?包含那些关于我们、清理缓存那些。
    野马王一点:@凉城君 要按照你的需求来啊,从功能角度看,如果只设计一个注册的功能,那么就需要一个注册的功能流程图,一款完整的app需要按照功能模块,分别输出功能流程。从页面角度,那需要画出涉及你需求内容的页面流程

本文标题:干货 | 一份流程图汇总大全(附图)

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