ヒックの法則とUIの関係のメモ
ユーザーがメニューから項目を選ぶ、設定画面でオプションを選択する、ECサイトで商品を比較して購入を決める。UIを使うということは、「複数の選択肢の中から一つを選ぶ」という意思決定の連続です。
人間が「選ぶ」という行為にかかる時間には、1952年にイギリスの心理学者ウィリアム・ヒックが提唱した「ヒックの法則」と呼ばれる理論があります。今回は、ヒックの法則について、その理論的背景からUIデザインへの具体的な応用までを整理してみます。
前回の記事ではフィッツの法則を取り上げ、「選んだものにどう到達するか」という運動時間の側面からUIの使いやすさを整理しました。
ヒックの法則はその前段階、つまり「何を選ぶか」という意思決定にかかる時間を扱います。運動ではなく認知の側面から、UIにおける選択肢の設計を考えるための知識として位置づけられます。
この記事のターゲット
UIデザインの判断に認知科学的な根拠を持ちたい方
ナビゲーションやメニューの項目数・構造に迷うことがある方
ヒックの法則の名前は知っているが、具体的な内容を整理したい方
ヒックの法則とは何か
ヒックの法則は、ウィリアム・ヒックが1952年に発表した、人間の意思決定に関する予測モデルです。
ヒックは情報理論の創始者クロード・シャノンの研究に触発され、「人間が選択肢の中から一つを選ぶとき、その反応時間は選択肢の数の対数に比例する」ことを実験的に示しました。翌年の1953年には、アメリカの心理学者レイ・ハイマンが追試と拡張を行い、この法則をさらに精緻化したとされています。そのため、ヒック＝ハイマンの法則とも呼ばれるようです。
ヒックの法則を端的に言えば、「意思決定にかかる時間は、選択肢の数が増えるほど対数的に長くなる」という法則です。
これは数式で表すと以下のようになります。
RT = a + b × log₂(n + 1)
各変数の意味は以下の通りです。
RT：刺激が提示されてから反応するまでの時間（意思決定時間）
n：等確率で出現する選択肢の数
a：刺激の認知や運動応答にかかる基礎時間（定数）
b：認知処理にかかる時間の増分係数（定数）
数式の中の「+1」は、「選択しない（反応しない）」という選択肢を含めたものになっています。フィッツの法則と同様に対数関数であるため、選択肢が2倍になっても意思決定時間は2倍にはなりません。例えば、選択肢が2個から4個に増えた場合と、16個から32個に増えた場合では、後者のほうが意思決定時間の増加量は小さくなります。
ここで重要なのは、選択肢の数そのものではなく、選択肢がもたらす情報量が意思決定時間を規定しているという点です。情報理論における情報量はlog₂で計算されるため、ヒックの法則は本質的に「人間が処理すべき情報量と反応時間の線形関係」を述べていると考えられます。
つまり、選択肢を適切にカテゴリ分けして一度に処理すべき情報量を減らせば、選択肢の総数が変わらなくても意思決定時間を短縮できるという考え方です。
UIデザインへの応用
ヒックの法則を実務で特に関連のある応用例をいくつか調べてみました。
ナビゲーションメニューの構造化
ヒックの法則から直接導かれる最も基本的な示唆は、「ユーザーに一度に提示する選択肢の数を適切に管理すべき」ということです。
グローバルナビゲーションの項目数が増えると、ユーザーが目的の項目を見つけて選択するまでの時間が長くなります。ただし、単に項目数を減らせばよいわけではありません。重要なのは、関連する項目をカテゴリごとにグループ化し、段階的に選択させる構造にすることです。
例えば、ECサイトで50種類の商品カテゴリがあるとします。これを1つのメニューにすべて並べた場合、ユーザーは50個の選択肢から目的のカテゴリを探す必要があります。一方、「ファッション」「家電」「食品」「書籍」「スポーツ」の5つの大カテゴリに分け、選択後に各カテゴリ内の10個のサブカテゴリを表示する構造にすれば、最初の選択は5個、次の選択は10個から選ぶだけで済みます。ヒックの法則に従えば、5+10の二段階選択のほうが、50個からの一段階選択よりも合計の意思決定時間が短くなることが予測されます。
段階的開示
ヒックの法則の応用として特に重要なのが、段階的開示というデザインパターンです。これは、すべての情報や操作をいきなり表示するのではなく、ユーザーの進行に合わせて段階的に開示していく手法です。
この手法は、複雑なアプリケーションのUI設計で広く使われています。例えば、Notionのデータベース機能では、最初はシンプルなテーブル表示だけが見え、フィルタリング、ソート、グルーピングなどの高度な機能は専用のメニューを開いたときに初めて表示されます。初期状態で見えている選択肢を最小限にすることで、機能の豊富さと認知負荷の低さを両立しています。
オンボーディングフロー（初期設定画面）も、段階的開示の典型例です。アカウント作成時に名前、メールアドレス、パスワード、プロフィール画像、通知設定、プラン選択をすべて1画面で求めるのではなく、ステップごとに一つずつ入力させるウィザード形式のUIが増えています。1ステップあたりの選択肢や入力項目を少なくすることで、ユーザーの認知負荷を軽減し、離脱率を下げる効果が期待できます。
フォーム設計と推奨オプション
フォーム入力でよくある問題として、ドロップダウンメニューなどの選択肢が多い場合、ユーザーは全項目を視覚的にスキャンして比較検討する必要があり、意思決定時間が増加しやすいことがあります。
この問題に対するアプローチの一つが、「推奨オプション」の提示です。例えば、ドロップダウンメニューの中で「よく使う項目」や「最後に選択した項目」など、その選択肢の中でラベリングをすることで比較対象を減らす効果があります。
似たものとして、SaaSなどの料金プラン選択画面で「おすすめ」「Most Popular」というラベルが付けられたプランをよく見かけますが、これはヒックの法則の観点からも合理的と言えそうです。推奨を明示することで、ユーザーが比較検討すべき選択肢の実質的な数を減らし、意思決定を加速させています。
また、デフォルト値の設定もヒックの法則で説明できそうです。適切なデフォルト値が設定されていれば、ユーザーは「このまま進む」か「変更する」かという2択に近い判断で済みます。選択肢が10個あっても、デフォルト値が妥当であれば、実質的な意思決定の負荷は大幅に軽減されます。
ECサイト・SaaSにおける選択肢の設計
ECサイトやSaaSプロダクトでは、選択肢の数と質が直接的にコンバージョン率に影響します。
この文脈でしばしば引き合いに出される、コロンビア大学のシーナ・アイエンガー教授が行った「ジャム実験」という事例があります。スーパーマーケットで24種類のジャムを試食に並べた場合と、6種類に絞った場合を比較したところ、試食に立ち寄った人の割合は24種類のほうが多かった（60% vs 40%）のに対し、実際に購入に至った人の割合は6種類のほうが圧倒的に高かった（30% vs 3%）という結果がよく引用されています。
ただし、このジャム実験についてはさまざまな変数が関わるため、単純にその数を参考にするべきではなさそうです。スーパーマーケットという環境で、どの時間帯か、どのような客層か、どのような価格帯かで手に取りやすい状況は変化するということです。なので、どんな状況下においてもこの割合が再現することを保証しているわけではないので、文脈に応じて適切な選択肢の数は変わりうることに留意する必要がありそうです。
一方で、Amazonのような巨大ECサイトは膨大な商品数を扱いながらも機能しています。これは、フィルタリング機能、レコメンデーション、カテゴリ構造などによって、ユーザーが一度に比較検討する選択肢の数を実質的に絞り込んでいるためです。選択肢の「総数」を減らすのではなく、一度に「認知できる」選択肢の数を管理するというアプローチが重要と言えそうです。
ヒックの法則の限界と注意点
ヒックの法則は強力な設計指針ですが、いくつかの限界があります。
まず、ヒックの法則は選択肢が「等確率」で出現し、ユーザーがすべての選択肢に対して同程度に不慣れであるという前提に基づいています。
しかし、実際のUIでは、ユーザーが頻繁に使うメニュー項目には慣れが生じ、選択肢の数に関係なく素早く選択できるようになります。例えば、テキストエディタの「ファイル」メニューに20個の項目があっても、「保存」の位置を覚えているユーザーは一瞬で選択できます。こうした「熟達した操作」に対しては、ヒックの法則の予測精度が低下します。
次に、ヒックの法則は選択肢の「数」だけを扱い、選択肢の「質」や「提示方法」については言及していません。同じ10個のメニュー項目であっても、論理的にカテゴリ分けされて視覚的な階層を持つ場合と、ランダムに並んでいる場合とでは、意思決定時間に大きな差が出ます。ゲシュタルト原則に基づく視覚的グルーピングや、適切なラベリングによって、選択肢の数はそのままでも体感的な選びやすさは大きく変わります。
さらに、ヒックの法則はあくまで「意思決定時間」を予測するモデルであり、選択した後の「運動時間」は含まれていません。
ユーザーが操作を完了するまでの時間には、「どれを選ぶか」の判断時間（ヒックの法則）と、「選んだものに到達する」運動時間（フィッツの法則）の両方が含まれます。メニュー設計では、項目数を減らして判断時間を短くしても、残った項目のターゲットサイズが小さければ到達に時間がかかります。実際のインタラクション設計では、両方の法則を総合的に考慮する必要があります。
他の法則との関係
ヒックの法則は、UIデザインに関連する他の認知科学的な法則や原則と組み合わせて理解すると、より実践的に活用できそうです。
前回の記事で取り上げたフィッツの法則は、ヒックの法則と相補的な関係にあります。ヒックの法則が「何を選ぶか」の判断時間を扱い、フィッツの法則が「選んだものにどう到達するか」の運動時間を扱います。
ユーザーがメニュー項目をクリックするまでの総所要時間は、ヒックの法則による判断時間とフィッツの法則による運動時間の合計として捉えることができます。メニュー設計においては、項目数を絞って判断時間を短くし（ヒックの法則）、残った項目のターゲットサイズを大きくして到達時間を短くする（フィッツの法則）、という両面からのアプローチが有効です。
また、ミラーの法則との関連も重要です。認知心理学者ジョージ・ミラーは1956年に、人間の短期記憶が一度に保持できる情報の塊（チャンク）は「7±2」個であることを示しました。巷ではマジカルナンバーとも呼ばれています。
ナビゲーションの項目数やカテゴリ数を7個前後に収めるという実務上の目安は、ミラーの法則に基づくものとされています。ヒックの法則が「選択にかかる時間」を予測するのに対し、ミラーの法則は「一度に処理できる情報量の上限」を規定します。どちらも、一度に提示する選択肢を適切な範囲に収めるべきだという同じ方向の設計指針を示しています。
他には、先述のジャム実験の「選択の逆説」は、ヒックの法則の延長線上にある現象として考えることもできそうです。
ヒックの法則は選択肢の増加が判断時間の増加をもたらすことを予測しますが、選択の逆説はその先にある現象、すなわち選択肢が多すぎると意思決定そのものを放棄してしまうという一つの結果として整理できるということです。デザイナーとしては、ヒックの法則による「遅延」の段階で適切に介入し、選択の逆説による「放棄」に至らない設計を目指す必要があります。
まとめ
一度に提示する選択肢の数を管理すること、カテゴリ構造で情報量を分割すること、段階的開示で認知負荷を分散させること。これらは、法則を意識していなくても経験的に「使いやすいUI」に辿り着く中で自然と実践されてきたことかもしれません。
しかし、法則として明示的に理解していることには、2つの意味があると思います。
1つは、「選択肢を減らす」という行為に理論的な裏付けを与えられることです。
プロダクト開発の現場では、ステークホルダーから「この機能もメニューに入れてほしい」「このオプションも選べるようにしてほしい」という要望が寄せられることがあります。そうした場面で、「選択肢が増えるとユーザーの意思決定時間が増加し、場合によっては意思決定そのものが放棄される」という説明ができるかどうか。ヒックの法則は、デザイン判断をビジネスの言語で説明するための共通指針になり得ます。
もう1つは、フィッツの法則と同様に、AIが生成したUIを評価する際の判断基準になることです。AIが出力した画面に対して「この画面の選択肢の数はヒックの法則から見て適切か」「段階的開示を適用すべき箇所はないか」と問えるかどうか。選択肢の設計に関する原理的な理解があってこそ、生成されたUIの妥当性を評価できます。
前回のフィッツの法則がUIの「操作のしやすさ」を扱う法則であったのに対して、ヒックの法則はUIの「選びやすさ」を扱う法則と言えるかもしれません。
この2つの法則は、ユーザーがUIを操作する際の「判断する → 到達する」という一連の行為の両面をカバーしています。認知科学に基づくUIデザインの知識体系の中で、相互に補完し合う重要な知見と言えると思います。
