当前位置:首页 > 运营 > 正文

产品设计流程系列业务流程和流程图介绍(产品设计流程系列业务流程和流程图介绍)

产品设计流程系列业务流程和流程图介绍(产品设计流程系列业务流程和流程图介绍)  第1张

但比这些符号规定更重要的,是必须清楚地描述产品业务流程的顺序及使用逻辑。从产品经理的角度来理解,流程图其实就是一个用户使用产品的过程,基本的三要素是“从哪进—做什么—从哪走”。比如用户打开一个电商APP,会有这样一个使用产品的过程:

「搜索商品」→「查看商品详情页」→「加入购物车」→「生成订单」→「开始支付」,以及支付之后的「确认收货」

用户从电商商城的首页进入,通过搜索来找到自己想要购买的商品,了解后将其加入购物车,购买了自己想要的商品,支付结束后便离开APP,待收到商品后又回到APP进行确认收货。

可以看出,只要产品用户在使用我们产品的过程中有其自身的目标和任务,产品流程就会存在。产品经理要做的,就是通过一系列步骤完成任务和流程的梳理,最终目的是帮助用户,完成核心任务。

而且制作产品流程图不仅可以帮助产品经理梳理、完善用户操作使用流程,还能有效降低团队成员间的沟通成本。在实际的工作中,产品经理需要向很多人(尤其是开发人员)描述产品需求和原型界面,借助可视化的流程图,沟通的效率会提高很多,毕竟一份步骤清晰的流程图要比一大段文字直观易懂得多。

常见的流程图分类有两种,一种是业务流程图(Transaction Flow), 一种是页面流程图(Page Flow)。

对于产品经理来说,用的比较多的自然是业务流程图,页面流程图一般是设计师那边使用比较频繁。在工作中,我们经常能够看到两种业务流程图,一种是单纯的用户操作行为流程图,这种流程图往往只涉及一种用户角色,不需要进行跨部门或者跨功能完成某项任务,如下图所示:

产品设计流程系列业务流程和流程图介绍(产品设计流程系列业务流程和流程图介绍)  第2张

另一种则很好区分,俗称为“泳道图”,在样子上也挺像游泳池里的泳道,可以有横向的泳道,也会有纵向的泳道。泳道图在某些文档里会被称为“以活动为单位的流程图”,浮在泳道中的都是一个个活动。泳道图是处理多角色、多系统、多模块的复杂需求的最好方法,它的本质就是希望可以通过角色、系统、模块的划分将复杂的功能梳理切割清晰,因此多模块之间的关联尽可能单一,实际中也很少存在多联系线条的情况,因此如果泳道之间多条关联,最好自己反思下是不是之前的功能模块架构切割的不太合理,导致绘制出来的图不够简洁。

产品设计流程系列业务流程和流程图介绍(产品设计流程系列业务流程和流程图介绍)  第3张

ProcessOn 是一款网页版的在线作图工具,用户只需要有一个浏览器即可制作思维导图、流程图、UML图、界面原型设计、组织结构图等等。这款工具上手非常容易,而且免费,更重要的是省去了安装、授权等各种付费软件的烦恼。作为一款用 HTML5 开发的在线网页版作图工具,ProcessOn一个很大的特色就是可以做到无延迟协作,方便两个或多个人同时对一个文件协作编辑和沟通,对创业团队或者企业办公小组来说,是一款简单易用的工具。

其它常见的图——时序图、状态图

有时候光有流程图,还不能够准确完整地表达清楚业务逻辑和产品需求,这个时候就需要借助时序图和状态图来完成相关的补充说明了。

流程图、时序图、状态图都可统称为UML图,那什么是UML呢?先来看看百科是怎么解释的:

Unified Modeling Language (UML)又称统一建模语言或标准建模语言,是始于1997年一个OMG标准,它是一个支持模型化和软件系统开发的图形化语言,为软件开发的所有阶段提供模型化和可视化支持,包括由需求分析到规格,到构造和配置。 面向对象的分析与设计(OOA&D,OOAD)方法的发展在80年代末至90年代中出现了一个高潮,UML是这个高潮的产物。它不仅统一了Booch、Rumbaugh和Jacobson的表示方法,而且对其作了进一步的发展,并最终统一为大众所接受的标准建模语言。

是不是看不太懂?看不懂才是正常的表现,因为这是面向对象软件的标准化建模语言,简单地说就是一种有特殊用途的语言。

大家有空可以参考《UML基础、案例与应用》详细了解下。

这里就给大家介绍两种常见的图,一种叫时序图,一种叫状态图。介绍这两种图之前,我们先说下什么是对象,什么是类的定义吗?类就是一类事物的总称,那对象呢?对象就是这类事物中的个体,比如手机类,苹果手机就是手机类的一个对象。

1. 时序图

时序图显示对象之间的动态合作关系,它强调的是对象之间消息发送的顺序,同时显示对象之间的交互。时序图的一个用途是用来表示用例中的行为顺序。当执行一个用例行为的时候,时序图中的每条消息对应了一个类操作或引起状态转换的触发事件,如下图所示是一个ATM 用户成功登陆的时序图:

产品设计流程系列业务流程和流程图介绍(产品设计流程系列业务流程和流程图介绍)  第4张

在 UML 中,时序图表示为一个二维的关系图,其中,纵轴是时间轴,时间延竖线向下延伸。横轴代表在协作中各个独立的对象。当对象存在时,生命线用一条虚线表示,消息用从一个对象的生命线到另一个对象的生命线的箭头表示,箭头以时间的顺序在图中上下排列。

2. 状态图

所谓状态图,就是用来描述一个对象的可能状态以及各个状态之间的转换关系的一种图。

产品设计流程系列业务流程和流程图介绍(产品设计流程系列业务流程和流程图介绍)  第5张

上图就是典型的状态图,一本图书经过不同的触发行为或满足一定的条件,就变成了不同的状态,我们在产品设计的过程中,也会经常碰到这样的情况需要用状态图去表示。

熟悉了这么多种流程图,算是为后面的原型设计打下了坚实的基础,下一篇我们来讲具体如何做产品的原型设计。

作者:壹百度(微信公众号:倒退集),在线教育企业服务领域产品经理,创业公司Team Leader。常常自诩是文艺青年和极客青年的结合体,在宅与不宅之间可以自由切换,曾主导多款重量级产品的产品策划和设计工作。

本文由 @壹百度 原创发布于人人都是产品经理。未经许可,禁止转载。

取消
扫码支持 支付码