0

我不确定应该使用哪种类型的工作流程图标准来向非技术人员和技术人员传达 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...
4

3 回答 3

0

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

这是一个示例方法：“用于描述信息架构和交互设计的视觉词汇表”：http ://www.jjg.net/ia/visvocab/

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

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

示例活动图：“UML 活动图：详细的用户界面导航”：http ://www.ibm.com/developerworks/rational/library/4697.html

于 2014-06-28T14:37:14.403 回答
0

下面开始怎么样？

在此处输入图像描述

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

于 2014-10-19T10:35:29.790 回答
0

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

于 2012-10-06T19:09:55.323 回答