フローの図を探しています。当方WEBの素人ですが、ある事情で、サイトを

フローの図を探しています。当方WEBの素人ですが、ある事情で、サイトを作る予定があり、クリックすると、次の画面でどんな風になるか　などといった図をエクセルで書かなければなりません。そこで質問です

（１）こういった図を総称してなんと検索すれば　良いでしょうか？
（２）またそれら図が解説してある　もっともお薦めのサイトがあったら教えて下さい
（３）気をつける事　ルールはありますか？　例）リンクがある場合は　◇にするとか


こんなイメージに近いですが、他にありませんか？
http://img.allabout.co.jp/gm/article/1411/39.gif
http://www.infoteria.com/jp/image/asteria/produc …

No.1 回答者： Cupper 回答日時： 2010/05/04 08:47

質問文に示されたリンクを見ずに答えてみます。

「フローチャート」のことですか？
ちゃんと書き方のルールがありますから、それを覚えてください。
お奨めのサイトはありませんが、探せば『これでもかっ！』と言うくらい出てきますので
質問者さん自身で自分に合っていると思うサイトを参考にしてみてください。


Excelであれば、図形のオートシェイプに「フローチャート」がありますから、作成はコレを使うと便利でしょう。

No.2 回答者： edomin7777 回答日時： 2010/05/04 08:55

一つ目のリンクは＃１さんがおっしゃっているように「フローチャート」です。

検索すると、たくさん出てきます。

二つ目のリンクは「状態遷移図」とか「シーケンス図」というと思います。
「UML」「状態遷移図」で検索するとたくさん出てきます。
参考
http://q.hatena.ne.jp/1118146771

No.3 ベストアンサー 回答者： yukinori_111 回答日時： 2010/05/04 12:30

（１）

画面遷移図と呼びます
（２）
このページはどうでしょうか。Excelテンプレートをダンロードできます。
http://www.thinkit.co.jp/cert/project/4/5/3.htm
（３）
画面遷移図は特に決まったルールはありません。
よく書くやり方はすべての画面をまず四角で書きます。
次に、他の画面に移動するリンク、ボタンを画面の中に書きます。
最後にリンク、ボタンから移動先の画面に矢印をひきます。
(thinkitのページのようにリンク、ボタンを画面内にかかずに矢印にリンク名、ボタン名を書いて省略することでもいいです）

もし画面数がとっても多い場合は、1箇所にすべての画面遷移を記述するのは難しいのでいくつかに分割したりして記述します。
OKWaveのサイトを例にすると、
・トップページ
・カテゴリ一覧
・ありがとうポイント
・・・など

注意しないといけないのは、画面遷移図の中に画面デザインのことや、プログラムの処理内容など他の内容を書かないことです。
画面遷移図は画面遷移だけを記述してわかりやすく作成します。

ご提示のイメージ画像はどちらもプログラム処理を表す図ですのでちょっと用途が異なるのではと思います。