业务流程图的绘制流程分享

1、产品经理业务流程图的绘制流程分享近来一段时间，很忙整理业务流程图，期间，关于流程图的绘制 方法和工具也与内部团队和外部做了心得交流，恰好，对个人生活也 牵涉在买房，婚礼，户口迁移等流程中会。不知不觉，伴随着实践与 反思，个人所得的系统知识趋于完整，今儿天气极好，坐在飘窗一隅， 听着间或几声鸟鸣歌唱，偶尔瞥一眼窗外尽是的遍地绿荫，李龙觉得 是个写点什么的日子。所以就整理成文，如果恰好对你有所帮助，那 是真真好的。真实整理的集团流程牵涉到公司未公布的投资计划，不好公开， 所以在本文中会借助一个简单的案例（这个案例呢，也就是计划写到 本文前30分分钟才想到的，如有考虑不周，请各位见谅），但是仅传 达

2、概念和方法，倒也足够了。恩，甄璟体告一段落，咱们开始吧。图1用即时贴与白板做的简单流程图本文会包涵几块内容：视篇幅情况，会在行文时略加划分为系列，敬请关注并多多交流。1.定义了解一个事情，我习惯从它的定义开始。至于为什么，可以参见 我之前的博客文章：点击查看我们因为厌恶十年教育，厌恶背各种定理和定义，所以我发现生 活中和工作中很多人都很讨厌给一个都市生活事情下定义以及去参考 定义。所以你会发现很多人在一起争吵得不可开交，仔细去听，原来 是鸡同鸭讲，根本不在一个新闻节目上。对于一个这事的描述，没有 一个共同的语言，没有所谓的术语。有定义很好办，你们团结合作引 用一个定义，发现定义有问题，OK去补

3、充这个定义，并扩展到更多 的人群。当然，任何事情塞里西，我们相互提醒吧。那什么是流程图呢？说文解字方法是一种了解定义的糟方法。流 程图=流程+图，如下图：崎宦主塾体为不满足烤定需天而幡诈曾将调讨简单用标：力计的苔印号售线 端英程品棒翱送出小的花次图2流程图的定义流程：Flow,是指特定主体为了满足特定需求而进行的有特定逻辑 关系的一系列操作过程，流程是自然而然就存在的。但是它可以不规 范，可以不固定，可以充满问题。所以就会造成看似没有流程。前不 久，团队每个人对接产品销售一个业务团队去调研流程，反馈给我的 流程有一些缺失。询问时，部门负责人反馈给我的答复是：这一块业务他们没有流程。其实严格意义

4、上所讲，业务已经开展，不可能没有流程，只是说没有固定的流程或者你调研的对象也讲不清楚。图： Chart 或者 Diagram, 是将基本上固化有一定规律的流程进行第二份显性化和书面化，从而有利于传播与沉淀、流程重组参考。从定义可以看出，只要有事情和任务，流程就会有，但是并不是所有流程都适合用流程图的方式去表现，适合竞技状态用流程图去表现的流程是一定程度固定的有规律可循的，流程中的关键环节不会朝令夕改的。2. 流程图与其他图表的对比工作中我们还用到或听到很多其他类型的图表，比如交互设计师们经常说的线框图 (Wireframes) ，内部信息架构图或站点地图(SiteMap),开发工程师们经常说开

