原创设计笔记 / 流程编排 / 05

把流程分支画到有出口

用创作工作坊报名示例,区分操作、判断、回路和结束节点。

图表中的活动、人数与流程均为教学虚构,用来说明设计选择,不代表真实调查或活动规则。

报名流程从提交开始,经材料齐全判断,是则确认名额后结束,否则补材料并回到检查节点
报名流程从提交开始,经材料齐全判断,是则确认名额后结束,否则补材料并回到检查节点。详细解释与计算见下文。

箭头表示下一步,而非装饰

流程型信息图设计要让读者知道当前做什么、遇到条件时走哪里。本例为虚构的创作工作坊报名说明:提交报名,检查材料;齐全则确认名额,不齐则补材料,再回到检查。这个示例说明的是流程结构,不是任何真实活动的报名政策。

把名词改成动作

“报名”“材料”“名额”只是名词,不能说明用户动作。将节点写成“提交报名”“检查材料”“补充材料”“确认名额”,让每一步能被执行。判断节点写为“材料齐全?”;两条出口明确标“是”和“否”。结束节点写“报名完成”,不要让读者猜确认后还需不需要继续。

先后、分支与并行不可混画

一条顺序箭头表示完成前一步再到后一步;判断后的两条路径表示条件不同;并行任务则需要明确它们是否都要完成。不要仅凭两根箭头就假定“任选一项”或“两项都做”。本例没有并行步骤,所以采用单一顺序加一个补材料回路,不引入没有依据的泳道和符号。

练习:带入两种情况走一遍

情况一:提交时材料齐全。从开始走向检查,沿“是”到确认名额,再到报名完成。情况二:材料不齐。从“否”到补充材料,再回到检查;不能直接连接报名完成,否则检查被绕过。若实际活动允许退出,还要增加“取消申请”的明确出口;未确认政策时,不要虚构取消条件。

长流程怎样分段

超过一个屏幕时,可按准备、处理、完成分段,节点仍保留稳定名称。回路线尽量沿外侧走,减少穿越正文。手机中优先采用向下阅读的单列顺序,分支文字跟在判断后;另提供线性文字步骤,使流程图不可见时仍能理解操作。

常见问答

流程图必须使用菱形吗?

不必须,但判断和普通动作要有稳定且可解释的区别。使用菱形时也需要写清判断句与出口标签。

可以省略否分支吗?

如果否是可能发生的情况,就应说明去向、暂停原因或结束条件。