10

以图形方式表示页面流的最佳方式是什么,适用于面向操作的 Web 应用程序?

您使用什么模型来表示包含页面(视图)的页面流(页面流程图)、对这些视图(事件)和流程的用户操作?

这些图表应作为理解业务领域专家(例如指定电子商务网站的人)、技术分析师(负责设计 Web 应用程序的人)和 Web 开发人员(负责实施解决方案的人)之间的起点)

我不是在寻找一个软件解决方案来帮助我绘制这些图表,我也不是在寻找一个 Web 流框架来让我在软件中实现这些页面流。

但是,我正在寻找一个使用铅笔和纸绘制页面流程的好方案

例如,一个好的答案可能如下

  • 带有大写字母标签的矩形代表页面
  • 带有小写标签的箭头表示用户操作
  • 带有大写字母标签的钻石代表一个过程
  • 入口点始终从左侧(箭头从左侧进入页面)
  • 退出点始终从右侧(箭头从右侧走出页面)

如果有一个公认的标准,或者如果这个问题空间实际上是一个存在标准的更大问题空间的特定情况,请强调这一点。

本着 Stack Overflow 的精神,请每个答案一个方案,并投票而不是重复

4

4 回答 4

13

我一直很喜欢Jesse James Garret 的视觉语言。

于 2008-10-07T15:01:32.297 回答
1

查看 nAML(.NET 应用程序建模语言)。它包括一个 Visio 模板,非常有趣且富有表现力。

http://code.msdn.microsoft.com/naml

于 2008-10-12T01:38:41.637 回答
1

我发现修改状态图对这个目的最有用。我将可视资源(html 或 jsp 页面)表示为一种状态,并且转换是用户可以在该页面上执行的操作。

然后我为视觉页面之间的动作引入另一个符号。

状态图对于非技术人员来说很容易理解并且足够表达以捕捉一些复杂的交互。

于 2008-10-17T14:05:30.380 回答
0

看看 yuml.me,因为它很容易使用并生成漂亮的“邋遢”图表

于 2012-09-25T14:37:58.817 回答