本文介绍了B端产品设计的三个流程图：业务流程图、功能流程图、页面流程图，与大家分享！
B端产品往往涉及复杂的业务关系和场景，线下业务一般会涉及到采购、销售、物流、财务、人力、仓管等多个不同的部门和角色。
如何用产品支撑B端业务落地是一项非常有挑战性的工作，要求产品经理既要有对宏观的把控能力，又要有对细节的专注力。
B端产品设计分为业务问题诊断、产品整体方案设计、产品细节方案设计几个阶段，在不同阶段，我们需要借助不同类型的流程图来帮助我们厘清思路。
一、业务问题诊断：业务流程图
1. WHY：为什么要画业务流程图
B端业务一般比较复杂，如果对业务没有清晰的认知就盲目开始产品设计，很容易陷入细节而失去全局概念；后期往往会被推倒重来，多做很多无用功。
因此，产品经理在正式开始产品设计前必须先梳理业务流程，并与业务人员共同诊断业务问题、优化业务流程、确定系统范围。
对业务问题的诊断主要通过业务调研的方式进行，业务流程图就是我们业务调研的结论。
明确调研目标：战略层、战术层、执行层；
选取调研对象：一般包括高管、中层管理者、一线业务人员等；
确认调研方法：经常使用的方法有深度访谈、调研问卷、行业研究等；
执行调研计划：每天结束后要整理素材或资料，进行复盘；
总结归纳输出：产出详细的调研报告，梳理业务流程图。
2. WHAT：什么是业务流程图
业务流程图是一种描述管理系统内各单位、人员之间的业务关系、作业顺序和管理信息流向的图表。
它用一些规定的符号及连线表示某个具体业务的处理过程,帮助分析人员找出业务流程中的不合理流向。
业务流程图描述的是完整的业务流程，以业务处理过程为中心，一般没有数据的概念。
3. How：如何绘制业务流程图
业务流程图一般用泳道图来绘制，通常纵向表示角色，将业务流程从头至尾梳理清楚。
如果部分业务过程已在其他系统实现，则可以在泳道图增加横向泳道，梳理业务在不同系统之间的逻辑关系。
如果业务流程过于复杂，也可以绘制多级流程图，将子流程展开为二级或者三级流程图，进一步描述业务情况。
4. 业务流程图示例
二、产品整体方案设计：功能流程图
1. WHY：为什么要绘制功能流程图
经过业务问题诊断阶段，我们梳理出了业务流程图。但是业务流程绝对不等同于系统功能，如何将线下的业务活动通过系统实现甚至加以优化，正是产品经理的价值所在。
通过绘制功能流程图，能够帮助我们自上而下地思考，进一步理解业务需求，梳理产品设计思路，从系统设计的角度对业务各个参与方进行思考。
2. WHAT：什么是功能流程图
功能流程图是描述系统或者模块内部功能流向的图表。
3. HOW：如何绘制功能流程图
功能流程图一般也是用泳道图来绘制，通常横向表示各个相关系统，纵向表示角色。
如果流程牵涉的系统和角色太多，可以尝试调整泳道顺序，避免流程交叉在一起，影响观感。
4. 功能流程图示例
三、产品细节方案设计：页面流程图
1. WHY：为什么要绘制页面流程图
业务流程图经过产品和业务部门共同评审后，可以进入产品细节方案设计阶段。
在产品细节方案设计阶段，我们需要更进一步地考虑功能如何在系统中实现，产品经理需要考虑用户完成某项功能需要访问的页面以及各页面之间的跳转顺序。
绘制页面关系图能够帮助我们思考产品的逻辑，梳理产品流程，在脑海中搭建起大致的产品轮廓。
2. WHAT：什么是页面流程图
页面流程图是描述系统功能实现路径的图表。
3. HOW：如何绘制页面流程图
页面流程图内容一般用一个方框表示一个页面，方框抬头是页面编号和页面名称，可以简单描述页面的主要功能，各页面之间用操作连接起来。
页面流程图的绘制方式比较多样，大家找到适合自己的就可以，不必拘泥于形式。
4. 页面流程图示例
在绘制上述流程图过程中，一定要特别关注异常流程。
对于经常发生的异常流程，比如合同变更、订单终止、财务退费等等，在系统设计中也是很重要的一部分。
对于偶然发生的异常情况，如果时间有限，可以先考虑通过其他流程能够终止和重新发起，在时间允许的情况下再进行进一步设计。
作者：夏至，微信公众号：B端产品进阶
本文由 @夏至 原创发布于人人都是产品经理。未经许可，禁止转载
题图来自Unsplash，基于CC0协议

