Web流程图绘制的心得

图6

　　并非所有后台动作都绘入流程图中（否则流程图就会变成庞然大物了），只有需要特别强调的后台动作（和用户体验直接相关的）才使用此形状。

　　（6）多重分支

图7

　　多重分支指的是几种并列的情况，每种情况都有发生的可能，发生哪种取决于分支起始处的判断结果。

　　（7）对话框

图8

　　有时候一些操作可以利用对话框来完成， 这些对话框由js生成，显示在父界面之上。

　　（8）注释

图9

　　这个形状（比如页面）详细的内容，或者需要解释的业务逻辑，甚至用户此处的情况等，我都会放到注释中，这样既降低沟通成本，又可作为备忘。

　　（9）跳转点

图10

　　在一个复杂的流程图中，往往出现跳转到另外一个远处结点的情况，此时如果直接用线连过去，未免使得流程图显得凌乱，用一个跳转点就解决问题了。在点内标明跳转到的形状的编号，画起来容易，看起来也清楚。

　　此外，也可以利用跳转点来分割篇幅巨大的流程图，Yahoo!就这么用。