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

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

　　自从我开始我的职业生涯以来，我已经做了很多网站的工作，我也一直在做很多简单的流程图，但我只是在做的时候把它们扔掉。现在想想看，如果所有的流程图都积累起来，那将是一笔巨大的财富。因此，从现在开始，我想养成做流程图的好习惯，所以我将整理这个文章作为教程

　　1、履行职责的形式

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

　　（1）起点和终点）

　　作为整个流程图的开头和结尾，必须清楚地标记具体页面，以避免将来出现歧义

　　（2）web页面）

　　如您所见，网页的形状是一个矩形，具有美丽的浅蓝色过渡效果。它的边界是深蓝色的，网页的目的在中间。括号中的数字表示与形状对应的演示文件的名称（例如，这里是2.html），我有时会将流程图输出为一个网页，并将每个网页形状与其对应的演示文件链接起来，这非常方便查看。对于omnigraffle来说，这是小菜一碟。如果您被迫使用Visio，嗯

　　此外，形状的所有线条都与形状的边框颜色相同。这种方法不仅看起来很漂亮，而且可以很容易地在复杂的流程图中指示形状之间的关系。我从未见过类似的方法，所以我不能说它是由我发起的，嗯

　　（3）背景判断）

　　一个非常普通的形状。我在用法上与其他人不同。我几乎总是让“是”分支向下流动，而“否”分支向下流动向右分流。由于流程图通常是从上到下、从左到右绘制的，遵循上述规则不仅可以让起草者不必担心方向的选择，还可以方便读者阅读

　　（4）表格错误页）

　　因为有一个表单，当然会有一条错误消息。事实上，这条消息非常重要。用户犯错误时会感到害怕，所以他们依靠错误提示来解决问题。你不会说什么时候在流程图中显示错误页，或者在演示中提供错误页。一些程序员会直接编写错误提示网页上的“错误，请检查”因此，UI设计者必须注意这一点

　　但一般来说，没有必要在流程图中显示每个错误，因为有两个文本框的表单中有三种错误，更不用说更多了。因此，我将错误页面更改为表单的辅助页面。例如，如果表单页面的数量为2，则表单的错误页面数量将更改发件人2.1开始排队，并将每个错误放到一个辅助页面中，这样程序员就可以在得到演示时明白它们的意思

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

　　（5）background action）

　　并非所有的背景动作都被绘制到流程图中（否则流程图将变成庞然大物）。只有需要特别强调（与用户体验直接相关）的背景动作才使用此形状

　　（6）多个分支）

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

　　（7）对话框）

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

　　（8）note）

　　此形状的详细内容（如页面）或要解释的业务逻辑，甚至此处的用户情况，都将放在注释中，这不仅可以降低通信成本，还可以作为备忘录

　　（9）jump point）

　　在一个复杂的流程图中，它经常跳转到另一个遥远的节点。此时，如果你直接用一条线连接它，它会使流程图看起来很混乱。这个问题可以通过使用跳转点来解决。跳转到的形状的编号标记在该点上，这很容易绘制，看起来很清楚

　　此外，你还可以使用跳转点来分割一个巨大的流程图，这就是雅虎使用它的方式

　　（10）子流程

　　拆分大型流程图的更好方法是使用子流程

　　需要注意的是，如果在流程图中使用子流程的形状，则必须记住同时附上子流程图，以消除影响工程质量的不确定因素。此外，还可以在子流程图中指出其关系

　　（11）流量块

　　整个流程图可以用流程块分为几个部分，每个部分可以单独命名（如“流程块1”等），目的是使复杂的流程图更加直观，便于沟通

　　2、图例和流程图信息

　　在团队合作中，图例是必要的，否则没人知道你画的是什么。即使流程图只供你自己使用，最好养成标记图例的好习惯。事实上，这个原因与程序中的注释有点类似

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

　　3、绘制流程图的工具

　　Omnigraffle是Mac的首选，除了Visio for windows之外，似乎没有更好的选择（尽管Visio很难使用）

　　4、评估流程图的质量

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

　　它紧密迎合用户的心理状态，真实反映用户的操作习惯，流程图是用户界面设计的指南，是用户界面设计的参考，如果流程图本身不能正确描述用户的情况，用户界面十有八九会出现问题

　　它涵盖了所有可能的情况和细节。这一点非常重要。早期阶段的任何不确定因素都将成为项目中随时引爆的地雷，并将直接降低最终发布的UI质量。这并不少见。但同时，很难做到这一点，因为这不仅要求设计师熟悉用户，也要充分了解产品的业务逻辑，不知道是否有更好的解决方案，但与PD和系统反复沟通是一种有效的方法

　　考虑系统的设计和可承受性。在绘制流程图的过程中必须考虑系统的运行机制和可承受性，以避免流程图被开发人员拍摄的情况。我的习惯是在绘制流程图时与系统分析员经常沟通图表，以确保每个环节都是可行的

　　确保其他人能理解你的流程图。如果其他人现在不能理解，你自己将来也不能理解。为了减少沟通成本，请清楚地绘制流程图

　　5、其他

　　（1）试着让流程图更漂亮。谁不喜欢漂亮的东西

　　（2）如果您不是公司的一站式人员，您需要管理文档的版本。流程图也不例外。发布时间和版本应清楚标记。“最新”是一个无法使用的词