全面解读流程图｜附摩拜ofo案例分析（附内推）

梗概

定义

流程——顾名思义：水流的路程；事物进行中的次序或顺序的布置和安排。流程是自然而然就存在的，它可以不规范，可以不固定，可以充满问题。

由两个及以上的步骤，完成一个完整的行为的过程，可称之为流程；注意是两个及以上的步骤。

流程图的核心就在于如何排布事物进行的次序，不同的顺序可能造成截然不同的结果。

目的

产品经理画流程图的目的不外乎几点：

流程图为产品设计基石，可以保证产品的使用逻辑合理顺畅

传达需求，用流程图来更好地表达产品逻辑

查漏补缺，检验是否有遗漏的分支流程

分类

流程图以描述对象分类，包括：业务流程图、页面流程图、功能流程图、数据流程图等。

业务流程图（Transaction Flow Diagram, TFD）

先以宋丹丹小品中的一个脑筋急转弯为例：把大象装冰箱，总共分几步/p>

三步：

第一步，把冰箱门打开；

第二步，把大象装进去；

第三步，把冰箱门关上。

这看似是一个笑话，但其实蕴含着很强的逻辑思维。首先这里忽略了很多现实中的限制条件。比如，以大多数冰箱的容积都不可能将大象塞进去；比如是否能把大象切成块放进去果把大象塞进去，它会不会又跑出来抛开这些限制条件，那把大象塞冰箱的极简流程就是三步。打开冰箱门，把大象装进去，最后把门关上。

我们做业务流程图，其实很多时候都需要具有把“大象塞进冰箱”的思维方式，抛开很多现有的认知局限，将具象的行为一个个抽象出来。

结合上面的例子，再来细细品味“业务流程图”的定义：

抽象地描述事物进行的次序和顺序，不涉及具体操作与执行细节。在互联 软件行业通常指脱离产品设计的用户行为流程。业务流程图是一种系统分析人员都懂的共同语言, 用来描述系统组织结构、业务流程。

不管是否理解上述定义，下面带着抽象思维去思考购物行为的业务流程图应该是什么样的/p>

以上的三步组成了一个最简的一个流程，其完全涵盖了任何购物行为的核心。无论是 购还是在实体超市，都是以这三个行为为主体，然后进行扩展的。相对于大家平时看到的复杂的 购流程图，以上的三步流程简直简单的令人发指，而这恰恰是印证了大道至简的原理。我始终坚信无论再复杂的事情都能简化为极其简单的事情，如果你无法将其简化，说明只是你没有理解其核心。

依据上面的最小流程单元，我们下面尝试能不能将其扩展，尝试套用在更细节的流程图上面。

页面流程图（Page Flow Diagram）

定义：指电子产品具体所呈现的页面跳转流程图。其承载了业务流程图所包含的业务流转信息。

下图以淘宝为例，展示出了 购的页面流程。

由上图红框中的三个节点我们可以看出，页面流程图依然是包含在业务流程图的。这恰恰符合定义中的要求，同时也印证了页面流程图的正确性。相较于一开始的极简流程图，现在的流程图已经渐渐变得复杂了一些。我们将抽象的业务，映射在了具象的页面上，用软件的页面承载起了业务需求。而以上就是由业务流程图到页面流程图的转化过程。

功能流程图（Function Flow Diagram）

定义：指单页面内或多页面之间的功能操作流程，其包含在页面流程中。

任何功能都是被包含在页面内的，但一个页面内往往不止一个功能，所以单单页面流程图可能无法完整表达所有流程，而这时就需要用功能流程图来更加具体表达每个页面内所包含的功能。

由上图红框中的四个节点我们可以看出，功能流程图同样也是由页面流程图拓展而来的。功能流程图是在页面流程图的基础上继续深化，变得更加复杂。同时也渐渐变得像大家日常看到的流程图一样。

粉丝福利：

程序员/产品/运营/测试等互联 专业资料、笔面试题获取：

流程图中大致包含四种结构：顺序结构、条件结构（又称选择结构）、循环结构。基本上大多数流程图都是由这三种结构组成的。

案例

