UXの心理学|使いやすさを生む9つの法則
UXの心理学|使いやすさを生む9つの法則
使いやすさとは、同じ機能を持つアプリでも「なぜか使いやすいもの」と「なんとなく使いにくいもの」が分かれる理由を、心理法則で説明する考え方である。人事・組織開発の現場でも、社内ツールへの不満をそのまま受け取るのではなく、フィッツの法則やヒックの法則のような言葉に置き換えるだけで、
使いやすさとは、同じ機能を持つアプリでも「なぜか使いやすいもの」と「なんとなく使いにくいもの」が分かれる理由を、心理法則で説明する考え方である。
人事・組織開発の現場でも、社内ツールへの不満をそのまま受け取るのではなく、フィッツの法則やヒックの法則のような言葉に置き換えるだけで、改善提案の筋道が驚くほど明確になりました。
本記事では、1954年のポール・フィッツと1952年のウィリアム・E・ヒックに始まる操作性の法則、1956年のジョージ・ミラーが示した記憶の限界、1980年代のジョン・スウェラーによる認知負荷理論までをつないで、使いやすさを9つの心理法則に分解します。
さらに、美的ユーザビリティ効果、フォン・レストルフ効果、ヤコブの法則、ドハティのしきい値400ms、テスラーの法則までを押さえることで、見た目・反応速度・複雑さの扱い方がなぜ体験を左右するのかが見えてきます。
漠然とした「使いにくい」を、再現性のある知識へ変えることができれば、画面設計だけでなく資料やスライドの伝わり方まで改善できます。
読後には、日常で感じていた違和感を、次の改善につなげる言葉として持ち帰れるはずです。
「使いやすさ」は感覚ではなく心理学で説明できる
UX(ユーザー体験)は、UI(操作画面や見た目)を含むもっと広い概念で、触ったときの満足感や印象まで含みます。
つまり、色や配置を整えるだけでは使いやすさは生まれません。
人が迷わず動けるか、覚えやすいか、心地よく使えるかまでをまとめて設計する必要があります。
この使いやすさは、感覚論ではなく人間の認知特性に支えられています。
記憶の限界、注意の向きやすさ、反応の速さといった制約があるからこそ、国や文化を超えて通用する法則として整理できるのです。
しかも本記事で扱う9つの法則は、互いに競合するものではなく、操作・記憶・印象・期待という別々の局面を支える地図として読めます。
UXとUIは何が違うのか
UXは「使った結果としてどう感じるか」まで含む広い概念で、UIはその中にある画面設計や操作部品を指します。
ボタンを見やすくしただけでは、迷いなく進める体験までは保証できません。
たとえば、見た目が洗練されていても、目的の情報が探しにくければ、触った瞬間の印象は悪くなります。
逆に、UIが少し素朴でも、流れが自然で負担が少なければ、UXは高くなり得るのです。
ここを最初に分けておくと、「見た目の良さ」と「使いやすさ」を混同せずに考えられます。
なぜ心理学が『使いやすさ』を決めるのか
使いやすさは、人の頭と体の限界に沿って決まります。
短期記憶には保持できる量の上限があり、注意は同時に多くへは向きませんし、反応にも時間差があります。
だから、画面のどこを見ればいいか分からないという声は、単なる不慣れではなく、注意が分散した状態として読み解けます。
組織開発の研修設計で参加者の迷いを聞いたときも、その違和感を心理の問題として捉え直すと、改善点ははっきりしました。
新しいアプリで理由の言語化できない「気持ち悪さ」が残る経験も、認知の負荷や期待のずれとして説明するとすっきりします。
この記事で扱う9つの法則の地図
ここから扱う9つの法則は、操作を速くするもの、記憶の負担を減らすもの、印象を整えるもの、期待を裏切らないものに分かれます。
操作に効くのがフィッツの法則とヒックの法則、記憶に効くのがミラーの法則と認知負荷理論、印象に効くのが美的ユーザビリティ効果、フォン・レストルフ効果、ゲシュタルトの法則、期待と反応速度に効くのがヤコブの法則とドハティのしきい値です。
さらにテスラーの法則は、複雑さを消すのではなく、どこで引き受けるかを考えさせます。
資料作成やスライドの整理にも応用しやすいので、デザインの話に閉じないのも特徴でしょう。
| 分類 | 法則 | 主に効く領域 | 要点 |
|---|---|---|---|
| 操作 | フィッツの法則 | 操作 | 近くて大きい対象ほど速く到達できる |
| 操作 | ヒックの法則 | 選択 | 選択肢が増えるほど決定は遅くなる |
| 記憶 | ミラーの法則 | 記憶 | 情報は塊にすると扱いやすい |
| 記憶 | 認知負荷理論 | 記憶 | ワーキングメモリの限界を前提にする |
| 印象 | 美的ユーザビリティ効果 | 印象 | 美しいと多少の不便が許されやすい |
| 印象 | フォン・レストルフ効果 | 記憶・印象 | 目立つものは残りやすい |
| 印象 | ゲシュタルトの法則 | 知覚 | まとまりとして見えやすくなる |
| 期待 | ヤコブの法則 | 期待 | 慣れた操作を前提に期待が働く |
| 期待 | ドハティのしきい値 | 反応 | 素早い応答は没入感を支える |
| 全体 | テスラーの法則 | 設計全般 | 複雑性は消せないため配分が問われる |
ただし、これらは絶対の正解ではありません。
提唱者がいて、経験から整理された出発点です。
法則をそのまま暗記するのではなく、どの場面で、誰の認知を助けたいのかを考えながら使ってみてください。
後半では、その考え方を実際のUIや資料設計にどう落とし込むかを見ていきましょう。
操作のしやすさを決める法則
| 項目 | 内容 |
|---|---|
| 名称 | 操作のしやすさを決める法則 |
| 焦点 | 身体の動きと意思決定にかかる時間 |
| 主要な法則 | フィッツの法則、ヒックの法則 |
| 提唱者・年 | ポール・フィッツ(1954年)、ウィリアム・E・ヒック(1952年) |
操作のしやすさは、見た目の好みだけでは決まりません。
人がボタンに指を伸ばす速さと、選択肢から1つを決める速さの両方が絡み、そこにフィッツの法則とヒックの法則がはっきり表れます。
前者は「大きく近いほど押しやすい」という身体の動きの法則で、後者は「選択肢が増えるほど迷う」という意思決定の法則です。
フィッツの法則:大きく近いほど押しやすい
フィッツの法則は、心理学者ポール・フィッツが1954年に提唱したもので、目標が大きく、しかも近いほど到達時間が短くなると説明します。
つまり、指を動かす距離が短く、押し間違えにくい面積が広いほど、操作は速くなります。
スマホの主要ボタンを画面下部の親指が届く範囲に大きく置く設計は、この考え方をそのままUIに落とした例です。
筆者もスマホで電車のチケットを買おうとして、購入ボタンが小さく画面上部にあり、何度も押し損ねて苛立ったことがあります。
あの違和感は偶然ではなく、指を長く伸ばさせるうえに、狙う領域まで小さいという二重の負担があるからです。
たった1回の操作でも、こうした摩擦が積み重なると使う気持ちが削られていきます。
ヒックの法則:選択肢が多いほど迷う
ヒックの法則は、心理学者ウィリアム・E・ヒックが1952年に示し、翌年レイ・ハイマンが拡張したもので、選択肢が増えるほど意思決定の時間が対数的に長くなると説明します。
ここで効いているのは、手を動かす速さではなく、頭の中で候補を比較して絞り込む速さです。
選択肢が少し増えるだけでも、比較すべき分岐が増え、決定は静かに重くなります。
家電量販店のポイントアプリで、トップに機能が20個以上並び、結局使わなくなった経験があります。
最初は便利そうに見えても、どれを押せばいいのか毎回考えさせられると、アプリを開くこと自体が面倒になるのです。
トップページのメニューを欲張って増やすと、かえって何も選ばれなくなるのは、この法則どおりだと言えるでしょう。
メニューを絞ると速く決められる理由
フィッツの法則は「体を動かす速さ」、ヒックの法則は「頭で決める速さ」に効きます。
両方を意識しないと、ボタンは大きいのに項目が多すぎる画面になったり、選びやすいのに遠くて押しづらい画面になったりします。
操作の流れを滑らかにするには、押す負担と考える負担を分けて扱う必要があります。
小さく密集した閉じるボタンはフィッツの法則に反し、初見で項目が多すぎる設定画面はヒックの法則に反します。
似ているようで、問題の場所はまったく違うのです。
前者は指が届くかどうか、後者は頭が迷わないかどうか。
ここを分けて考えると、メニューを絞る意味が見えますし、画面の中で本当に残すべき要素も自然に浮かび上がってきます。
記憶の限界に配慮する法則
ミラーの法則は、ジョージ・ミラーが1956年の論文『マジカルナンバー7±2』で示した、短期記憶の扱いやすさに関する有名な指標です。
人が一度に保持できる情報の塊は約7±2個とされ、電話番号やクレジットカード番号を区切って表示する工夫は、この限界に合わせたものです。
ここで大切なのは、単純に「7個まで」と数を縛る話ではないことです。
ミラーの法則:人は一度に7個前後しか覚えられない
『ナビゲーションは7個まで』という言い方は、ミラーの法則の誤用として扱うのが適切です。
見出しやメニューの数を機械的に減らすより、意味のあるまとまりに分けて、頭の中で扱う負担を下げるほうが本質に近いからです。
実際、研修資料を1枚に詰め込みすぎたときは受講者の反応が止まり、要素を3つの塊に分け直しただけで、視線の動きも理解の速さも変わりました。
数を減らすのではなく、チャンク化で読みやすさを作る発想です。
『7±2』の正しい使い方=チャンク化
チャンク化は、ばらばらの情報を意味のある単位にまとめ直すことです。
電話番号をハイフンで区切る、クレジットカード番号を4桁ごとに並べる、といった表示は、数字そのものを減らしているのではなく、記憶しやすい塊に変えているわけです。
研修で3つの塊に分け直したのも同じ理屈で、受講者は全体像を追いやすくなりました。
『マジカルナンバー』の正しい理解は、上限値を守ることではなく、情報を意味で束ねることにあります。
認知負荷:内在的負荷と外在的負荷を分けて考える
認知負荷理論は、ジョン・スウェラーが1980年代後半に提唱した考え方で、ワーキングメモリの限界を前提にしています。
負荷には、課題そのものが持つ難しさである内在的負荷と、無駄な装飾や複雑さが生む外在的負荷があり、この2つを分けると改善点が見えやすくなります。
オンライン申込フォームで入力欄が20個も並び、心が折れて離脱した経験は、外在的負荷の典型でした。
外在的負荷を減らす工夫は、日常の設計で効きます。
不要な装飾を削る、専門用語には言い換えを添える、1画面で求める判断を1つに絞るだけでも、理解の速度は上がります。
逆に、課題自体が難しい場合は、情報を分けて順に見せるほうが合っています。
ここを取り違えると、説明が長いのではなく、負担の置き場所が悪いだけなのに、全部を盛り込みたくなってしまうのです。
見た目と並べ方が印象を変える法則
美的ユーザビリティ効果は、見た目の整いが操作感の評価まで押し上げる現象で、多少の使いにくさがあっても「使いやすい」と受け取られやすくなります。
第一印象が後の判断を引っぱるため、配色、余白、文字のそろい方が整っているだけで、信頼の入口はずいぶん広がるのです。
社内ポータルを改修した際、機能は変えずに配色と余白だけ整えたところ「使いやすくなった」と言われたことがあり、見た目が評価を先回りする力を実感しました。
美的ユーザビリティ効果:きれいだと許される
この効果は、内容が同じでも見た目が美しいほうが、利用者にとって摩擦の少ない体験として受け止められる点にあります。
要するに、整ったデザインは「細部まで配慮されている」という印象を生み、操作の迷いがあっても全体の評価を下げにくいのです。
ログイン画面、管理画面、社内ポータルのように最初に接触する面ほど、この差は効いてきます。
フォームの余白が揃い、ボタンの角丸や色数が整理されているだけでも、画面全体が落ち着いて見えるでしょう。
フォン・レストルフ効果:目立たせたい1つを際立たせる
フォン・レストルフ効果(孤立効果)は、医師ヘドウィグ・フォン・レストルフが1933年に提唱したもので、並んだ要素の中で1つだけ違うものは記憶に残りやすいという法則です。
プレゼン資料で結論だけ1色強調したら視線が一気にそこへ集まった経験があるなら、まさにこの働きです。
UIでも、最も押してほしいボタンだけ色を変えれば、選択の中心が自然に定まり、ユーザーは迷いにくくなります。
全体を派手にする必要はなく、差異を1点に絞るほど効果は生きます。
ゲシュタルトの近接・類同:余白とまとまりで伝える
ゲシュタルトの法則は、ウェルトハイマー、コフカ、ケーラーらが1920年代に体系化したもので、近接は「近いものは仲間に見える」、類同は「似たものは仲間に見える」という知覚の傾向を指します。
つまり、人は要素を1つずつ読む前に、配置のまとまりから意味をつかむのです。
メニュー項目を適切な余白で区切れば群れが見え、同じ色や形でそろえれば関連項目として理解されやすくなります。
逆に詰め込みすぎると、内容が正しくても散らかって見えてしまう。
情報設計では、余白そのものが伝達手段になるわけです。
3つを重ねると、見た目で信頼を得て、ゲシュタルトでまとまりを作り、フォン・レストルフで重要な1点を際立たせる流れになります。
美しさだけでは埋もれ、目立たせるだけでは騒がしくなるため、信頼・整理・強調を役割分担させるのが実際のデザインです。
色、間隔、強調の置き方を分けて考えると、画面は静かに伝わるようになるでしょう。
期待と慣れに沿う法則
ヤコブの法則は、ユーザーが他の多くのサイトで慣れ親しんだ動きを、そのサイトでも当然のように期待するという考え方です。
たとえばカートのアイコンが右上にある、ログイン導線が目立つ位置にある、といった「お約束」を外さないだけで、学習コストはぐっと下がります。
筆者が社内ツールでログインボタンを普段と違う位置に置いたとき、ベテラン社員ほど迷っていた場面を見て、この法則は机上の理屈ではないと実感しました。
ヤコブの法則:人は『いつもの動き』を期待する
ヤコブの法則はヤコブ・ニールセン(Nielsen Norman Group)が提唱したもので、UIは「初見の驚き」より「見慣れた手順」に寄せたほうが使いやすくなる、という発想を支えています。
人は新しい画面に触れるたびにゼロから学び直したいわけではなく、過去に何度も使った他のサイトの記憶をもとに操作します。
だからこそ、配置や挙動を独自にひねりすぎると、意図した個性より先に迷いが立ち上がるのです。
社内ツールでログインボタンを中央寄りに動かしたとき、操作に慣れている人ほど視線が止まりました。
これは単なる不注意ではなく、「ここにあるはず」という予測が外れた結果です。
お約束を守る設計は地味に見えて、実は探索の負担を減らし、すぐ次の行動へ進ませる力があります。
メンタルモデルに逆らわないデザイン
メンタルモデルとは、人が頭の中に持っている「こう動くはず」という予想です。
ボタンは押せる形をしている、フォームは上から下へ入力する、完了後は次の画面に進む。
こうした予想があるから、私たちは説明を細かく読まなくても操作できます。
ところが独自性を狙って配置を変えると、その予想に小さなずれが生まれ、使い手は一瞬ずつ考え直さなければなりません。
この「一瞬」が積み重なると、体験全体は重くなります。
見た目の新しさはあっても、行動の予測可能性が失われれば、結局は使いにくい画面になるからです。
メンタルモデルに沿う設計は、派手さを削る代わりに理解の速さを守る方法だと言えるでしょう。
ドハティのしきい値:0.4秒と体感の待ち時間
ドハティのしきい値は、システムの応答が約400ミリ秒(0.4秒)以内だと、人が作業の流れを途切れさせにくいという考え方です。
0.4秒という数字は短く見えますが、体感では境目になります。
ここを超えると、操作の手応えが薄れ、少しでも表示が止まるだけで「反応していないのでは」と不安が生まれやすいのです。
読込中に何も表示されない画面で、固まったのかと身構えたことがあります。
実際には処理が進んでいても、視覚的な返答がないだけで離脱したくなる。
だから待ち時間が避けられない場面では、進捗バーやスケルトン表示のように「進んでいる」と伝える仕掛けが効きます。
同じ時間でも、待たされている感を減らせば、体験はずっと軽くなります。
複雑さは消えない:テスラーの法則と引き算の設計
テスラーの法則は、計算機科学者ラリー・テスラーが1980年代に提唱した考え方で、どんなシステムにも、それ以上は削れない固有の複雑さがあると捉えます。
だからこそ、使いやすさは「機能を減らすこと」そのものではなく、複雑さをどこに置くかを設計する営みになります。
見た目が簡単でも、裏側で誰かが手作業を抱え込んでいるなら、その設計はまだ途中です。
テスラーの法則:複雑さは移動するだけ
テスラーの法則(複雑性保存の法則)は、複雑さをゼロにできないという前提を明確にします。
問題は複雑さを消せるかではなく、どこへ逃がすかです。
コピー&ペースト機能はその分かりやすい例で、文字を手で書き写す負担を、操作1回で済む形に置き換えました。
人が背負っていた手間を、システムが引き受けたわけです。
この視点に立つと、良い機能とは「難しさがない機能」ではなく、「難しさの置き場所が適切な機能」だとわかります。
入力欄を減らしても、その先で確認項目が増えれば、複雑さは姿を変えて残るだけでしょう。
複雑さを『誰が引き受けるか』で考える
複雑さは、ユーザー側か作り手側のどちらかが引き受けます。
経費精算ツールで入力項目を削ったとき、現場は一瞬だけ楽になりますが、後工程では確認作業が増え、担当者の負担が移るだけでした。
省かれたのは手順ではなく、見えにくい調整コストだったのです。
高機能なアプリが初見では難しく見えても、慣れると手放せなくなるのは、その複雑さが使う人の目的に沿って整理されているからです。
最初の学習コストを払う代わりに、毎日の作業が速く、正確になっていく。
ここに、引き受ける複雑さの意味があります。
短期のわかりやすさだけでなく、長期の使いやすさを見る視点が欠かせません。
引き算のしすぎが招く失敗
むやみに機能や手順を削る単純化は、本来必要な判断や確認まで奪うことがあります。
たしかに画面はすっきりしますが、例外処理ができない、戻れない、理由が追えないといった不便が残れば、使い手は結局どこかで詰まるのです。
引き算は万能ではありません。
設計で問うべきなのは、「何を消すか」より「何をどこへ置き直すか」でしょう。
使いやすさとは、複雑さをなくすことではなく、正しい場所に置くことだと考えると、機能削減の判断基準がはっきりします。
次の実践では、その置き場所をどう見極めるかを具体的に見ていきます。
9つの法則を日常で使うために
9つの法則は、どれか1つだけを選んで当てはめるものではありません。
実際には、ヒックの法則のように選択肢を絞りつつ、ミラーの法則のように意味の塊へまとめる、といった組み合わせで効きます。
使いやすい画面や説明文は、複数の法則が同時に働いているのです。
法則は対立せず補完しあう
メニュー設計を考えると分かりやすいでしょう。
選択肢が多すぎると迷いが増えるのでヒックで絞り、絞った内容はミラーで少ない塊に整理する。
こうして初めて、見る側は「何を選べばいいか」と「どう理解すればいいか」を同時に処理しやすくなります。
法則同士を競わせるのではなく、役割を分けて重ねる発想が、実用では強いのです。
『使いにくい』の違和感を言語化する練習
日常で役立つのは、「なんとなく使いにくい」で止めずに、その違和感を言葉にする習慣です。
ボタンが見つけにくいのは近接の問題かもしれないし、説明が長いのはチャンク化やミラーの不足かもしれません。
引っかかった瞬間に「どの法則が破られたのか」を考えるだけで、感覚が知識へ変わっていきます。
この見立ては、買い物や情報収集にも広がります。
なぜこのアプリは気持ちいいのか、なぜこの画面は迷わないのかを分解していくと、自分の判断基準まで速くなるからです。
心理法則は、頭の中のモヤモヤを点検可能な言葉に変える道具だと言えるでしょう。
仕事の資料・スライドにも応用できる
デザイナーでなくても、資料やスライド作成にはそのまま応用できます。
関連項目を近づけて近接を効かせ、結論を1つだけ強調してフォン・レストルフを使い、内容を意味の単位で分けてチャンク化する。
これらは気分の工夫ではなく、心理学の裏付けがある実践です。
筆者自身も会議資料をこの考え方で作り直したところ、説明時間が短くなり、質問も減りました。
伝わる資料は、読む側の認知負荷を先に下げているのです。
法則は絶対ルールではありません。
目の前の相手が何を迷い、どこで止まるのかを見ながら、仮説として試していく出発点です。
実際に画面や資料を見比べ、気持ちよさの理由を法則で分解してみましょう。
そこから本当に使いやすい形が見えてきます。
心理学科卒。企業の人事・組織開発部門で産業心理学を実務に応用してきた経験から、認知バイアスやコミュニケーション心理学など「日常で使える心理学」を伝えます。
関連記事
習慣化の心理学|続けるコツを科学で解説
習慣化の心理学とは、三日坊主を「意志が弱いせい」と片づけず、続く仕組みを知るための考え方である。マクスウェル・モルツの1960年の観察が広めた「21日で習慣になる」という話は、ロンドン大学(UCL)の2010年の研究で見直され、新しい行動が自動化するまで平均66日、18〜254日と幅があることが示された。
スポーツ心理学とは|本番でメンタルを発揮する方法
スポーツ心理学は、1898年のノーマン・トリプレットによる自転車競技の研究から発展してきた、練習で身につけた力を本番で発揮するための学問です。頭が真っ白になって体がこわばるあの感覚も、根性や才能の差ではなく、覚醒の水準と注意の向き方が崩れた結果として説明できます。
行動経済学でわかるお金の心理と判断のクセ
行動経済学は、人が常に合理的に損得を計算するという従来の経済学の前提を疑い、実際の意思決定に働く心理のクセを解き明かす学問です。1979年のプロスペクト理論を出発点に、カーネマンは2002年、リチャード・セイラーは2017年にノーベル経済学賞を受賞し、
マーケティング心理学|購買を動かす10原理
マーケティング心理学は、人が値段や性能だけでなく、心の近道で購買を決めるしくみを扱う学びである。1979年にプロスペクト理論を提唱し、2002年にノーベル経済学賞を受けたカーネマンの仕事は、その前提をはっきり示してきた。