网站内容发布流程图(做过养成做流程图的好习惯，你都知道吗？)

　　网站内容发布流程图(做过养成做流程图的好习惯，你都知道吗？)

　　自从在这个行业工作以来，我做了很多网站，也做了很多简单的流程图，但他们只是把它们扔掉。现在想想，如果你把所有的流程图都累积起来，那可就大了。我们很有钱，所以从现在开始，我们要养成制作流程图的好习惯，所以我们整理了这个文章的教程。

　　1、各个函数的形状

　　在我的流程图中，适合不同用途和功能的形状都有自己的规格。总共定义了以下形状：

　　(1） 开始和结束

　　作为整个流程图的开头和结尾，必须明确标明所指的页面，以免日后产生歧义。

　　(2）网页

　　可以看到，网页的形状是一个矩形，带有漂亮的浅蓝色过渡效果。它的边框是深蓝色。网页的用途写在中间。括号中的数字代表该形状对应的演示文件。（比如这里是2.html），我有时将流程图输出为网页，并将每个网页形状链接到其对应的演示文件，非常方便查看。这对 OmniGraffle 来说是小菜一碟，如果你被迫使用 Visio，嗯……

　　此外，形状中的所有线条都具有与该形状的边框相同的颜色。这种方法不仅看起来很漂亮，而且还可以很容易地表示复杂流程图中各种形状的关系。我没有见过类似的方法，所以它可能是我创建的，呵呵。

　　(3）背景判断

　　很常见的形状。我的用法与其他人的一个区别是，我几乎总是让“是”分支向下流动，而“否”分支向右流动。因为流程图一般是从上到下，从左到右绘制的，遵循以上规则一方面可以让创作者省去选择方向的烦恼，另一方面也方便读者阅读。

　　(4）表单错误页面

　　既然有表单，当然会有错误提示。事实上，这些信息非常重要。当用户出错时，他们很担心，依靠错误提示来解决问题。您没有说明何时在流程图中显示错误页面或在演示中提供错误页面。有些程序员会直接在网页上写“错误，请检查”，所以UI设计师一定要注意这一点。

　　但一般来说，流程图中没有必要把每一种错误都展示出来，因为一个有两个文本框的表单，有三种错误情况，更不用说更多了。所以我总是把错误页面变成表单的子页面。比如表单页数为2，那么这个表单的错误页数会从2.1开始排序，每个错误都会放在一个子页中，方便程序员计算当他们得到演示时，这意味着什么。

　　结合网页和表单的形状，表单验证的流程图如下所示：

　　(5）后台操作

　　并不是所有的后台动作都被绘制到流程图中（否则流程图会变成一个巨大的），只有需要特别强调（直接关系到用户体验）的后台动作才使用这个形状。

　　(6）多个分支

　　多分支是指几种并行的情况，每一种情况都有发生的可能性，这取决于分支开始时的判断结果。

　　(7）对话框

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

　　(8） 注释

　　这个shape的详细内容（比如页面），或者需要解释的业务逻辑，甚至这里的用户情况等等，我都会放在评论里，这样既可以降低沟通成本，也可以作为备忘录。

　　(9） 跳转点

　　在复杂的流程图中，经常会出现跳转到另一个远处节点的情况。如果直接用线连接，会使流程图显得杂乱，一个跳转点就可以解决问题。在圆点处标记要跳转到的形状的编号，这样易于绘制且看起来清晰。

　　此外，还可以使用跳转点来拆分庞大的流程图，只需使用 Yahoo!

　　(10） 子进程

　　划分庞大流程图的更好方法是使用子流程。

　　需要注意的是，如果在流程图中使用子流程的形状，一定要记得同时附上子流程图，以消除影响项目质量的不确定因素。此外，子流程图还可以表明其隶属关系。

　　(11）进程块

　　您可以使用流程块将整个流程图分成几个部分，并对每个部分分别命名（例如，“流程块 1”等）。这样做的目的是在视觉上使复杂的流程图更清晰，便于交流。

　　2、图例和流程图信息

　　在团队合作中，图例是必须的，否则没有人知道你在画什么。即使只给自己看流程图，也最好养成给图例贴标签的好习惯。其实这个原因有点类似于程序中的注释。

　　流程图信息也是必要的。其内容至少应包括作者、时间、流程图名称和版本（如下所示）。这个方面可以让读者（其他同事）在有问题的时候很容易找到作者你，同时也起到了meta的作用。

　　3、绘制流程图的工具

　　OmniGraffle 是 Mac 的首选，除了 Visio for Windows 似乎没有更好的选择（虽然 Visio 已经很难用了）。

　　4、评估流程图的质量

　　我认为一个好的流程图至少应该做到以下几点：

　　紧密贴合用户心理状态，忠实反映用户操作习惯。流程图是指导UI设计的，是UI设计的参考。如果流程图本身不能正确描述用户的情况，UI十有八九就会出现问题；它涵盖了所有可能的情况和细节。这是非常重要的。任何前期不确定的因素都会成为项目中随时引爆的地雷，直接降低最终UI的质量。这种情况并不少见。但同时这也很难实现，因为它不仅需要设计师熟悉用户，还需要设计师充分了解产品的业务逻辑，还要了解系统的运行机制。上述任何一个方面都将留在流程图中。盲点之下。不知道这个问题有没有更好的解决办法，但是和PD和部门反复沟通是一个有效的方法；考虑到系统的设计和可负担性。在绘制流程图的过程中必须考虑到系统的运行机制和续航能力，避免流程图被开发者拍到的情况。我的习惯是在画流程图的时候经常和系统分析员沟通交流，确保每一个环节都是可行的；以确保其他人可以理解您的流程图。别人现在看不懂，你以后也看不懂。为了降低沟通成本，把流程图画清楚。5、其他 不知道这个问题有没有更好的解决办法，但是和PD和部门反复沟通是一个有效的方法；考虑到系统的设计和可负担性。在绘制流程图的过程中必须考虑到系统的运行机制和续航能力，避免流程图被开发者拍到的情况。我的习惯是在画流程图的时候经常和系统分析员沟通交流，确保每一个环节都是可行的；以确保其他人可以理解您的流程图。别人现在看不懂，你以后也看不懂。为了降低沟通成本，把流程图画清楚。5、其他 不知道这个问题有没有更好的解决办法，但是和PD和部门反复沟通是一个有效的方法；考虑到系统的设计和可负担性。在绘制流程图的过程中必须考虑到系统的运行机制和续航能力，避免流程图被开发者拍到的情况。我的习惯是在画流程图的时候经常和系统分析员沟通交流，确保每一个环节都是可行的；以确保其他人可以理解您的流程图。别人现在看不懂，你以后也看不懂。为了降低沟通成本，把流程图画清楚。5、其他 但与PD和部门的反复沟通是一种有效的方法；考虑到系统的设计和可负担性。在绘制流程图的过程中必须考虑到系统的运行机制和续航能力，避免流程图被开发者拍到的情况。我的习惯是在画流程图的时候经常和系统分析员沟通交流，确保每一个环节都是可行的；以确保其他人可以理解您的流程图。别人现在看不懂，你以后也看不懂。为了降低沟通成本，把流程图画清楚。5、其他 但与PD和部门的反复沟通是一种有效的方法；考虑到系统的设计和可负担性。在绘制流程图的过程中必须考虑到系统的运行机制和续航能力，避免流程图被开发者拍到的情况。我的习惯是在画流程图的时候经常和系统分析员沟通交流，确保每一个环节都是可行的；以确保其他人可以理解您的流程图。别人现在看不懂，你以后也看不懂。为了降低沟通成本，把流程图画清楚。5、其他 在绘制流程图的过程中必须考虑到系统的运行机制和续航能力，避免流程图被开发者拍到的情况。我的习惯是在画流程图的时候经常和系统分析员沟通交流，确保每一个环节都是可行的；以确保其他人可以理解您的流程图。别人现在看不懂，你以后也看不懂。为了降低沟通成本，把流程图画清楚。5、其他 在绘制流程图的过程中必须考虑到系统的运行机制和续航能力，避免流程图被开发者拍到的情况。我的习惯是在画流程图的时候经常和系统分析员沟通交流，确保每一个环节都是可行的；以确保其他人可以理解您的流程图。别人现在看不懂，你以后也看不懂。为了降低沟通成本，把流程图画清楚。5、其他 以确保其他人可以理解您的流程图。别人现在看不懂，你以后也看不懂。为了降低沟通成本，把流程图画清楚。5、其他 以确保其他人可以理解您的流程图。别人现在看不懂，你以后也看不懂。为了降低沟通成本，把流程图画清楚。5、其他

　　（1） 想办法让流程图更漂亮。谁不喜欢漂亮的东西？

　　（2）如果你不是公司的入围者，你需要管理你的文档的版本。流程图也不例外。什么时候发布什么版本，必须清楚标明，“最新”是一个未使用的词。