深入浅出为你解读四类「流程图」，附摩拜ofo案例分析

深入浅出为你解读四类「流程图」，附摩拜/ofo案例分析

　　我将从界说战分类动身，分离实践案例，为您深化浅出论述流程图的做用战绘法。然后，您便能够入手绘了～

　　梗概

　　关于任何产物设想去道，构建流程皆是一个绕没有开的环节。其奠基了后绝的产物框架，是用户体验的基石。本文将从界说战分类动身，分离实践案例，深化浅出天论述流程图的做用和绘法。

　　界说

　　流程——望文生义：火流的路途;事物停止中的序次或次第的安插战摆设。流程是天然而然便存正在的，它能够没有标准，能够没有牢固，能够布满成绩。

　　由两个及以上的步调，完成一个完好的止为的历程，可称之为流程;留意是两个及以上的步调。

　　流程图的中心便正在于怎样排布事物停止的序次，差别的次第能够形成判然不同的成果。

　　目标

　　产物司理绘流程图的目标不过乎几面：

　　流程图为产物设想基石，能够包管产物的利用逻辑开理逆畅

　　转达需供，用流程图去更好天表达产物逻辑

　　查漏补缺，查验能否有漏掉的分收流程

　　分类

　　流程图以形貌工具分类，包罗：营业流程图、页里流程图、功用流程图、数据流程图等。

　　营业流程图(Transaction Flow Diagram, TFD)

　　先以宋丹丹小品中的一个头脑慢转直为例：把年夜象拆冰箱，统共分几步?

　　三步：

　　第一步，把冰箱门翻开;

　　第两步，把年夜象拆出来;

　　第三步，把冰箱门闭上。

　　那看似是一个笑话，但实在包含着很强的逻辑思想。尾先那里疏忽了许多理想中的限定前提。好比，以年夜大都冰箱的容积皆不成能将年夜象塞出来;好比能否能把年夜象切成块放出来?假如把年夜象塞出来，它会没有会又跑出去?但扔开那些限定前提，那把年夜象塞冰箱的极简流程便是三步。翻开冰箱门，把年夜象拆出来，最初把门闭上。

　　我们做营业流程图，实在许多时分皆需求具有把“年夜象塞进冰箱”的思想方法，扔开许多现有的认知范围，将具象的止为一个个笼统出去。

　　分离上里的例子，再去细细品尝“营业流程图”的界说：

　　笼统天形貌事物停止的序次战次第，没有触及详细 *** 纵取施行细节。正在互联网硬件止业凡是指离开产物设想的用户止为流程。营业流程图是一种体系阐发职员皆懂的配合言语, 用去形貌体系构造构造、营业流程。

　　不论是可了解上述界说，上面带着笼统思想来考虑购物止为的营业流程图该当是甚么样的?

　　

 

　　以上的三步构成了一个最简的一个流程，其完整涵盖了任何购物止为的中心。不管是网购借是正在真体超市，皆是以那三个止为为主体，然落后止扩大的。相对各人平常看到的庞大的网购流程图，以上的三步流程几乎简朴的怒不可遏，而那恰好是印证了年夜讲至简的本理。我初末深信不管再庞大的工作皆能简化为极端简朴的工作，假如您没法将其简化，阐明只是您出有了解其中心。

　　根据上里的最小流程单位，我们上面测验考试能不克不及将其扩大，测验考试套用正在更细节的流程图上里。

　　页里流程图(Page Flow Diagram)

　　界说：指电子产物详细所显现的页里跳转流程图。其启载了营业流程图所包罗的营业流转疑息。

　　下图以淘宝为例，展现出了网购的页里流程。

　　

 

　　由上图白框中的三个节面我们能够看出，页里流程图仍然是包罗正在营业流程图的。那恰好契合界说中的请求，同时也印证了页里流程图的准确性。相较于一开端的极简流程图，如今的流程图曾经垂垂变得庞大了一些。我们将笼统的营业，映照正在了具象的页里上，用硬件的页里启载起了营业需供。而以上便是由营业流程图到页里流程图的转化历程。

