流程图设计规范

流程图设计规范,第1张

简单来讲,流程就是用最简单的图形和线条来表达任务中各阶段之间的逻辑关系。从而让接收方十分清楚的了解到实现任务的整体流程,以及任务流程之间的相互联系。

作为产品经理绘制流程图主要有以下两种目的:

很多产品经理接到某个需求后经过简单的梳理思考就开始上手进行产品原型设计。而设计完成的产品原型往往在评审或开发阶段会出现缺少某种功能或功能之间缺乏缺乏相应的转跳(逻辑)关系。造成这种现象发生的主要原因便是在接到需求后没有仔细的梳理实现该需求的 *** 作流程以及流程间的逻辑关系。

所以在进行原型设计前,产品经理要通过绘制流程图的方式来建立自己的产品逻辑,并且可以根据流程图来校验自己梳理的产品功能点是否完整,或根据产品功能点来验证自己的流程图是否全面。

产品经理绘制流程图除了梳理自己的逻辑外,更重要的是让接收方能够清楚明白的了解到需求是通过什么样的 *** 作方式来实现的。这里的接收方主要指两种人,一种是需求的提出方或使用方,一般指系统运营人员。他们往往会参与产品的评审及验收工作,流程图可以很好的向他们展示需要要如何进行 *** 作以及 *** 作中需要注意的环节。

另一种接收方则是实现该需求的人员,即我们的技术人员。技术人员可以通过流程图很好的了解到整个需求实现的逻辑以及需要的功能,帮助技术人员可以更好的了解你的产品交互原型。

产品经理在设计产品时用到的流程图主要有三种,分别业务流程图、任务流程图、页面流程图,接下来我们分别对每种流程图进行讲解。

1、 业务流程图

顾名思义业务流程图就是对需求涉及的整个业务模式进行剖析,帮助产品经理梳理需求所涉及的人员、功能等信息。

在绘制业务流程图时首先要梳理清楚以下几点内容:

 整个流程涉及的人员或平台有哪些,如果需要更加精细还要考虑好涉及的阶段有哪些;

 每个人员或平台负责做的事情有哪些

 这些事情直接的先后顺序是什么样子的

在梳理了这些内容后,整个业务流程图框架也大致成型了。接下来需要考虑的就是我们要以什么多大的粒度来梳理整个流程,这也是困扰很多新产品经理的问题,到底什么流程才是业务流程。其实我们不妨从业务流程图作用的角度来思考,如上文提到的,业务流程图的作用就是对整个业务模式进行剖析,搞清楚哪些人要做哪些事。所以业务流程中流程只需要考虑到不同人员要做哪些事即可,而不需要细分到在做这些事时不同场景下产生的不同流程。举个栗子,在一个网上购物的业务流程图中流程只需要显示到用户需要注册登录、支付这些事情即可,而不用细分到注册登录具体选用哪种方式对应什么 *** 作流程,支付使用哪种工具对应什么 *** 作流程。

业务流程图一般采用泳道图的方式来进行绘制,泳道图的好处在于可以明确区分出不同人员所需要做的 *** 作有哪些,适合流程中涉及多个人员的情况下使用。下面笔者以泳道图的方式来绘制一幅简单的网上购物的业务流程图。

可以看出整个业务流程非常简洁,很少有判断的情景出现(并非不能有判断),流程中的展示的 *** 作均为人员需要完成的主要事情。这也就是产品经理在接到需求并经过简单分析后根据需求涉及的业务模式生成的业务流程图,接下来产品经理就要根据业务流程图中涉及的具体功能来输出任务流程图。

任务流程图现在的叫法有很多,比如功能流程图、 *** 作流程图等等。笔者在这里不定义此种流程图应该叫做什么,但我们应该了解这类流程图的作用是什么。简单来讲,任务流程图就是用户要完成某项任务需要在系统上进行的 *** 作流程。任务流程图是产品经理最常用的流程图,也是协助产品经考虑各类异常情景最重要的工具手段之一。

在绘制任务流程图时首先要梳理清楚以下内容:

① 本次任务的范围,即任务的起点和重点

② 任务主流程,可参考业务流程判断

③ 任务中可能出现的异常情况

④ 下面以直接认购流程为例绘制任务流程图

从流程图中可以看出此任务流程图首先明确了认购流程是从浏览商品开始到支付成功为结束,并明确定义了只考虑直接立即购买这种形式的认购流程。其次流程图抓住了浏览商品-下单-支付这条业务主线进行绘制,保证任务不偏离业务形式。流程图中罗列了用户在进行认购 *** 作时可能产生的各类异常情景(网络、兼容性等异常情况不算在内)时对应的 *** 作流程,具体 *** 作流程可以用子流程表示不在流程图内做详细绘制。

3、 页面流程图