​在产品经理的日常工作中，经常用到“流程图”来传达复杂的需求。
通过不同类型的“流程图”来帮助不同角色理解核心业务逻辑。
根据描述内容的维度，流程图主要分为：业务流程图、功能流程图和页面流程图。
对于这三种类型的流程图，大多数产品经理在刚接触时常常容易混淆。
本文整理了一些相关的知识，下面一一进行介绍。
业务流程图
业务流程图用于描述完整的业务流程（包括角色、环节），即要完成一项任务所涉及到的操作流程。
简单案例（购买商品）
如存在多个角色共同完成，通常采用“泳道图（跨职能流程图）”描述要完成一项任务，每个角色在每个环节需要做什么样的操作。
主要作用
面向领导层/需求提出方/用户/业务员等，描述完成某个任务的操作流程。
功能流程图
功能流程图用于明确功能的设计逻辑，以业务流程图为主线，去细化每个环节的功能逻辑（如判断必填项/判断登录状态/判断操作权限等等）。
简单案例（购买商品）
主要作用
面向产品经理和开发工程师，用于查缺补漏。即判断用户在操作的过程中可能存在的细节问题并做相对应的处理，确保一项任务顺利执行。
页面流程图
页面流程图用于明确用户在操作产品时，涉及的页面以及页面之间的流向关系。
简单案例（购买商品）
主要作用
面向前端开发工程师和UI设计师等，让相关人员明确要设计的页面数量，以及页面与页面之间的跳转。
页面流程图的画法的简要描述：
写在最后
流程图是一个非常强大的工具，在产品经理的日常工作中经常会被使用到。
（流程图的规范，请看：画了这么多流程图，你真的画规范了吗？）
对于不同流程图的画法，在后续的文章会进行介绍。
如果你有想了解的产品知识，欢迎在公众号：产品经理技能盒  后台留言。

业务流程图，用于说明整个业务逻辑流向；

功能流程图，用于确定产品功能设计逻辑。

怎么理解这两句话呢？我们来“看图说话”吧（一张是天猫退货业务流程图，一张是天猫退款用户侧的功能流程图）



业务流程图，亿图图示绘制



功能流程图，亿图图示绘制

对比后我们会发现，功能流程图，是业务流程图为主线，去细化每个环节的功能逻辑（如必填项/业务状态/异常提示等）。

如果把业务流程图比作树干，那么功能流程图就是树干上长出的枝丫。前者让你总览业务全貌，后者帮你厘清功能细节。

除了业务流程图、功能流程图，产品经理经常需要打交道的还有页面流程图。不过对于新人来说，这仨图很容易混淆。

业务流程图、功能流程图在前面已经进行了展示说明，那么页面流程图是什么？

简单来说，页面流程图用于明确页面的主功能和页面间的跳转，让UE/UI可以更具体了解页面和页面之间的交互关联。

一般你看到下面这种图，基本就是页面流程图了：



页面流程图

以上流程图均由亿图图示软件绘制而成，感兴趣的可以自己体验下▼▼▼

亿图图示免费下载 √ 高效绘制流程图​ edrawsoft.cn

前面几步我们将产品需求逐渐细化并且通过原型的方式将产品需求形象化的展现了出来，但是在产品功能的逻辑细节方面，原型就非常不直观了，所以用例是一个非常重要的描述需求过程的文档。

但是由于用例文档以文字为主，并且格式复杂，不适用于高效率的产品需求表述，所以展现逻辑流程的“功能流程图”是一个简洁直观的可替代用例文档的方式。





（请点击查看大图）

如上图所示，功能流程图是一种使用图形的方式表示算法逻辑的图表，因为千言万语不如一张图，通过流程图将“优惠券”功能模块的逻辑和需求非常形象直观、一目了然的展现了出来。

流程图的展现方式也不会产生“歧义性”，便于理解，逻辑出错时也非常容易发现，并且可以直接转化为程序需求描述文档。


阅读导览：

产品设计(1)
 – 产品需求文档(PRD)介绍

产品设计(2.1)PRD写作
 – 罗列信息(信息结构图)

产品设计(2.2)PRD写作
 – 梳理需求(产品结构图)

产品设计(2.3)PRD写作
 – 原型设计(界面线框图)

产品设计(2.4)PRD写作
 – 用例模型(产品用例图)

产品设计(2.5)PRD写作
 – 逻辑流程(功能流程图)

产品设计(2.6)PRD写作
 – 需求文档(PRD文档)


转载自：http://www.woshipm.com/it/114495.html