　　功用流程图(Function Flow Diagram)

　　界说：指单页里内或多页里之间的功用 *** 纵流程，其包罗正在页里流程中。

　　任何功用皆是被包罗正在页里内的，但一个页里内常常没有行一个功用，以是单单页里流程图能够没法完好表达一切流程，而那时便需求勤奋能流程图去愈加详细表达每一个页里内所包罗的功用。

　　

 

　　由上图白框中的四个节面我们能够看出，功用流程图一样也是由页里流程图拓展而去的。功用流程图是正在页里流程图的根底上持续深化，变得愈加庞大。同时也垂垂变得像各人一样平常看到的流程图一样。

　　数据流程图(Data Flow Diagram)

　　界说：特指硬件产物中，形貌数据正在差别节面被处置的历程所绘的图表。次要表达计较机法式关于营业的真现本理。用户正在功用流程图中的每个 *** 纵，对应城市反应正在数据流程图中。同时，数据流程图也能够叫法式流程图(Program Flow Diagram)。

　　它是一种能片面天形貌疑息体系逻辑模子的次要东西。它能够 *** 纵少数几种标记综开的反应出疑息正在体系中的活动、处置战存储的状况。数据流程图具有笼统性战归纳综合性。

　　能够营业流程图、页里流程图战功用流程图各人皆耳生能详，但数据流程图生怕理解的便比力少了。实在，每一个流程图中皆有一个中心陪伴着差别 *** 纵正在全部体系中不竭流转。好比营业流程图年夜多以报酬中心，每一个节面皆是正在通报人的差别止为。而页里流程图战功用流程图也相似，皆是以人的 *** 纵止为为中心，正在差别页里战功用间停止流转。但数据流程图差别，它是以数据为中心，展现全部体系中，数据是怎样被处置的。

　　其更偏偏手艺思想，更多的是展示背景法式的真现本理。以是，经常是开辟职员画造此图，而产物司理触及较少。但跟着产物司理天不竭生长，背上进步到计谋层，而背下则会深化到真现层。了解法式的开辟本理战背后的数据流转，无疑会让产物司理对产物设想有愈加深入的了解。

　　上面仍以购物流程为主题去展现数据流程图。

　　

 

　　相较于之前的图表，数据流程图删减了新的维度——法式。客户端正在展示用户 *** 纵止为的同时，也表达了法式正在用户止为背后的行动。而常常各人道一个产物庞大的时分，能够只留意到了它的前端交互庞大，而无视了后端逻辑的庞大。关于一个优良的产物司理去道，没有行要存眷前真个用户体验，更要能看浑事物背后的逻辑。究竟结果大家皆能够对用户体验比手划脚，而道到法式真现，那可便表现生产品司理的专业性去了。

　　小结

　　以上几幅图片别离展现了一个产物的营业流程、页里流程、功用流程战数据流程。从中能够发明，由营业到页里，再到功用，再到数据处置，是次第拓展的。一个产物的页里或功用，没有是平空呈现的，而是根据营业层的各个节面战流程停止设想的。那便是为何正在做产物设想时必然要先了解营业的本果。

　　正在开端进修绘流程图时，只管将营业、页里、功用战数据辨别分明，而且逐层递进，没有要把多品种型的流程图稠浊一同。那样反而会将思惟弄得紊乱。

　　流程图的颗粒度

　　所谓流程图的颗粒度，实在便是指流程图的详尽水平。

　　我正在绘流程图时也经常会踌躇纠结，那个功用面用不消形貌得更具体?那条分收用不消标出去?那个战效劳器的交互变乱用不消正在流程图表现?等等那些成绩，也皆是产物司理正在一样平常绘图时会逢到的。

　　仍然拿购物流程为例，最简的营业流程分为三个步调，那假如细化一些，能否能够绘出差别的流程图呢?

　　

 

