前言

做产品的初期踩过不少坑,流程图的坑就是其中一个。在具体落地到文档时用野生小白产品经理的方法就是想到什么就做什么,最终能产出内容就行了。当业务越来越复杂,各分支业务耦合越来越高的时候,就需要一个逻辑清晰、流程清晰、角色清晰的各类流程图。而提炼需求输出出来内容是产品经理核心能力之一提炼力的体现。
这次就总结提炼,在工作中常用的流程图使用场景以及各流程图的应用。

目录

  1. 五层法思考产品启动到落地中的流程图的地位
  2. 工作场景中流程图的原则和意义
  3. 业务流程图、功能流程图、页面流程图的使用场景和作用
  4. 总结

五层法思考产品启动到落地中的流程图的地位

在产品设计工作中,对于产品的设计思维和产出内容一般会将它分五个层次:
战略层(明确战略目标、MRD和BRD)
范围层(核心业务、核心逻辑PRD)
结构层(功能结构图、流程图)
框架层(原型和交互设计)
表现层(UI设计)
在产品方案和落地的产品设计时,都需要从战略层开始一层一层的向下思考产品内容。
越高层次的内容,越需要更高阶的能力。从产品战略规划到原型图的设计过程中,流程图更是起到了承上启下的作用,流程能够闭环,各相关人员能够认可是有效推进产品落地的重要手段。

工作场景中流程图的原则和意义

对于团队的意义:

  1. 形象直观,各种操作一目了然便于理解,更好的和团队成员沟通。
  2. 沉淀组织机构资产
    员工离职、岗位变动能够方便交接工作。
  3. 复盘
    一方面是自己复盘,在项目结束时,整理过程文档,复盘自己在业务调研、产品规划、方案设计、业务流程上哪些有待提高的,哪些点没有考虑清楚导致效率低的,提高个人的成长
    另一方面是团队的复盘,在梳理业务流程中遇到哪些问题、以后怎么避免,做好过程存档,复盘时有据可依。

流程图的4个原则:

  1. 标准化的流程图提高效率
    标准化就是对信息流程、业务流程进行规范总结;在团队磨合过后能够有效提升需求评审会的效率,帮助其他同时更好的理解产品流程,提高跨职能部门的沟通效率。
  2. 针对不同角色需产出不同维度的流程
    业务信息应针对不同岗位人员要求进行适当加工(老板、客户、研发团队),针对不同管理层提供不同呈现维度的信息。老板需要的通常不会有太多的细节,需要整体流程闭环,而落地到研发时,产研团队就需要很详细的内容进行信息的同步和需求的评估。
  3. 流程图应保持更新
    在复杂流程和业务的模块需和流程图保持一致,方便后续的复盘和回顾,并且能够保证信息能够及时服务于决策。
  4. 流程图能够提升沟通效率
    相比原型,流程图能够缩短信息在处理过程中的延迟,提高信息同步时的效率。

业务流程图、功能流程图、页面流程图的使用场景和作用

业务流程图

作用:通常是产品经理进行业务调研时,了解业务人员(销售、客户等)工作流程和需求后,明确线下的业务范围。最后提炼出业务流程图。调理清晰的业务流程图能够让团队快速熟悉业务,理清业务边界。
产出时间:需求调研后
注意事项:

  1. 仅产出业务相关内容,无需数据等太深入的细节内容。
  2. 常用泳道图,泳道类型通常为系统、角色、职能、部门、时许等

功能流程图

作用:
功能流程图,是业务流程图为主线,去细化每个环节的功能逻辑(如必填项/业务状态/异常提示等)是通过需求分析,转化为产品设计并落地。
和业务流程图的区别:如果把业务流程图比作树干,那么功能流程图就是树干上长出的枝叶。前者可以总览业务全貌,后者帮你厘清功能细节。
**产出时间:**原型设计之前
注意事项:需包括所有产品功能的细节以及异常边界

页面流程图


作用

  1. 常用于复杂跳转关系的C端产品,有助于梳理产品逻辑和产品轮廓
  2. 页面流程图用于明确页面的主功能和页面间的跳转,让团队可以更具体了解页面和页面之间的交互逻辑。
  3. 页面流程图是帮助研发评估开发时间和跳转逻辑的

产出时间:UI/UE设计前或者需求评审会之前
注意事项:

  1. 理清跳转关系,标注好操作控件与操作方式
  2. 在跳转逻辑不复杂并且项目周期紧张的情况下,直接用交互原型也可以。

总结

如果说业务流程决定产品的上限,那么功能流程就是决定产品的下限。产品经理的作用就是能够考虑到左右流程的异常情况和边界情况,并整理出来,那么除了文字描述,功能流程图就是一个很好的输出方式。

选择什么样的流程图最好?
本篇文章描述的是比较标准的使用场景和使用方式,但是不同的项目,不同的产品,不同的阶段,不同的团队所需要产出的流程图方式和详细程度是不同的,好的流程图是长期有一个统一的标准并且保持更新,能够提高团队沟通效率,让团队没有歧义就是一个好的流程图了。

