是否有用于记录网站结构和流程的工具？

Question

寻找＆＃34;思考＆＃34;或图表工具，以促进构建网站设计和流程的过程＆＃34;在纸上＃34;。像MS Visio这样的东西是一个可能的答案，虽然这感觉有点尴尬，特别是在需要重新排列时。

这里可能有两个注意事项。一个是原始结构或树。另一个可能是更多的状态机类型定义，它将引导您完成导航站点各个方面的流程。这样的工具存在吗？纸和笔？

编辑扩展： 对于模型，我使用Balsamiq或只是在DW CSx上扔东西。我之前有更多的文档和思考工具，可以让您充分了解网站的结构以及应该如何运作。例如：
如果单击按钮但未登录会发生什么？ 如果将鼠标悬停在特定文本区域上会发生什么？ 如果你注册怎么办？ 等

如果没有这样的工具，定义就会被隐藏起来，因为代码可能会散布在数十个文件中。

Answer 1

您所指的是正式名称为状态转换图。我一直在使用yED。以下是一个示例登录流程。现在，为什么我使用yED？

它可以保存为graphml格式，以便我可以根据不同的方案使用Model-Based Testing 自动生成我的测试用例（如最短路径，随机，所有可能）路径等）。我使用graphwalker来解释graphml格式并自动生成测试。

Answer 2

就个人而言，我投票“铅笔和纸”。

也许你有类似DreamWeaver（它仍然被称为“DreamWeaver”）或FrontPage（现在称为“Expression Web”），也许他们有一些你可能觉得有用的“流/结构原型”工具。

以下是您可能会觉得有用的替代方案：

Mockingbird

您可能还想将Google用于“网站故事登机”

'希望有所帮助！

Answer 3

我只使用了一些，其中我推荐axure

Answer 4

行。另一种认为你可能想要谷歌的是“思维导图软件”。例如：

FreeMind