5、发设计的用例图(UseCase)或E-R图。这些不同的每种图表要表达的内容有何种差异呢？简单做个对比，如图：(tii晶f/1序 A m闱母闱（CJq命Ccjb）倭自T赛系图（t Diaoran）突际（微国）关不图3流程图VS其他常用图表如果要串到某一个项目来说，可以理解成：用例图（UseCase :表现了一个角色在系统里要完成的活动成功 进行是什么，比如用户这个角色与 ATMIX款机的交互投资过程中，用 户需要完成的活动有可以存钱，取钱，查询等。而存钱这个活动再可 以进一步细分为插卡，输入密码，输入金额，AT帆钞，用户收款，退卡等活动。用例图可以不考虑用户步法动作的前后次序，而仅仅提取一些关键

6、的动宾短语，映射出系统应该满足的系统点。常用用例图的人是产品经理和开发实例工程师。流程图则表示用户每一个活动的前后次序，比如插入消费者必须要先插入银行卡，才能够输入密码，且流程图必须直接表现出各种判断，比如当密码错误时，出现什么提示，密码输入错误超过多少次时，出现什么提示和动作。常用流程图的人是产品经理，设计师，或者任何需要讲述业务如何运作的人。信息架构图，站点地图 (SiteMap) ：心理素质为了做一个这样的系统，功能与内容的展现维度是什么，比如用户一进去后才，欢迎页面的导航如何设计，是否直接出现取款，存款，查询，或者还有别的导航？常用重要信息架构图的是常用设计师。但是常用组织架构图的是H

7、R。线框图( Wireframe )：应用程序将具体每个界面的内容布局和权重表达出来，且标注出有一些交互松省细节的设计，比如当密码错误后，如何提示下一步动作。常用线框图的人会是设计师。实体关系图( E-R 图)：则是数据库架构的组织工作，表示一个业务系统或场景中的实体时间的关系，比如储户与该卡的关系是归属 1对多，通过开卡事件产生关联。一般来讲，用矩形来表示实体，椭圆标识这个实体的类型，比如储户这个实体的属性有：姓，名，手机号码，住址等。而该卡的属性有：开户行，开户名称，银行卡号等。以上的这些图表各自都有领域的专家，我这里就不班门弄斧了。那么流程图要体现出他的差异定义，要素是什么？总结出了流程

8、图的 6 大要素，希望大家能够记住，这6 个要素可以在以后的文章里渐次剖析回顾，你也可以拿来达马藏县评断你所看到的流程图是否专业。4 流程图 6 大要素关于流程图的电子化，并不是强制的，事实上，我们见过很多种 类的流程图，只要能够传递明白任务和次序其实才刚归类于流程图了 如下面的图:A Website DesigredMkMKNf&amifT 晶8ME 即 IIMtWLandFE P，联ArswQifit , a, ArwvtSw*T gri.F SutavwdifLaunchFinM Htrvtew炳酎打，EH Reviewhnrac* P -HAFwh.lf矶研WENTPWfCr7rr我想

9、拍一部色情电影dongjo iwJ TITrlT-3TT4fTTT-3:TTTl-3-3T但是若在一个公司目前的环境下，你流程图的流程图的客户群又 非常多的话，采取标准化的符号会带来很多交流上的好处，总之你懂 的。常见的流程图有业务范围流程图(TransactionFlow ),页面流程 图(PageFlow)。在工作中，作为UED你可能会发现PD经常谈的是客户关系，而 作为交互设计师，我们更多产出的是页面流程图。页面流程图和业务 流程图到底有什么关系呢？先有谁，其次再有谁呢？先讲个故事：假设你的推论梦想是开个中高档的全国连锁餐馆， 那么首先你察觉到的应该不是如何去选址，而是将为何要开连锁餐馆

10、 这件事情，以及你的定位，核心竞争力不想清楚。是快餐，还是点餐，是连锁还是加盟？定位于社区还是繁华购物中心？是川菜还是江浙海 鲜？是面向中老年还是年轻人？是家庭主题还是动漫主题？竞争对手 是谁？需要什么样的中国投资？可能的风险是什么？这些都想清楚了， 问题都有答案了，说到底战略层要清晰了吧。然后建模假设你如今分 析来分析去，与主要投资方决定了一个方向：面向年轻人的时尚动漫 茶餐厅，连锁，但是先在杭州开始第一家，选址定位于年轻人约会， 扫街的地域，比如风景区，著名商圈，电影院旁那么，接下来呢？接下来就是想用办法让这些实现吧？那么可能需要做什么事情呢? 选址？拉投资？搞装修？选餐饮菜单？雇佣员工？

11、每一步怎么去做， 时间点是什么？等等的战斗任务拆解以及计划，就需要到闪电战层了。这些事情的执行，总是需要请人的吧？先是核心团队分工去部署 各项建设任务，当餐厅开设起来而后，就需要需要有组织稳定的运营 团队，如服务、卫生、厨房、采购、人事等等，厨房里面还得社会分 工，白案，热菜，冷菜等等吧？每个部门需要设置管理层以及汇报关 系吧？所以你的组织结构中就诞生拉开序幕了。那具体每种角色是如何顺畅合作完成日常稳定的以及突发的呢？ 比如，当顾客上门时，谁出去引导客人入座，谁去点菜，怎么将点菜 的迅速讯息很快传递到厨房，并分发到酒水间、冷菜间、热菜间？并 保证客人达致尽快能够吃到所点的菜？你必须要考虑各个环

12、节各种人 员的通力合作流程，优化效率，所以业务流程就消失了。人肉运营了几年，没有借助任何点餐系统，你发现也还可以。客 人点菜时，服务员抄写写下要求客人的要求，因为有复印纸，所以服 务员能够将分页送入厨房，同时写下餐桌号码。厨房规模较小，负责 分配任务的员工看下菜单，分别往冷菜处的黑板上写下写需要他们处 理的，以及开胃菜跑到热菜区的黑板上写下待处理的菜品，以及去酒 水间报下品名即可。可是随着经营的扩大，以上的人肉方式出现了很 多问题，首先，手抄效率太低，顾客频繁换菜，响应来不及，手抄出 错，导致经常报错菜。厨房很混乱，张楼不得不多招了几个人专门跑堂。而一旦顾客要加菜，撤菜就更麻烦了，需要找出他们

13、当时点的菜, 再进行泥炭的批注和修改，同时要修改厨房后端各个黑板两套所以你们急于开发一套智能系统，取代很多人肉工作，你们 请了系统开发团队，他们经过评估，判断从点菜开始，一直到传菜都 可以用解决电脑系统解决。手持终端，能够快速传递顾客点菜需求到 打印机，打印系统能够根据顾客用膳的类型进行自动的分单打印，所 以热菜间看到自己的热菜工具栏，冷菜间看到火锅自己的冷菜分页， 而酒水间看到酒店菜单。当他们准备完毕后，送出，传菜员可以根据 菜名与打印出来的单据进行传菜并根据顾客的点菜小票进行核对。这 套系统同时必须配备结算系统，将最终确认掉的菜单及消费价格传递 到结算前台，收银员能够快速或进行操作。这套系

14、统最终起来是需要展现出来的，那么新款手持终端的界面 如何外观设计？服务员能够用更少的点击完成一个菜的点餐吗？结算 中心的界面如何设计？通过以上的故事，是不是更明白从战略、战术、业务流程图到页 面流程图的关系相关服务了？总结下：当然，除了业务流程，系统流程，页面流程，还有数据流程被人 广泛支持。我们平时工作中，还会经常听人谈到泳道图、任务表单等等概念, 究竟是神马关系呢？按主体流程Transaction FlowDiagramIransaction HowDiagram任务流程I基本流程完整流程页面流程图Pdge Fluw Diagram甘 广 4相读旬含曰拷图，丰钱耕堡等,本由k本次衿拿内蕃.

15、图5流程图的分类本文着重于上述操作流程中的“业务流程图”一一并会分享如何 绘制泳道图一一也即是PD们最多使用，技术们最多参考，UEDf门最多 看到的表单。本来在第四部分会对泳道图的图示以及绘制方法、原则做更详细 的解释，但是看由于目前的篇幅情况，预计会放到下篇，所以先简单 在这里简单说明下让吧。在工作中，我们经常能够帮助看到两种业务流程图，从表现形式 来看，一种很好区分，俗称为“泳道图”的它，在模样上也确实像个 泳道，可以有侧向的泳道，也会有纵向的短边。泳道图在某些文档里 会被称为“以活动为单位的流程图”，浮在中其泳道中的都是一个个 公益活动。以活动为单枪的流程图：俗称泳道图(SWIM LAN

16、E )，优卓是突出了恰值运动的逻辑关募，井 能够较好聃养E出酱部的责任.另外子类一种类型是以部门和岗位为单位的流程图，下表部门中 的圆形就代表一个个部门或岗位。矩形代表活动。这种流程图关注事 情如何完成的逻辑，但是在体现各个部门的责任上所比较弱。如果是 某个岗位的人可知，很难雷西县像泳道图那样一眼就能看到自己政府 部门的职责和任务。所以现在用得比较太少。以部门和书位为单位的流程图：不相：示例2 ;优点是突出各部门和岗位在流程中蹒入和输出，以及它们之间的其他联系再回过头来说泳道图，横杆图有几个关键点：两大维度，活动流 转，流程要素。我们会在而后详解。号一个国坦酰是由不同的胧段组成的.婆跚!K一不

17、端塔小网楂内的活动生由该相大的断段，不要f治就第读就位在诲酚虔作的深入细节活动流程图可以提供一种简单扼要的“缩略俯瞰图”，帮助观众急速 了解业务如何运转。它包含了几个关键词：谁，什么时候，在什么条 件下，做了什么事情，输入什么，输出什么，输出给谁与系统流程不同，业务流程更关注于业务这类极如何运作，讲的 是业务故事，包含的是管理业务规则。而系统流程则是满足网络系统 业务流程，实现部分或全部流程的信息化和系统化。所以业务流程是所有环节的前置条件一一软件需求分析，信息系 统建设也会进行业务流程的梳理。F面表现了业务流程图是如何中三个主要就场景在发挥作用的：员工培训图6流程图的应用场景之一：培训在此场

18、景中：流程图能够业务发展提供一种快速了解业务如何运 作的视图，通过业务流程图，新员工能够帮助能令快速明白业务的最终目标是什么，中有哪些角色在参与以及他们的职责，以及彼此之间 的联接。除了培训新员工，在员工轮岗、调职场景中，员工也需要业务流程图参考，明白新的工作内容如何开展，以及自己所处的位置，自己的上游是谁，下游是谁，自己交付需要有交付的工作内容是什么。流程优化与重组图 7 流程图的纳米技术场景之二：流程优化业务流程重组( BusinessProcessReengineering )的存在可以明确反驳：存在即合理。事实上，存在的业务流程并未是合理的，有可能是的多个角色习惯了某种做法，有可能是变

19、革尚未影响到末端的操作，也有可能缺乏对于中的业务流程问题的洞察以及强有力的变革推动因为要推动业务流程变革，不在意某个部门的事情，程序而是需要流程中各个部门的通力配合。更多时候，业务流程优化是自上而下的，但是们未必对实际运作的业务流程那么心知肚明，业务流程图能够很好去表现这个“运作模型”。通过看业务控制点，找关键节点的人访华，能够直接切入：为什么要这么做，为什么不这么做？从而探索出更探寻体制性的问题，而不是问：你们现在怎么做？通过调研，分析业务流程图，引入更多角色，能够分析出目前业务流程的问题：缺失，重复，风险，效率等等。从而制定相应的优化方案。信息化的基础图 8 流程图的应用场景之三：信息化基

20、础正如上文所述的餐馆梦想的案例，信息服务信息系统的一项任务就是解放员工的手脚，取代一些重复的人力劳动汰换工作。系统上了之后，不是说业务流程不可能需要而是经过了一些调整，其中某个参与者变成了系统，或手持设备，或打印机而已。那么在做系统的功能设计和系统流程设计时，是不是必须先要了解目前业务是如何运作的再来呢？从而很好分析分析，更好说明系统在什么环节取代了什么类型的人肉工作？所以我们看到的PRD0E往也会先以业务流程图开始说明，而叙述 一个控制系统建设的好处叙述时，也可以业务流程前些年的用与系统上了之后的业务流程进行对比。根据分析，将愿景中的新的业务流程图背后需要系统的功能点撰写清楚。首先绘制业务流

21、程图本身有没有流程？一定是有的。在软件工程学里听说一句话叫：万物皆对象。那么在流程学里，万事皆流程。吃饭难道没人流程吗？就吃饭的动作而言，就有流程：拿筷子夹菜入口咀嚼吞咽。有不少同学在这一部份很快想会问一个问题： Heidi ，请介绍画流程图的工具吧？我个人是工具派，从不否认人工欲善其事，必先利其器的道理。好的这类工具本身就是一名好的班主任，除了技能，也宗教团体能够修会我们一些理论与理念，这些理念也是“器”中很重要的一部分。其次才是具体的辅助工具应用技能。所以我并不建议直接跳转反向到工具应用。对于初学者而言，笔与纸永远是最好的入门工具，因为你无需和任何一个陌生的软件相争。那么，绘制业务流程图有

22、没有可遵循操作步骤的流程呢？我建议可以从下面4 步着手。. 调研如何快速了解运作业务运转真相？有没有调研的技巧放送？. 梳理与呈现.评审与确认能否真正让业务能否王劝反映现实中的业务?.归档维护一一流程不断变更，业务流程图如何快速响应？这些将会在下篇业务流程图的绘制流程分享（二）详解。如果不搞工具研讨会的话，这部分比较简单。Windows线下工具大家惯用的就是下面三个:小的流程图用用PPT就够了，完了就导出幻灯片或截图。交互雕 塑家们因为常用axure绘制线框图，所以也不必为了流程图去学习新 的工具，完全可以用axure的flow控件完成简单的业务流程图的制作 而PD们则常用微软的visio 。工具上手快.上手快符岩多,易共享专亚界面好着符号穆页面筒帽受限门瑞略高-不易共享此外，特别推荐一个软件：SmartDraw。