上面说了那么多理论知识和概念，那下面就开始真刀实枪地展示一个案例。本来一开始我想以电商产品作为例子，因为电商产品是需要极强逻辑思维的产品，并且比较常见。但后来发现淘宝、京东等都极为庞大和复杂，分析起来过于笨重。转而想起共享单车是个非常不错的教材案例。其产品极简，但背后却暗藏有趣的逻辑架构。尤其是市面上摩拜与ofo不同的产品解决方案，分析起来更加有对比性。

共享单车的前身

如果要追溯最早的共享单车，恐怕就是政府推出的有桩自行车。其推出目的无非就是缓解交通压力，以及减少环境污染。而当时受限于成本、技术以及大众人群的普遍素质，有桩自行车的解决方案是极其不方便的。想要租一辆有桩自行车，首先要凭身份证在相关单位办理IC卡，并缴纳押金和预存费用，然后租车和还车只能在定点位置进行。先不谈办理卡片有多麻烦，租车还车有多不方便，超时扣费有多惊人，如果只单纯将其用业务流程图展示出来，应该是什么样的呢/p>

下面依然以最简单的业务形态来展示使用有桩单车业务流程图：

单看有桩单车的流程图其实没有任何意义，真正的意义在于有桩单车和目前摩拜与ofo的横向对比，下面看一下两家共享单车的业务流程图：

很明显可以看出，无论是有桩单车、摩拜单车还是ofo单车，在业务流程图上竟然没有太大区别。那为什么多年之前政府主导的有桩单车平平无奇，而2016年末出现的共享单车红极一时摩拜和ofo两款截然不同的单车，区别点到底在哪里呢们需要更加深入地分析每个业务节点，剖析其功能。

因为单车的使用流程不仅是在APP上，还有一部分操作在实体自行车上，这时就不能单使用页面流程图，而是要直接使用功能流程图。并且这里的功能流程图不局限于页面内的功能，而是要表达用户对单车和APP的每一步操作。

首先看ofo单车，在APP中支付押金后，接着便需要寻找自行车。而这时我们发现，虽然ofo有多种单车样式，多种车锁机制。但本案例着重讲ofo第一代机械锁，与第二代伪智能锁。

这两种锁其实代表了两种不同的产品解决方案，我们先讨论第一种机械锁。（所谓机械锁，其实类似于生活中经常见到的密码箱。每个密码箱有预设的固定密码，通过拨弄表盘输入正确密码，即可开锁。并且机械锁的密码是固定的，不会改变）。

我们从路边找到机械锁单车，然后打开APP，输入车牌 或扫描二维码，从APP中得到本车的机械锁密码，然后输入密码，打开单车车锁。此时APP中会进行倒计时，倒计时结束则开始正式计费。最后，骑行到目的地后，需要将车锁关闭，并且必须在APP中点击结束骑行的按钮，才能结算此次行程的订单。

看完了ofo的流程，下面来对比看一下摩拜的流程。

摩拜的产品解决方案为，扫描单车的二维码以后，摩拜单车的车锁会自动打开，不需要像机械锁一样手动操作。并且在锁车后，摩拜单车自动会结束行程，无须在APP中点击结束。在下一次APP打开时，才会进行账单结算。

下图分别为ofo机械锁单车使用流程图和摩拜单车使用流程图（APP标识代表用户在APP上的操作）

纵观ofo机械锁和摩拜智能锁的解决方案来看，ofo明显是逊色很多的。机械锁带来的问题，不止是使用流程的复杂，还有很多是产品使用上的漏洞。比如，用户锁车后，必须手动将密码拨乱，不然下个人将可以免费骑行。比如，用户在骑行结束后，忘记在APP点击结束，会造成更额外扣费。等等还有很多问题，就不一一列举了。

说句题外话，这些问题ofo也都明白。机械锁的解决方案倘若只在封闭的校园内运行，那还差强人意。但一经投放到校外市场，那么这种解决方案无疑会给公司带来巨大的损失。那为什么ofo明知问题，还要大量投放呢因很简单，以摩拜拓展的速度，如果他不在当时迅速走出校园，那么也许永远也没机会走出校园了。

言归正传。之前的讨论，一直避开了一个非常重要的节点——“找车”。抛开路边随机看到单车不谈，就拿地图找车来说，ofo第一代机械锁肯定是没有GPS定位的，为什么也能在地图上显示呢/p>