关于流程图的场景提炼,这一次终于说清楚业务流程图、功能流程图、页面流程图了相关推荐

  1. 5页面返回上个页面定位_5个步骤,画好页面流程图

    对于任何产品设计来说,构建流程都是一个绕不开的环节.其奠定了后续的产品框架,是用户体验的基石.本文将从定义和方法出发,结合实际案例,深入浅出地阐述流程图的作用以及画法. 最近在做一个关于阅读笔记的原型 ...

  2. 3个步骤,轻松画好页面流程图

    绘制页面流程图主要分三步: 1)明确业务流程 ,清晰页面核心功能主线 2)明确页面中的核心元素和逻辑关系 3)优化和调整页面顺序 01 什么是页面流程? 所谓页面流程,就是用户通过什么操作进了什么页面 ...

  3. 5.1 原型设计 - 页面流程图

    业务流程图重要的是说清楚了做什么事,而页面流程图则侧重在功能设计中,页面与页面之间的流转关系,即用户通过什么操作进入了什么页面及后续的操作及页面.由于这个属性,它一般处于业务流程图和原型制作之间. 1 ...

  4. 业务流程图、数据流程图、功能流程图、页面流程图

    流程--顾名思义:水流的路程:事物进行中的次序或顺序的布置和安排.流程是自然而然就存在的,它可以不规范,可以不固定,可以充满问题 画流程图主要作用: 1)流程图为产品设计基石,可以保证产品的使用逻辑合 ...

  5. axure流程图模式_Axure 9.0基础教程:没有Visio,也可以快速绘制流程图

    一 .流程图概述 在项目开展初期,使用流程图来表达思路,梳理逻辑关系,不仅能够帮我们清晰的认清事情本质,也是一种高效的沟通方法.Axure 9.0为我们提供了一些基础的流程图元件,产品经理及设计师们在 ...

  6. 谈谈页面流程图(附案例) | 人人都是产品经理

    (转载)有一些同学看过了我写的<如何绘制业务流程图>,发私信过来希望我谈谈页面流程图. 这个话题其实我也酝酿过,但一直没有写出来.细究起来,除了懒,原因其实有好几条: 1. 这一年半来的工 ...

  7. 业务流程图 VS 功能流程图 VS 页面流程图

    业务流程图,用于说明整个业务逻辑流向: 功能流程图,用于确定产品功能设计逻辑. 怎么理解这两句话呢?我们来"看图说话"吧(一张是天猫退货业务流程图,一张是天猫退款用户侧的功能流程图 ...

  8. rpo流程图模板_职场精英必看!手把手教你怎么手绘流程图|华为MatePad Pro

    Nebo,业界首款支持键盘.手写笔混合输入的笔记类应用.在参加项目会议.和领导汇报工作.向甲方展示方案等日常办公场景当中,手写+打字的记录模式极大地提升了我们的生产力与创造力. NeboAPP是全球知 ...

  9. linux sd卡驱动流程图,SD卡驱动(详细介绍,不明白的人可以仔细看看了.有流程图)-转-OpenEdv-开源电子网...

    ffice ffice" /> 一.SD/MMC卡介绍 1.1.什么是MMC卡 MMC:MMC就是MultiMediaCard的缩写,即多媒体卡.它是一种非易失性存储器件,体积小巧(2 ...

  10. 怎么画蜘蛛爬取详情页面流程图

    在对网站进行推广时我们会先对网站中的内容进行填充,这样用户才能在网站中找到需要自己的内容进行使用,要让用户从浏览器中搜索到你的网站就要蜘蛛对该网站中所发布的内容进行抓取从而进行收录,那具体是个什么样的 ...

最新文章

  1. 为了一个科研idea,博士生们连冥想、巫毒仪式都用上了
  2. vscode使用教程python-用VSCode写python的正确姿势
  3. iOS学习笔记16-SQLite应用
  4. GPUImage源码解读之GPUImageFramebuffer
  5. Java黑皮书课后题第2章:2.18(打印表格)编写程序,显示下面的表格,将浮点数值类型转化为整数
  6. 买卖股票的最佳时机II
  7. matlab产生一组均为一的矩阵,在matlab中如何从一组数中得到随机数组成一个n*n的矩阵...
  8. 前端学习(2746):uniapp--基本介绍
  9. Kafka核心源码解析 - LogManager源码解析
  10. mac brew安装mysql
  11. 软件评测师--第17小时 功能测试
  12. 武汉大学研究生院计算机导师,求武汉大学计算机学院研究生导师信息
  13. 什么PDCA循环+原则?
  14. html访问共享文件夹,教大家如何通过IP地址访问共享文件夹
  15. desktop window manager
  16. 楚狂人--驱动开发基础
  17. Ubuntu怎么知道去哪找安装软件?
  18. 入门c语言。(1建立开发环境)
  19. 全景拍摄—焦距与对焦教程
  20. 面试前紧急补货——网络

热门文章

  1. 计算机重启快捷键是什么,重启计算机的快捷键是什么?
  2. 栈的初识(C语言)(1)
  3. 不禁网页的浏览器_什么浏览器不屏蔽网站
  4. 三大跳槽传闻,信了你就输了!
  5. 译:手把手教你如何写自定义babel代码转换
  6. 15s是什么意思c语言,15s是什么意思
  7. 九宫格数独游戏——回溯算法——java实现
  8. php设为首页代码,JavaScript
  9. 关于电脑开启热点手机却无法连接的解决方法(关于网络连接的问题)
  10. VMware Workstation Pro的安装详细过程