　　不言而喻，即使针对统一个流程，也能绘出差别的流程图。如上图，将选择商品拆分为三个步调，将结账拆分为两个步调。但两个流程图仍然表达的是一套流程。而那便是每一个人关于颗粒度的掌握有所差别。有许多新人总念一步到位，一次绘出完善的流程图。但那实在是一种十分不成与的思想。任何完美的流程图，皆需求颠末由简朴到庞大的历程，而没有是一挥而就。

　　实际上去道，流程图的详尽水平越下，产物设想便越精确逆畅。但实践状况中，过分的具体反而是华侈工夫。而关于度的掌握才能，则需求经历积聚和团队磨开，那里也是表现产物司理对颗粒度掌握才能的处所。我们绘流程图的终极目标是让团队成员了解我们的产物设想，而没有是需求绘一幅十分具体的流程图。幻想的状况该当是以最简的情势，绘出团队皆能了解的图表。

　　流程丹青法

　　上里解说了流程图的界说战分类，上面便进进详细的流程绘法解说

　　流程图根本元素

　　

 

　　以上为流程图中最经常使用的几种元素。没有经常使用的元素便没有正在此展现了，各人能够正在Microsoft Visio中检察。

　　泳讲图

　　泳讲图是流程图中的一种绘法，是将流程图中的一些流程节面按 *** 纵脚色的差别而分别。好比方才的数据流程图实在便接纳泳讲图的绘法展现，此中顶部为两个差别脚色——用户战效劳器。同时正在横背的根底上也能够增加横背泳讲，以差别页里去给 *** 纵分类。

　　关于触及到多脚色比力庞大的流程图去道，绘泳讲流程图会看起去愈加明晰清楚明了。

　　

 

　　流程图的构成部门

　　流程图次要由三部门构成：

　　骨干流程

　　分收流程(非常流程属于分收流程)

　　子流程

　　下图是将之前功用流程图的例子做为骨干流程，然后增加了分收流程。我们正在绘流程图时该当遵照先骨干后分收的次第去描画流程图，果为关于年夜大都用户去道，骨干流程是最经常使用的途径。

　　

 

　　骨干流程战分收流程各人皆好了解，那到底甚么是子流程呢?正在绘流程图的历程中，有一些流程是会常常逢到的，好比登录流程、注册流程、修正稀码流程。关于电商去道，能够有退货流程、购物券利用流程等等。假如每次绘取之有闭的流程图的时分，皆将其再绘一遍，那真正在烦琐。以是，子流程便是将某几个具有逻辑干系的节面汇合而成的，能够复用正在各个处所。

　　下图便是将登录流程酿成子流程后的流程图。

　　

 

　　流程图的构造

　　流程图中大抵包罗四种构造：次第构造、前提构造(又称挑选构造)、轮回构造。根本上年夜大都流程图皆是由那三种构造构成的。

　　

 

　　案例

　　上里道了那末多实际常识战观点，那上面便开端实刀真q天展现一个案例。原来一开端我念以电商产物做为例子，果为电商产物是需求极强逻辑思想的产物，而且比力常睹。但厥后发明淘宝、京东等皆极其宏大战庞大，阐发起去过于粗笨。转而念起同享单车是个十分没有错的课本案例。其产物极简，但背后却潜伏风趣的逻辑架构。特别是市情上摩拜取ofo差别的产物处理计划，阐发起去愈加有比照性。

　　同享单车的前身

　　假如要逃溯最早的同享单车，生怕便是当局推出的有桩自止车。其推出目标不过便是减缓交通压力，和削减情况净化。而其时受限于本钱、手艺和群众人群的遍及本质，有桩自止车的处理计划是极端没有便利的。念要租一辆有桩自止车，尾先要凭身份z正在相干单元打点IC卡，并交纳押金战预存用度，然后租车战借车只能正在定面地位停止。先没有道打点卡片有多费事，租车借车有多没有便利，超时扣费有多惊人，假如只纯真将其用营业流程图展现出去，该当是甚么样的呢?

