ユーザーが迷わないサイト設計の基本

ユーザーが迷わないサイト設計

Webサイトを制作していると、「ユーザーが目的のページにたどり着けない」という相談を受けることがあります。せっかく良いコンテンツを用意しても、ユーザーが迷子になってしまっては意味がありません。今日は、ユーザビリティの基本である「サイト構造の設計」について、ポイントを少しお話しします。

3クリックルールの真実

「どのページも3クリック以内でたどり着けるようにすべき」という3クリックルール、聞いたことがある方もいらっしゃるでしょう。でも実は、この数字自体にはあまり根拠がありません。重要なのはクリック数ではなく、「ユーザーが迷わず進めているか」なんです。
5クリックかかっても、各ステップで「次に何をすればいいか」が明確なら、ユーザーは快適に目的地へたどり着けます。逆に2クリックでも、どこをクリックすべきか迷ってしまうと、ユーザーは離脱してしまいます。

迷わせないサイト設計の3つのコツ

1. グローバルナビゲーションは7項目以内に

人間が一度に認識できる情報量には限界があります。メインメニューに10個も20個も項目があると、ユーザーは探すだけで疲れてしまいます。理想は5〜7項目程度。それ以上になる場合は、カテゴリーを整理するか、優先度の低い項目はフッターに配置しましょう。

2. パンくずリストは必須

「今どこにいるのか」をユーザーに示すパンくずリストは、特に情報量の多いサイトでは必須です。ユーザーは迷ったとき、パンくずリストを使って上の階層に戻り、別のルートを探します。実際にパンくずリスト経由の回遊率は通常のリンクより高い傾向もありました。

3. 検索窓は目立つ場所に

「探すより検索したい」というユーザーは意外と多いものです。特にBtoBサイトや商品数の多いECサイトでは、検索窓をヘッダーの右上など、目立つ位置に配置するなど工夫も検討しましょう。虫眼鏡アイコンだけでなく、「検索」というテキストも添えると認識されやすくなります。

実際のユーザー行動から学ぶ

Googleアナリティクスの「行動フロー」を見ると、ユーザーがどのように遷移しているかが分かります。多くのユーザーが同じページで離脱している場合、そこに問題がある可能性が高いです。
以前の事例では、商品一覧から詳細ページへの遷移率が極端に低いケースがありました。原因を調べると、商品画像をクリックしてもリンクになっておらず、テキストリンクだけが有効だったのです。画像全体をリンク化したところ、遷移率が改善したこともあります。

モバイルファーストで考える

最近ではスマートフォンからのアクセスが7割を超えるサイトも珍しくありません。小さな画面では、PCで問題なかった導線がまったく機能しないこともあります。
注意したいことのひとつに、スマホでのタップ領域があります。指で操作することを考えると、ある程度の大きさ（44px以上推奨）が必要です。隣接するリンクとの間隔も十分に取りましょう。

まとめ

ユーザーが迷わないサイト設計のポイントは、クリック数よりも「各ステップでの明確さ」です。メニュー項目の整理、パンくずリストの設置、検索窓の配置といった基本などを押さえつつ、実際のユーザー行動データを見ながら改善を続けることが大切です。
あなたのサイトでは、ユーザーは迷わず目的のページにたどり着けているでしょうか。一度、Googleアナリティクスを確認してみることをおすすめします。

FLOT ウェブサイト実績はこちら

Sales promotion Adviser S.Izuta