ウェブサイトの構造とフローを文書化するためのツールはありますか？

ウェブサイトのデザインとフローを「紙の上に」構成するプロセスを容易にするための「思考」または図形作成ツールを探しています。 MS Visioのようなものが一つの可能な答えですが、これは扱いにくいものです。ウェブサイトの構造とフローを文書化するためのツールはありますか？

おそらく2つの考慮事項があります。 1つは生の構造またはツリーです。もう一つはおそらく、サイトのさまざまな側面をナビゲートする流れを理解するステートマシン型定義のほうが多いでしょう。そのようなツールは存在しますか？紙と鉛筆？

EDIT to expand：モックアップの場合バルサミクを使用するか、DW CSxで何かを一緒に投げます。私は、あなたがサイトをどのように構造化するべきか、そしてそれがどのように行動すべきかを完全に伝えることを可能にする、より多くのドキュメンテーションと思考ツールを使用しています。例：
ボタンをクリックしてログインしていないとどうなりますか？特定のテキストエリアにマウスを合わせるとどうなりますか？登録する必要がありますか？など

このようなツールがないと、潜在的に何十ものファイルにコードが広がるため、その定義は隠されてしまいます。

出典

2012-02-03 martin' s

をお勧めします。私はyEDを使っています。以下は、ログインフローの例です。さて、私はなぜyEDを使うのですか？

私は（最短経路などの、ランダム、すべての可能なパスなど）さまざまなシナリオに基づいて私のテストケースを生成Model-Based Testingにautoを使用することができるようにそれはgraphml形式で保存することができます。私はgraphwalkerを使用してgraphmlフォーマットを解釈し、はを自動生成します。