　　上面仍然以最简朴的营业形状去展现利用有桩单车营业流程图：

　　

 

　　单看有桩单车的流程图实在出有任何意义，实正的意义正在于有桩单车战今朝摩拜取ofo的横背比照，上面看一下两家同享单车的营业流程图：

　　

 

　　很较着能够看出，不管是有桩单车、摩拜单车借是ofo单车，正在营业流程图上居然出有太年夜区分。那为何多年之前当局主导的有桩单车仄仄无偶，而2016年底呈现的同享单车白极一时?那摩拜战ofo两款判然不同的单车，区分面到底正在那里呢?我们需求愈加深化天阐发每一个营业节面，分析其功用。

　　果为单车的利用流程不只是正在APP上，借有一部门 *** 纵正在真体自止车上，那时便不克不及单利用页里流程图，而是要间接利用功用流程图。而且那里的功用流程图没有范围于页里内的功用，而是要表达用户对单车战APP的每步 *** 纵。

　　尾先看ofo单车，正在APP中付出押金后，接着便需求寻觅自止车。而那时我们发明，固然ofo有多种单车款式，多种车锁机造。但本案例偏重讲ofo第一代机器锁，取第两代真智能锁。

　　那两种锁实在代表了两种差别的产物处理计划，我们先会商第一种机器锁。(所谓机器锁，实在相似于糊口中常常睹到的稀码箱。每一个稀码箱有预设的牢固稀码，经由过程盘弄表盘输进准确稀码，便可开锁。而且机器锁的稀码是牢固的，没有会改动)。

　　我们从路边找到机器锁单车，然后翻开APP，输进车商标或扫描两维码，从APP中获得本车的机器锁稀码，然后输进稀码，翻开单车车锁。此时APP中会停止倒计时，倒计时完毕则开端正式计费。最初，骑止到目标天后，需求将车锁封闭，而且必需正在APP中面击完毕骑止的按钮，才气结算此次路程的定单。

　　看完了ofo的流程，上面去比照看一下摩拜的流程。

　　摩拜的产物处理计划为，扫描单车的两维码当前，摩拜单车的车锁会主动翻开，没有需求像机器锁一样脚动 *** 纵。而且正在锁车后，摩拜单车主动会完毕路程，不必正在APP中面击完毕。正在下一次APP翻开时，才会停止账单结算。

　　下图别离为ofo机器锁单车利用流程图战摩拜单车利用流程图(APP标识代表用户正在APP上的 *** 纵)

　　

 

　　我们能够分明天看到摩拜的流程比ofo的少了两个节面，而那便是摩拜比照ofo第一代机器锁的劣势。固然，ofo第一代也有其他圆里是劣于摩拜的，好比骑车的温馨水平。但本文次要散焦于产物流程，以是其实不正在单车体验上破费太多翰墨。

　　纵不雅ofo机器锁战摩拜智能锁的处理计划去看，ofo较着是减色许多的。机器锁带去的成绩，没有行是利用流程的庞大，借有许多是产物利用上的破绽。好比，用户锁车后，必需脚动将稀码拨治，否则下小我私家将能够免费骑止。好比，用户正在骑止完毕后，遗忘正在APP面击完毕，会形成更分外扣费。等等借有许多成绩，便纷歧一枚举了。

　　道句题中话，那些成绩ofo也皆大白。机器锁的处理计划假使只正在封锁的校园内运转，那借好强者意。但一经投放到校中市场，那末那种处理计划无疑会给公司带去宏大的丧失。那为何ofo明知成绩，借要年夜量投放呢?本果很简朴，以摩拜拓展的速率，假如他没有正在其时疾速走出校园，那末或许永久也出时机走出校园了。

　　行回正传。之前的会商，不断躲开了一个十分主要的节面——“找车”。扔开路边随机看到单车没有道，便拿舆图找车去道，ofo第一代机器锁必定是出有GPS定位的，为何也能正在舆图上显现呢?

