最初に設計するのはサイトマップです。フォルダをツリー構造で設計します。この作業はサーバーのディレクトリ設計に類似しています。
分かりやすく説明するとパソコンのフォルダの管理をいかに効率的に出来るのかに似ています。
ホームページの目次とも言うべきもので、ユーザが最初に訪れた時にホームページの構成を見渡すことが出きるようにします。
また、サイトマップを最初に設計するということはホームページの全体の設計図にもなります。
サイトマップ例
フォルダの親子関係を明確にし、リンクの状況を一目瞭然にできるように、階層構造を図で示します。サンプルを以下に示します。
IT系の例(2階層構造)
\トップページ
|
|−\IT導入コンサルティングサービス
| |
| |−□スタンダードサービス
| |−□プレミアムサービス
|
|−\ホームページ作成サービス
| |
| |−□ホームページ作成の流れ
| |−□ホームページ作成発注フォーム
| |−□価格表
|
|−\SEOサービス
| |
| |−□SEOによるマーケティング効果
| |−□SEOアップサービス概要
| |−□Q&A
|
|−\会社概要/特定商取引法に基づく表示
|
|−\お問い合わせ
アパレル系の例(3階層構造)
\トップページ
|
|−\レディース
| |
| |−¥ティーンズ
| | |
| | |−□カジュアル
| | |−□スーパーカジュアル
| |
| |−\ヤング
| | |
| | |−□カジュアル
| | |−□トラッド
| | |
| |−\ヤングミセス
| | |
| | |−□フォーマル
| | |−□カジュアル
| | |
|−\メンズ
| |
| |−¥ボーイズ
| | |
| | |−□カジュアル
|
| (以下略)
|
|−\特定商取引法に基づく表示
|
|−\お問い合わせ
サイトマップ→ページ設計へ