下面我们尝试画一下ofo对于解锁的程序流程图是什么样的。

我们从“APP扫描二维码/输入单车编 ”此节点开始推导。我要开车牌 为XXX的单车，那么就需要得到密码，而所有车的密码，都应该放在ofo的单车数据库中。我们不论是扫描二维码，还是输入单车 ，本质都应该是将单车编 传输给服务器，告诉它我要哪辆车的密码。服务器查询到此单车的密码以后，就传输回APP，我们就看到了此单车的密码。

因为节省车锁电源的原因，服务器此时并没有和单车联系，而是靠人工输入密码打开车锁。所以ofo在用户得到密码后，就会开始倒计时。倒计时内可以取消开锁状态；倒计时结束，则代表用户默认开始骑行，计费也从此时开始。

此时如果是iPhone用户的话，将ofoAPP最小化时，就会发现手机顶部电池电量条变成了蓝色。其实，这就是ofo获取单车行程的要点所在。既然机械锁无法向服务器传输数据的话，那不如让用户手机代替。以获取手机的定位来获取单车的骑行路线。并且在停车后，点击结束骑行时，上 位置，由此服务器来标记此单车停放的位置。而此时上 的位置其实并没有单车。这就是ofo地图上有很多假标记产生的原因。

ofo采用的这种标记方法其实非常的粗糙，毕竟如果用户强制结束应用，也就获取不到骑行路线了。而ofo针对获取不到骑行路线的情况，也做了处理，那就是用标记起点到终点，然后根据地图提供的路线来显示路程。

上图我亲测的案例。红色箭头是我的实际骑行的路线，绿色线是ofo自带地图上通过起点和终点计算的路线。

下面我们继续分析ofo机械锁的程序流程图

注意上图服务内的部分，看起来步骤非常少，也非常简单，而真实的服务器肯定有更多复杂的逻辑判断。但对于产品经理画的流程图来说，不可能完完全全描绘编程中的技术细节，而且也不需要产品经理去帮技术想代码的实现逻辑。我们要做得是，理解程序宏观的实现逻辑。

比如，在扫描二维码后，为什么APP会显示这辆车的密码，而不是其他车辆的密码呢简单，服务器内肯定储存了所有单车的密码，而扫描二维码的过程就是将此单车的ID传送给服务器，服务器在数据库中找到密码后，返回给用户手中。

服务器在此处理过程中，肯定还会有其他的判断，比如此用户账 是否正常，有没有被封 单车是否已被标记为故障车等。但大家发现，上面的流程图内并没有画出这些逻辑判断，是我忘记了吗/p>

此图想表达的是宏观的程序实现逻辑，是为了让读者更聚焦于问题核心，我们只需要着重表达主干流程就好。如果添加更多的分支流程、异常流程，那反而会影响读者的注意力。所以，还是老生常谈的那句话：画流程图一定要先主干，后分支，千万别在一开始就盲目追求细节。

言归正传，ofo的第一代锁的解决方案虽然漏洞百出，但依然用其巧妙的方式，实现了地图上单车位置的显示。ofo推出的第二代锁，改进了以往机械锁的很多问题。其中最大的效果就是车锁的密码不再是固定的，并且锁车之后，不需要再点结束行程。那既然ofo的锁已经优化了，那为什么前文还称他为伪智能锁，他和真正的智能锁差在哪里呢什么ofo的车锁依然需要手动输入密码，而不是像摩拜一样，车锁直接弹开什么常常在地图上看到有车，而实际地点没有车呢/p>

下面引入一个80、90后童年的回忆：将军令。

“将军令”（又名 易帐 保护器） 是广州 易互动娱乐有限公司自主研发的、具有完全知识产权的高科技身份认证产品。它是专为保护 易通行证账 （游戏账 ）、直销商帐 的密码而出的产品，其特有的60秒密码动态自动更新技术将盗 风险降到最低。

“将军令”的产生伴随着当年梦幻西游的风靡，其创新技术确实解决了大多数盗 问题。那将军令的实现机制到底是如何呢单地说明一下：首先，打开“将军令”，它会生成一串数字，你在登陆游戏时，输入这些数字，系统就会允许账 登陆。同时，“将军令”的数字是每隔60秒动态变化的，每次登陆时，“将军令”的验证码都会不一样。其实现原理，无非是“将军令”和服务器保持同一种算法，在同一时间，他们的计算结果是一致的。

