ヘッダー・フッターはサイトの骨格
ヘッダーとフッターはすべてのページに表示されるサイトの「骨格」です。ここが使いにくいと、サイト全体のユーザー体験が損なわれます。
ヘッダー設計の基本原則
ロゴの配置
ロゴは左上（または中央）に配置するのが一般的です。クリックするとトップページへ戻ることをユーザーは期待しています。
グローバルナビゲーション
- 項目数は5〜7個以内に絞る
- ユーザーがよく行くページを優先する
- 現在地（アクティブページ）を視覚的に示す
CTAの設置
「お問い合わせ」「無料登録」などのCTAボタンをヘッダー右端に設置することで、常に行動への導線を確保できます。
スティッキーヘッダー
スクロールしてもヘッダーを画面上部に固定することで、ナビゲーションにいつでもアクセスできます。ただし、モバイルでは画面を圧迫しないよう高さを抑えましょう。
フッター設計の基本原則
フッターに入れるべき情報
- 会社情報（運営者情報）・住所・電話番号
- プライバシーポリシー・利用規約へのリンク
- コピーライト表記
- サイトマップ的なリンク集
フッターCTA
フッターの直前にCTAエリアを設けると、ページ最後まで読んだユーザーへの最後の一押しになります。「まずは無料相談」などのバナーが効果的です。
モバイルでのヘッダー
スマホでは「ハンバーガーメニュー（三本線アイコン）」が一般的ですが、重要なリンクはヘッダーに直接表示する方が良い場合もあります。電話番号はタップで発信できるようにしましょう。
まとめ
ヘッダーとフッターはユーザーが「次にどこへ行くか」を決める場所です。シンプルさと使いやすさを最優先に設計しましょう。
