流程图的终极目标

一个好的流程图应该做到:关掉演讲者的声音,观众只看PPT,依然能看懂80%。

反过来,如果你的流程图需要站在旁边用手指着说「这里到那里,再到那里」——那这图没做好。

规则一:流向必须是单向的

中文阅读习惯是从左到右、从上到下。所以流程图的方向也要遵循这个规则:

  • 时间顺序类(先A再B再C):从左到右
  • 层级递进类(A导致B导致C):从上到下
  • 循环类(A→B→C→A):顺时针圆形

绝对避免S型、Z字型的自创流向。 观众的视线跟着流程走,S型会让眼睛迷路。

规则二:节点数别超过7

心理学家George Miller提出「神奇数字7±2」——人类短期记忆一次只能处理7±2个信息块。

所以一页PPT的流程节点,上限7个,理想5个。

超过7个怎么办?

  • 拆成两页
  • 或者用「分组」——把7个以上的节点归成3-4个大步骤

案例:某SaaS产品的用户激活流程,原版有13个步骤。改成3个大阶段(注册→激活→首次使用),每个阶段下放2-4个子步骤——可读性立刻提升。

规则三:节点形状要有含义

流程图里不同的形状代表不同的含义——这不是形式主义,是降低认知成本:

  • 圆角矩形: 普通步骤(最常用)
  • 菱形: 判断/决策节点(「是/否」分支)
  • 圆形/椭圆: 开始/结束
  • 矩形: 过程/操作

别混用。 见过有人在一个流程图里,第一个步骤用圆形,第二个用矩形,第三个用圆角矩形——形状不统一,观众以为有什么深意,其实只是随手拖的。

规则四:连接线比节点更需要设计

连接线是流程图的血管,但大部分人的连接线是PPT默认的——细黑直线+尖角箭头,生硬得像电路图。

改进方案:

  • 线宽统一2-3pt
  • 颜色用深灰(#666)而非纯黑——柔和
  • 箭头的转折处用圆弧而非直角——流畅
  • 尽量少交叉线条——交叉线是视觉噪声

Keynote用户福利:Keynote的「连接线」工具(在形状里),两个节点之间自动生成圆弧连接线,比PPT手动画线体验好太多了。

规则五:用颜色区分路径

如果流程图里有主路径分支路径:主路径用主色(醒目),分支路径用浅灰(次要)。

如果流程图里有成功路径失败路径:成功用绿色,失败用橙红色。

但颜色不超过3种。 见过一份招聘流程图,5种颜色——HR通过、HR淘汰、部门通过、部门淘汰、待定。结果观众先花了一分钟认颜色,流程本身被忽略了。

一个真实案例

某电商退换货流程图改进前后对比:

改前: 12个节点,7个菱形判断,线条像蜘蛛网。客服说「用户看不懂退换流程,每次都要打人工客服问」。

改后: 5个步骤(提交申请→审核→寄回→验货→退款),2个判断节点(审核通过?验货合格?),其他逻辑用颜色高亮。投诉电话量下降了30%。

流程图自检

做完流程图,找一个不懂这个业务的同事来看——如果ta能独立看懂80%,及格。如果ta第一反应是「你帮我讲讲」,回去改。


相关文章