当我们梳理好任务中所涉及的功能以及 *** 作流程后,这时就要考虑各功能所在的页面以及功能在页面中的跳转关系,将这些信息梳理清楚后页面流程图也就形成了。对于产品经理来说页面流程图可以很好的帮助产品经理查看功能在具体页面间的跳转是否存在异常或违反正常交互方式。同时也可以帮助产品经理很好的评估接下来的原型设计大概有多少页面。下面还是以直接认购流程绘制一下页面流程图。

从流程图中可以看出流程是以每个页面为节点来进行的,流程中不同的 *** 作将各个页面串联起来从而形成了页面流程图,同时每个页面中涉及的功能或内容可以通过备注等形式表现出来,以便查看。(在实际中产品经理很少会真正输出一幅页面流程图来,毕竟整个需求的页面流程往往在绘制任务流程图时就已经清晰了,具体页面流程也会在产品原型图中表现出来,而那么多工作的你还有精力去画吗…)

下面我们说一下在实际画流程图中需要注意的问题以及一些小技巧

1、 流程图中的连接线不要交叉,不然看着会很乱;

2、绘制流程图前要想清楚主干是什么,尽量保证主干是竖直的,这样再看流程图时可以很清晰查看哪些是主干流程,哪些是分支流程;(一般用户常用的 *** 作是主干,不常用为分支)

3、流程开始符只有一个,结束符可以有多个。要保证流程是从开始到结束的闭环;

4、 流程中出现判断或分支时要标清楚每个分支对应的情景是什么;

5、流程中应尽量从一个连接点进入或驶出,这样流程图看上去会更清晰整洁一些;

6、 流程图不是越大、越详细才越好。在最初画流程图时我们总希望在一张流程图中把涉及到的所有流程都展示出来,但当我们费劲精力把所有流程画在图中后却往往会发现整个流程图显得很复杂庞大,影响其他人员的查看。这时不妨用“子流程”来代替一些已经耳熟能详的流程。

7、 巧用标注。当你想对某一个流程做更详细的解释时那就大胆的使用标注吧。

写在最后,上面这些关于流程图的知识和定义是笔者根据自己的实际工作而不断摸索和总结出来的。所谓的流程图不过是一个梳理产品逻辑的工具,而一个工具在千百种场景、千百种人的手上自然有千百种的使用方式。我们要做到的是明确自己绘制的流程图是否很好阐述了产品逻辑,是否易于其他相关人员的理解。笔者在这里写一篇关于流程图的文章,目的是希望各位刚接触或想接触产品工作的小白同学们能够对流程图的画法有个基本认识,希望你们可以将文章内容同自己的实际工作相结合,形成适合自己的流程图规则。

知而用其者,善;用而知其者,大善。

流程图的使用就像是盖房子之前绘制的图纸一样,可以明确的标识什么位置是什么,以及怎样干,为什么这样干都标记的很清楚,这样别人在看的时候就可以很容易看明白,所以流程图的使用效果还是挺高的,那流程图怎样设计好看呢?下面是分享的 *** 作方法,希望有所帮助。

1.进入我讲述的网站中进行编辑使用,在首页面中点击进入画图,就可以开始绘制了,这里讲述的是流程图,在新建文件中选择流程图进行新建使用。

2.会转入在线编辑流程图页面中,流程图的搭建是从框架进行绘制,在左侧的流程图图形中进行选择,选择合适的图形进行使用,图形选择完成之后接着会选择连接线将其进行连接起来。

3.流程图框架搭建好了之后就可以对里面的内容填充使用了,双击 流程图 图形可以对其内容进行编辑使用,同时在右侧会出现工具栏可以对内容字体大小以及字体样式进行设置使用。

4.同样右侧工具栏里面的样式 *** 作下有填充,渐变,间距等 *** 作,可以对其进行使用,渐变色是经常使用的,也很好看。

5.绘制完成的流程图还可以进一步丰富,可以在流程图中添加图片或者链接,在面板中的插入 *** 作中可以实现上述功能。

6.绘制成功的流程图需要存储或者使用时,需要保存或者是导出,在文件选项中有保存选项和导出 *** 作里面都有很多选项,可以进行选择使用。

绘制流程图 *** 作其实还是很简单的,将一件事情的 *** 作步骤展示在纸张或者是电脑软件中,上述就是 *** 作方法,希望可以帮助需要的朋友。

以在设备联想平板小新、型号PAD PRO 11.5英寸电脑、 *** 作系统WIN10专业版以及visio2010版本上 *** 作为例,可以通过打开该软件进入。然后新建页面,选择流程图进入。在该页面选择需要的各种形状以及连接线即可完成。具体的 *** 作方法如下:

1、在电脑上找到该软件,点击打开。

2、进入到该软件以后点击空白绘图按钮。

3、在出现的选项中点击创建。

4、此时在出现的页面中点击更多形状,选择流程图以及基本流程图形状。

5、页面跳转以后可以看到左侧的多个形状,使用鼠标将其选中需要的形状再空白页面中点击。

6、然后点击上方的连接线,将流程图予以连接。

7、继续点击上方的文本框,然后在流程图的形状中点击并输入需要的文字即可完成该流程图制作。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11115409.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存