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

Question

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

您使用什么模型来表示包含页面（视图），用户对这些视图（事件）和流程的操作的页面流（页面流程图）？

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

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

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

例如，一个好的答案可以如下

• CAPS中带有标签的矩形表示页面
• 带有小写标签的箭头表示用户操作
• CAPS中带有标签的钻石代表一个过程
• 入口点始终从左侧（箭头从左侧进入页面）
• 出口点始终从右侧（箭头向右移出页面）

如果存在可接受的标准，或者此问题空间实际上是存在标准的较大问题空间的特定情况，请突出显示。

本着Stack Overflow的精神，每个答案都有一个方案，而不是重复投票

Answer 1

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

Answer 2

查看nAML（.NET应用程序建模语言）。它包括一个Visio模板，非常有趣和富有表现力。

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

Answer 3

我发现修改状态图表对此非常有用。我将可视资源（html或jsp页面）表示为状态，而转换是用户可以在该页面上执行的操作。

然后我为可视页面之间的操作引入了另一个符号。

状态图非常容易让非技术人员遵循并表达足以捕获一些复杂的交互。

Answer 4

看看yuml.me，因为这很容易使用，并生成漂亮的“邋”“图