结合网页和表单的形状，一个表单验证的流程图就是这样的：

画Web流程图的一点心得

（5）后台动作

画Web流程图的一点心得

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

（6）多重分支

画Web流程图的一点心得

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

（7）对话框

画Web流程图的一点心得

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

（8）注释

画Web流程图的一点心得

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

（9）跳转点

画Web流程图的一点心得

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

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

（10）子流程

画Web流程图的一点心得

分割篇幅巨大的流程图，更好的办法是用子流程。

要注意的是，如果你在流程图中使用了子流程这一形状，一定记得同时附上子流程图，以消除影响项目onmousemove="kwM(1)" id="clickeyekey1" onmouseout="kwL(event,this)">质量的不确定性因素。另外，在子流程图中也可以标明其所属关系。

（11）流程块

画Web流程图的一点心得

 2/3   首页 上一页 1 2 3 下一页 尾页

文章TAG：摄影设计  Web流程图  网页设计  用户体验  
下一篇