我可以使用UML建模网站导航

Question

我可以使用UML建模网站导航吗？如果是这样，有人给我一些书籍/链接参考（网站的UML ...... !!!）。如果不是这样，有什么工具呢？   基本上我是一名程序员，当我设计我以前的网站时，我只是在纸上勾勒出不同的页面设计理念，并选择了我觉得合适的那个。然后我从头开始使用html / css实现该设计。

这是所有人通常采用的方法还是有工具来绘制要实现的网站设计（线框类型......）？ CMS是否意味着这个？请指导我。

由于

Answer 1

我会（不时）使用状态图来布置网站。每个“状态”代表一个页面（或一组页面），每个“转换”一个页面（组）到另一个页面（组）的流程。

我不会尝试捕获所有导航：这很快就变得不切实际。但是它可以用于捕获主流，例如：

• 到达主页，选择登录，导航到登录页面
• 输入凭据
• 如果凭据正确：导航到登录后登录页面
• 否则：保留在登录页面

等。

这不是一个“正确的”状态图，但可能很有用。您可能还想查看Garrett Information Architecture。它是同一问题的定制符号，但有一组更丰富的符号。

第h

Answer 2

也许，你会发现这篇文章很有用： http://www.ibm.com/developerworks/rational/library/4697.html

本文详细介绍了通过UML活动图的用户界面导航。

Answer 3

您可能需要查看UWE，因为它尽可能接近UML并且可以完成工作。唯一的问题是没有很多教程或文档可用。

Answer 4

如果您在设计过程的其他部分使用UML，那么确保您放在一起的用户界面符合您的用例是有意义的。但是，我从未使用过UML来实际设计网站的布局或流程。

我们使用Axure来模拟用户界面，因为这有助于让客户/用户在花时间制作实际页面之前玩游戏。

那就是说，我仍然使用铅笔和纸做我的网站设计。

Answer 5

绝对。

UML State Diagrams非常适用于此目的。我曾在大型公司工作，这是标准做法，并取得了巨大的成功（即使遵守严格的UML规则和做法）。

关键是要记住你想要与图表沟通的内容，而不是试图在一个图表中建模太多方面。此外，请记住您的观众。如果你必须向他们解释UML如何工作，那么UML并不适合你的情况。

我强烈反对那些认为这是对UML“滥用”的人。考虑状态图表示系统的不同状态以及事件引起的系统之间的转换。在表示UI导航时，您将UI表单呈现为状态和用户操作以及UI事件，作为在呈现给用户的系统的UI实例的上下文中引起更改的事件。

欢迎您不同意我的观点，但请提供您的论证的证明或支持。