Web applications 网站流交互映射图

我不确定应该使用哪种类型的工作流图标准来向非技术人员和技术人员传达web应用程序的工作流程

因为对于我自己来说，作为一名技术人员，我想知道某些组件是如何与数据库交互的，当我不得不重新访问时

用语言来说，我会这样描述他们

主页

  -> sign up page
      ->sign up connects to database if successful go to thank you page.
      ->sign up connects to database if successful go back to sign up page.    
  -> contact us
  -> etc...

---

为了描述用户界面（网站），我更喜欢。状态机的每个状态都与用户界面的状态相匹配，系统通过更改其状态对用户交互作出反应。在每个状态中，通过向状态中添加操作来说明系统处于该状态时发生的情况。这些操作显示接口如何与系统交互。

这种类型的图通常在信息体系结构方法中指定。令人惊讶的是，据我所知，IA中并没有广泛使用的标准。其他名称包括用户体验设计（UXD）、交互设计（IxD）等等。每个公司或开发工具支持不同的类型

以下是一个示例方法： “描述信息架构和交互设计的可视化词汇表”：

我喜欢vainolo的建议，然而，几年前我尝试过，利益相关者陷入了最基本的概念中，比如国家

非技术涉众更容易理解的是UML活动图（它只是Petri网和流程图的简单混搭）。通过添加“泳道”，活动图可以为多个页面和流程建模。虽然活动图听起来很复杂，但很容易理解（对于简单的线性场景）

活动图示例：

---

“UML活动图：详细说明用户界面导航”：

以下内容如何作为开始

---

表示法基于Petri网图形或图标，“连接”每个图标（正方形和圆形）的规则遵循创建Petri网的规则。标记为T3的图标是我根据表示多个Petri网元素的高级符号“想出”的（我认为是Nutt或Noe或两者，宏E-nets）——我使用了PowerPoint中的行属性。

在第三行中，你可能是指“不成功”，对吗？