回来看ofo的伪智能锁，其实也是一样的实现原理。每辆车锁都有一个单独的算法保存在服务器，车锁每隔一段时间就会根据算法，变换一个密码。而当你打开APP，查看此单车密码时，服务器使用和车锁相同的算法算一遍当前时间下的密码，那此密码一定是和车锁当前算的是一致的。

开锁说完了，下面聊聊关锁。如果你骑过小黄车就会发现，小黄车的智能锁关闭以后，并不用手动点APP上的结束行程了。那要做到这点，一定是车锁与服务器进行了通信，告诉服务器用户已经结束了行程，可以结算订单了。那既然车锁可以和服务器通信，为什么ofo还要采用上面的将军令方式来解锁呢，为什么不直接用服务器通信告诉单车自动开锁呢/p>

其实，就ofo第一代伪智能锁“海王星”来说，并没有做到实时和服务器通信。在关锁的时候，只是车锁单方面向服务器发送消息。而同时服务器收取到消息后，在地图上显示其单车的定位。我想ofo这么做，原因一定是因为想减少车锁的耗电量，要知道实时通信是非常耗电的。

下图是ofo的程序流程图

摩拜单车的智能锁

上面分析了ofo的机械锁和伪智能锁以后，我们再来看看摩拜单车的智能锁，到底智能在哪里。

首先通过实际体验我们知道，摩拜单车是不需要输入密码的。抛开蓝牙本地验证密码的方式，那摩拜车锁需要和服务器实时通信，才能实现APP扫描之后自动打开。

可能有些读者不明白为什么一定要实时通信呢道在开锁时，服务器给车锁发送打开的指令不行嘛个例子，手机开飞行模式的时候，是无法接听电话和数据上 的。手机想接听电话和上 ，就一定要每时每刻和通信基站连在一起，这样才能保证通信基站想要找你的时候可以找到。如果你和通信基站断开，基站是无法知道你在哪里的。但如果你想要连接基站，只需要关闭飞行模式，打开信 ，就可以和基站重新连接起来。这就是摩拜单车需要实时连接服务器的原因。只有这样才能实现单车在地图上的定位以及扫码开锁。其实摩拜为了实现此功能也是大费周章。因为车锁比较耗电，传统电池是无法支撑的，所以摩拜的车采用了机械发电的原理。只要有人骑车，就会将机械能转化为电能，给车锁充电。这也解释了为什么摩拜的车比较难骑，阻力大，车身重。

下面依据上述原理，画出摩拜单车的程序流程图

由上图对比ofo的流程，可以看出摩拜采用的解决方案是将自行车与服务器连接。让每一个自行车都成为一个终端，实时同步在整个地图上面。这样既获得了良好的用车体验，也收集到了用户数据。就解决方案来看摩拜是比ofo完善很多的。

单车车锁的蓝牙解决方案

大家在用摩拜或ofo时，可能经常会看到提示：用蓝牙解锁更加快捷方便。那其实现原理是什么样的呢们不妨推测一下。首先，用户在打开蓝牙后要让单车解锁，那就一定要和单车连接起来，否则不可能实现解锁。那单车的蓝牙就必须是实时打开的状态，以供任何时候用户进行解锁。那这时又有一个问题，如果周围有很多单车，那我的蓝牙到底要和哪辆单车匹配呢时就体现出扫码的作用了。我一定是扫码的时候，告诉服务器：我要解锁XX编 的单车。那服务器会返回给你这个单车的蓝牙”口令”，你通过“口令”与附近的蓝牙匹配，能匹配成功的一定是你想开的那辆自行车。因为你手机的蓝牙和单车的蓝牙距离非常近，蓝牙匹配是非常快速的。所以，通常摩拜或ofo都会推荐大家使用蓝牙解锁，这样的成功率更高，速度更快。就蓝牙解决方案来说，ofo和摩拜其实没有太大区别的。

总结

粉丝福利：

程序员/产品/运营/测试等互联 专业资料、笔面试题获取：