　　上面我们测验考试绘一下ofo关于解锁的法式流程图是甚么样的。

　　我们从“APP扫描两维码/输进单车编号”此节面开端推导。我要开车商标为XXX的单车，那末便需求获得稀码，而一切车的稀码，皆该当放正在ofo的单车数据库中。我们不管是扫描两维码，借是输进单车号，素质皆该当是将单车编号传输给效劳器，报告它我要哪辆车的稀码。效劳器查询到此单车的稀码当前，便传输回APP，我们便看到了此单车的稀码。

　　果为节流车锁电源的本果，效劳器此时并出有战单车联络，而是靠野生输进稀码翻开车锁。以是ofo正在用户获得稀码后，便会开端倒计时。倒计时内能够打消开锁形态;倒计时完毕，则代表用户默许开端骑止，计费也今后时开端。

　　此时假如是iPhone用户的话，将ofoAPP最小化时，便会发明脚机顶部电池电量条酿成了蓝色。实在，那便是ofo获得单车路程的要面地点。既然机器锁没法背效劳器传输数据的话，那没有如让用户脚机替代。以获得脚机的定位去获得单车的骑止道路。而且正在泊车后，面击完毕骑止时，上报地位，由此效劳器去标识表记标帜此单车停放的地位。而此时上报的地位实在并出有单车。那便是ofo舆图上有许多假标识表记标帜发生的本果。

　　

 

　　ofo接纳的那种标识表记标帜办法实在十分的粗拙，究竟结果假如用户强迫完毕使用，也便获得没有到骑止道路了。而ofo针对获得没有到骑止道路的状况，也做了处置，那便是用标识表记标帜出发点到起点，然后按照舆图供给的道路去显现路途。

　　

 

　　上图我亲测的案例。白色箭头是我的实践骑止的道路，绿色线是ofo自带舆图上经由过程出发点战起点计较的道路。

　　上面我们持续阐发ofo机器锁的法式流程图

　　

 

　　留意上图效劳内的部门，看起去步调十分少，也十分简朴，而实在的效劳器必定有更多庞大的逻辑判定。但关于产物司理绘的流程图去道，不成能完完整齐描画编程中的手艺细节，并且也没有需求产物司理来帮手艺念代码的真现逻辑。我们要做得是，了解法式宏不雅的真现逻辑。

　　好比，正在扫描两维码后，为何APP会显现那辆车的稀码，而没有是其他车辆的稀码呢?很简朴，效劳器内必定贮存了一切单车的稀码，而扫描两维码的历程便是将此单车的ID传收给效劳器，效劳器正在数据库中找到稀码后，返回给用户脚中。

　　效劳器正在此处置历程中，必定借会有其他的判定，好比此用户账号能否一般，有无被启号?此单车能否已被标识表记标帜为毛病车?等等。但各人发明，上里的流程图内并出有绘出那些逻辑判定，是我遗忘了吗?实在其实不是。那里又不能不提到本文的中心观点——颗粒度。此图念表达的是宏不雅的法式真现逻辑，是为了让读者更散焦于成绩中心，我们只需求偏重表达骨干流程便好。假如增加更多的分收流程、非常流程，那反而会影响读者的留意力。以是，借是陈词滥调的那句话：绘流程图必然要先骨干，后分收，万万别正在一开端便自觉逃供细节。

　　行回正传，ofo的第一代锁的处理计划固然破绽百出，但仍然用其奇妙的方法，真现了舆图上单车地位的显现。ofo推出的第两代锁，改良了以往机器锁的许多成绩。此中最年夜的结果便是车锁的稀码没有再是牢固的，而且锁车以后，没有需求再面完毕路程。那既然ofo的锁曾经劣化了，那为何前文借称他为真智能锁，他战实正的智能锁好正在那里呢?为何ofo的车锁仍然需求脚动输进稀码，而没有是像摩拜一样，车锁间接d开?为何经常正在舆图上看到有车，而实践所在出有车呢?

