流程图的终极目标
一个好的流程图应该做到:关掉演讲者的声音,观众只看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第一反应是「你帮我讲讲」,回去改。