首页 > 新闻 > 分类信息 > 画Web流程图的一点心得

画Web流程图的一点心得

来源:整理 时间:2022-08-17 11:28:33 编辑:派代电商 手机版

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

画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流程图的一点心得


文章TAG:摄影设计Web流程图网页设计用户体验

最近更新

相关文章

新闻排行榜推荐