　　上面引进一个80、90后童年的回想：将军令。

　　

 

　　“将军令”(别名网易帐号庇护器) 是广州网易互动文娱有限公司自立研收的、具有完整常识产权的下科技身份认证产物。它是专为庇护网易通止证账号(游戏账号)、曲销商帐号的稀码而出的产物，其独有的60秒稀码静态主动更新手艺将匪号风险降到最低。

　　“将军令”的发生陪伴着昔时梦境西游的风行，其立异手艺的确处理了年夜大都匪号成绩。那将军令的真现机造究竟是怎样呢?简朴天阐明一下：尾先，翻开“将军令”，它会死成一串数字，您正在登岸游戏时，输进那些数字，体系便会许可账号登岸。同时，“将军令”的数字是每隔60秒静态变革的，每次登岸时，“将军令”的考证码城市纷歧样。实在现本理，不过是“将军令”战效劳器连结统一种算法，正在统一工夫，他们的计较成果是分歧的。

　　返来 看ofo的真智能锁，实在也是一样的真现本理。每辆车锁皆有一个零丁的算法保留正在效劳器，车锁每隔一段工夫便会按照算法，变更一个稀码。而当您翻开APP，检察此单车稀码时，效劳器利用战车锁不异的算法算一遍当前工夫下的稀码，那此稀码必然是战车锁当前算的是分歧的。

　　下图为ofo真智能锁单车的法式流程图

　　

 

　　由上里的阐发可知，即使是ofo第两代锁，也并出有战效劳器通讯，其单车仍然出有GPS，仍然是靠用户脚机定位。

　　摩拜单车的智能锁

　　上里阐发了ofo的机器锁战真智能锁当前，我们再去看看摩拜单车的智能锁，到底智能正在那里?

　　尾先经由过程实践体验我们晓得，摩拜单车是没有需求输进稀码的。扔开蓝牙当地考证稀码的方法，那摩拜车锁需求战效劳器通讯，才气真现APP扫描以后主动翻开。

　　上面根据此本理，绘出摩拜单车的法式流程图：

　　

 

　　由上图比照ofo的流程，能够看出摩拜接纳的处理计划是将自止车取效劳器毗连。让每个自止车皆成为一个末端，及时同步正在全部舆图上里。那样既得到了优良的用车体验，也搜集到了用户数据。便处理计划去看摩拜是比ofo完美许多的。

　　以上便是全部ofo取摩拜处理计划的比照，此中我也绘出了差别阶段的流程图。根本能够代表我阐发案例的一些思绪。最次要的借是让各人可以了解并使用流程图到一样平常产物设想取阐发中。我们正在构建流程图时，假如能根据本文的办法，由营业到法式，由简朴到庞大，那信赖必然会让您的思绪愈加明晰逆畅。

　　总结

　　本文从界说、分类和绘法，分层解说了各类流程图的特性。测验考试以教科书的方法去论述其本理战机造。果为今朝并出有同一的流程图标准，以是文中不免有毛病战了解偏向，也期望各人能指证取交换。

　　固然本文的目标是引见流程图，但其全部思想历程才是实正我念表达的中心。任何庞大事物皆能够拆解为最小单位，然后由最小单位逐步复原庞大事物。引伸下来，那种思想方法实在是一种分析事物的思想模子，纯熟把握当前能够套用于多种阐发场景，期望当前有时机零丁写一篇文章去具体引见思想模子。

　　参考援用：

　　流程_百度百科

　　产物司理营业流程图的画造流程分享

　　怎样画造营业流程图

　　道道页里流程图(附案例)

　　产物设想流程系列：营业流程战流程图引见

　　寡云止第两d：从BRD到页里流程图

　　数据流程图_百度百科

　　解读NB-Iot智能锁：为什么ofo战摩拜皆要做NB-Iot智能锁?