ヒックの法則

英語名 Hick's Law
読み方 ヒックス ロー
難易度
所要時間 15〜30分(UI設計の見直し)
提唱者 ウィリアム・エドマンド・ヒック / レイ・ハイマン
目次

ひとことで言うと
#

選択肢が増えれば増えるほど、人が選ぶまでにかかる時間は長くなるというUXの基本法則。正式には「意思決定時間は選択肢の数の対数に比例する」。つまり、画面にボタンやリンクを詰め込むほど、ユーザーは迷って動けなくなる。

押さえておきたい用語
#

押さえておきたい用語
選択のパラドックス
選択肢が多すぎると選べなくなる、または選んだ後に後悔する現象。バリー・シュワルツが提唱。
プログレッシブディスクロージャー
一度にすべてを見せず、段階的に情報を開示する設計パターン。ヒックの法則を実践する主要な手法。
認知負荷
情報処理に必要な脳のワーキングメモリの消費量。選択肢が増えると認知負荷も増大する。
ジャムの実験
コロンビア大学の実験で、6種類のジャム売り場と24種類の売り場を比較。6種類の方が購入率が10倍高かった有名な研究。

ヒックの法則の全体像
#

選択肢の棚卸し→削減・グルーピング→段階的開示→効果検証の流れ
選択肢の棚卸し画面上の選択肢をすべて数えるリンク・ボタン・CTA・入力項目削減・整理不要を削除しカテゴリでまとめるメインアクションは3〜5個以内に段階的開示一度に見せる数を減らす階層構造・ウィザード形式効果検証A/Bテストで行動データを比較完了時間・CVR離脱率で判断選択肢が多いほど人は選べなくなる
ヒックの法則の適用フロー
1
選択肢を数える
画面上の全選択肢を棚卸し
2
削減・グルーピング
不要を削除、残りをカテゴリ化
3
段階的に開示
一度に見せる選択肢を減らす
4
A/Bテストで検証
完了時間・CVR・離脱率を比較

こんな悩みに効く
#

  • ナビゲーションのメニュー項目が多すぎて、ユーザーが目的のページにたどり着けない
  • 機能をたくさん追加したのに、コンバージョン率がむしろ下がった
  • フォームの入力項目が多く、途中離脱が多い

基本の使い方
#

ステップ1: 現状の選択肢を棚卸しする

対象の画面やページで、ユーザーに提示している選択肢の総数を数える。

  • ナビゲーションのリンク数
  • ボタンの数
  • フォームの選択項目数
  • CTAの数

ポイント: ユーザーの視点で「この画面で私は何を選べばいいのか?」と問いかけてみる。

ステップ2: 選択肢をグルーピング・削減する

不要な選択肢を減らし、残ったものをカテゴリでまとめる

  • 使用頻度が低い機能は非表示またはセカンダリに移動
  • 類似する選択肢はグループ化する(例:設定メニューを1つにまとめる)
  • ユーザーの主目的に直結するものだけをプライマリに残す

目安: 1画面のメインアクションは3〜5個以内に収める。

ステップ3: 段階的に情報を開示する

一度にすべてを見せるのではなく、段階的に選択肢を提示する

  • 大カテゴリ → 中カテゴリ → 詳細の階層構造にする
  • ウィザード形式で「1画面1選択」にする
  • プログレッシブディスクロージャーと組み合わせる

ポイント: 選択肢の「総数」を減らせなくても、「一度に見せる数」を減らすだけで効果がある。

ステップ4: A/Bテストで効果を検証する

変更前と変更後でユーザーの行動データを比較する

  • タスク完了時間は短くなったか?
  • コンバージョン率は改善したか?
  • 離脱率は下がったか?

数字で改善を確認し、さらに絞れるかどうかを次の改善サイクルに回す。

具体例
#

例1:ECサイトのPMがトップページの選択肢を整理して直帰率を31%改善する

Before: トップページにカテゴリリンクが28個、バナーが6枚、CTAボタンが4つ並んでいた。ユーザーは「どこを見ればいいかわからない」と離脱率が68%。

After: カテゴリを6つの大カテゴリに統合し、ホバーでサブカテゴリを表示する形に変更。バナーは自動スライドの1枚に、CTAは「新着を見る」1つに絞った。

直帰率が68%から47%に改善。商品詳細ページへの遷移率が1.8倍に増加。選択肢を減らしたことで、ユーザーが迷わず次の行動に移れるようになった。

例2:SaaSの料金ページで5プランを3プランに絞り申込率を向上させる

Before: 5つの料金プラン(Free, Starter, Basic, Pro, Enterprise)が横並び。各プランの違いが14項目の比較表で表示。ユーザーの平均滞在時間は4分だが、申込率は2.3%。

After: 3つに整理(Free, Standard, Enterprise)。比較項目を6つに絞り、最も人気のStandardを「おすすめ」として視覚的に強調。

料金ページの平均滞在時間が4分から1.8分に短縮。申込率は2.3%から4.1%に向上。ユーザーが「選びやすくなった」と回答する割合が78%に。

例3:モバイルアプリのナビゲーションを7項目から4項目に絞り操作効率を改善する

Before: ボトムナビゲーションに7項目(ホーム、検索、お気に入り、カート、通知、マイページ、設定)。モバイルでは横幅が足りず「その他」に3項目を格納。

After: ボトムナビを4項目(ホーム、検索、カート、マイページ)に絞る。お気に入りはマイページ内に、通知はホーム画面のベルアイコンに、設定はマイページ内に統合。

目的ページへの到達時間が平均3.2秒から1.8秒に短縮。「その他」メニューの利用率データを分析すると、移動した3機能の利用率は変わらず、ナビの満足度だけが向上した。

やりがちな失敗パターン
#

  1. 選択肢を減らしすぎる — 極端に絞りすぎると「やりたいことができない」とユーザーが不満を感じる。頻度の高い操作は残し、低頻度の操作を隠すバランスが大事
  2. 見た目だけ隠してアーキテクチャは変えない — ハンバーガーメニューに全部押し込むだけでは、開いた瞬間に大量の選択肢が出てきて同じ問題が起きる。情報設計自体を見直すこと
  3. すべてのページに同じ基準を当てはめる — ダッシュボードと設定画面では最適な選択肢の数は違う。ユーザーの目的とコンテキストに応じて調整する
  4. データなしで「多すぎる」と判断する — 感覚だけで選択肢を減らすと、実は重要な機能を隠してしまうことがある。行動データで利用頻度を確認してから削減を判断する

まとめ
#

ヒックの法則は「選択肢が多いほど、人は選べなくなる」というシンプルだが強力な原則。UIデザインでは、一度に見せる選択肢を減らし、段階的に開示することで、ユーザーの意思決定をスムーズにできる。「これも入れたい、あれも入れたい」を抑えて、ユーザーを迷わせない設計を心がけよう。