UIデザインの現場で「なぜその配置にしたのか」を問われた際、うまく言葉にできず困った経験がある方も多いと思います。
自分自身もデザインを始めたばかりの頃は、「見た目の収まりが良いから」といった感覚的な理由しか返せず、手戻りを繰り返すことがよくありました。

画面の使いやすさは、デザイナー個人のセンスや勘ではなく、人間の脳が情報を処理する認知特性のルールで決まります。
この記事では、実務のUX/UI設計ですぐに役立つ代表的な5つの認知心理学の法則と、デザインレビューでそのまま使える具体的な言語化テクニックを詳しく共有します。

なぜUIデザイナーに「認知心理学」が必要なのか？

ユーザーがWebサイトやアプリを操作するとき、画面上の情報を見つけ、理解し、行動を決定するまでに多くの脳のリソース（認知負荷）を消費しています。
操作に迷ったり戸惑ったりする原因の大半は、レイアウトの美しさではなく、人間の情報処理プロセスに対して不自然な負荷がかかっている点にあります。

認知心理学の法則を設計の土台に据えると、デザインレビューの議論が「個人の好み」から「客観的な使いやすさの検証」へと大きく変わります。
チームのエンジニアやプロダクトマネージャーに対しても、科学的な根拠を持った提案ができるため、無駄な手戻りを防ぎながらスムーズな合意形成を図ることができます。

1. ヒックの法則（Hick’s Law）｜選択肢の増えすぎを防ぎ、意思決定を加速させる

ヒックの法則とは、ユーザーが意思決定を下すまでの時間は、提示された選択肢の数と複雑さに応じて対数関数的に増加するという心理学の基本法則です。
1952年に心理学者のウィリアム・エドマンド・ヒックとレイ・ハイマンによって定式化され、人間工学や情報設計の現場で広く活用されています。

UI設計において選択肢を1つの画面に並べすぎると、ユーザーは何を選べばよいか分からなくなり、行動の停止や画面からの離脱を引き起こします。
たとえば、ドロップダウンメニューの中に数十個の項目が無秩序に並んでいたり、ヘッダーに10個以上のナビゲーションリンクが密集していたりする状態がこれに当たります。

実務での実践：松竹梅の3択設計と段階的開示

SaaSの料金プラン表や機能選択画面では、主要な選択肢を3つ程度（いわゆる松竹梅の構成）に絞り込むことが実務における標準的なアプローチです。
どうしても選択肢が多くなる場合は、最初からすべてを見せるのではなく、段階的開示（Progressive Disclosure）の手法を取り入れます。

初期表示では最も利用頻度の高い主要項目だけを提示し、詳細な設定や高度なオプションはアコーディオンやモーダルで必要なときだけ展開させます。
実際にFigmaで画面を組む際も、初期状態の選択肢を3〜4個に制限するだけで、ユーザーテストでのタスク完了時間が大きく短縮されることを実感します。

選択肢の絞り込みやあえて制約を設けるUX設計のアプローチについては、以下の記事でも詳しく解説しています。
現場での情報整理に迷ったときの指針として、ぜひ参考にしてみてください。

デザインハーネス入門｜AIのUI生成とレビュー停滞を解く4層構造【2026】

無限の選択肢による疲弊を防ぎ、あえて制約を設けることでUXを高めるフレームワークを解説。

2. フィッツの法則（Fitts’s Law）｜移動距離とターゲットサイズで誤操作をゼロにする

フィッツの法則とは、ある目標（ターゲット）に素早く到達して選択するまでの時間は、目標までの距離に比例し、目標の大きさに反比例するという法則です。
1954年に心理学者のポール・フィッツが提唱したもので、マウスカーソルの移動やスマートフォンのタップ操作における基本中の基本となる指標です。

この法則から導き出されるのは、「頻繁に押すボタンは大きく、指やカーソルに近い場所に置くべき」という極めて明快な設計原則です。
逆に、画面の端にある小さな文字リンクや、親指が届きにくい位置にある重要なCTAボタンは、操作時間を無駄に長引かせ、誤タップの原因になります。

実務での実践：親指操作ゾーン（Thumb Zone）と44pt基準

スマートフォンアプリの設計では、片手持ちの親指が自然に届く画面下部エリア（親指操作ゾーン）に主要アクションを配置するのがセオリーです。
購入ボタンや送信ボタンをページ最下部の固定ボトムバーに配置する設計は、まさにフィッツの法則に基づいた移動距離の最小化の実践例と言えます。

また、Appleのヒューマンインターフェイスガイドライン（HIG）が定める「最小タップ可能領域44×44pt」のルールも、フィッツの法則に直結しています。
Figmaでボタンコンポーネントを設計する際は、見た目のアイコンが小さくても、オートレイアウトの余白を含めたヒットエリアを確実に44pt以上確保することが不可欠です。

タップ領域の具体的な数値基準やHIGの設計思想については、以下の記事で体系化しています。
モバイルUIの操作性を引き上げるための基本ルールとして、あわせて確認してみてください。

Apple HIG実務ガイド｜タップ領域44pt・文字11pt基準とiOSの基本原則【2026】

Appleが定める44ptタップ領域や文字サイズの論理的根拠と、iOS実務への落とし込み方を網羅。

3. ヤコブの法則（Jakob’s Law）｜「既視感」を味方につけ、学習コストを最小化する

ヤコブの法則とは、ユーザーは他の無数のWebサイトやアプリで大半の時間を過ごしているため、あなたのサイトもそれらと同じように機能することを期待しているという法則です。
ユーザビリティ研究の第一人者であるヤコブ・ニールセンが2000年に提唱したもので、Web標準やデザインシステムの重要性を端的に表しています。

デザイナーが独自性や斬新さを求めすぎるあまり、一般的な操作ルールを逸脱してしまうと、ユーザーは強いストレスと学習コストを強いられます。
たとえば、ヘッダー左上のロゴをクリックしてもトップに戻らない設計や、右上に置かれるはずの検索バーやカートアイコンがフッターの隅に隠れているような構成です。

実務での実践：メンタルモデルの流用と独自性の住み分け

使いやすいUIを構築する近道は、ユーザーがすでに獲得しているメンタルモデル（頭の中の操作イメージ）をそのまま流用することです。
ECサイトであれば「右上にカート」「画面下部に固定の購入ボタン」、メディアサイトであれば「左上にロゴ」「上部にグローバルナビゲーション」といった配置を素直に踏襲します。

UIデザイナーがクリエイティビティを発揮すべき領域は、操作の基本構造ではなく、ブランドの世界観を伝えるビジュアルや丁寧なインタラクションです。
基本の導線ルールを業界標準にしっかりと揃えることで、ユーザーは使い方に悩むことなく、サービス本来の価値やコンテンツに集中できます。

4. ミラーの法則（Miller’s Law）｜短期記憶の限界「マジックナンバー7」と情報のチャンキング

ミラーの法則とは、平均的な人間が一度に短期記憶（ワーキングメモリ）に保持できる情報の数は、「7加減2（5個から9個）」程度に限られているという心理学の基本法則です。
一般には「マジックナンバー7（マジカルナンバー7±2）」という呼び名でも広く親しまれており、1956年に認知心理学者のジョージ・ミラーが発表した論文に由来します。

近年の認知心理学の研究では、複雑なUI環境においては保持できる数がさらに少ない「4±1個程度」とも言われています。
区切りのない数字の羅列や、整理されていない長大な箇条書きリストは、ユーザーの記憶のキャパシティをあっという間に圧迫してしまいます。

実務での実践：情報のチャンキングとフォームのステップ分割

この記憶の負荷を軽減するための最も強力な手法が、複数の情報を意味のある塊にまとめる「チャンキング（Chunking）」です。
クレジットカード番号を4桁ずつハイフンで区切ったり、電話番号を市外局番ごとに分ける入力フォームの設計は、チャンキングの典型的な応用例です。

また、20項目以上におよぶ会員登録やアンケートフォームを設計する際は、1画面にすべてを詰め込まず、3〜4ステップに分割して案内します。
Figma上でカード型UIをレイアウトする際も、1つのカード内に含める主要情報は3〜4要素以内に抑え、視覚的なグループを明確に分けることが大切です。

実務で注意したいのは、画面上のUIは「記憶」ではなく「視覚認識」できるため、メニュー項目などを機械的に7個以下に制限する必要はない点です。
重要なのは数を無理に減らすことではなく、関連する項目同士を適切なチャンク（塊）に整理して、スキャンしやすい構造を作ることです。

5. フォン・レストルフ効果（孤立効果）｜視覚的コントラストで最重要アクションを際立たせる

フォン・レストルフ効果（別名：孤立効果）とは、複数の似た要素が並んでいるとき、他と異なる視覚的特徴を持つ1つの要素が最も記憶に残り、注目を集めるという効果です。
1933年に精神科医のヘドウィグ・フォン・レストルフによって発見され、CTAボタンの設計や価格表のレイアウトにおいて最も頻繁に活用される理論です。

この効果をUIに応用する際の注意点は、画面内のあらゆる要素を目立たせようとして、有彩色や強いコントラストを多用しすぎないことにあります。
すべてのボタンが同じ鮮やかなブルーで塗られている画面では、強調の効果が相殺され、結果としてユーザーはどこをタップすべきか迷ってしまいます。

実務での実践：Primaryボタンの孤立化と「おすすめ」バッジ

この効果を最大限に活かすためには、画面内で最優先してほしい操作（Primaryアクション）に対してのみ、明確な視覚的差異を与えます。
たとえば、主要な「購入する」「登録する」ボタンだけを鮮やかな塗りのボタンにし、キャンセルや戻るなどの副次的なボタンは枠線（Secondary）やテキストリンク（Tertiary）に抑えます。

また、3つの料金プランが並ぶ比較表において、中央の推奨プランだけカードの枠線を太くし、上部に「人気No.1」といったバッジを付与する手法もフォン・レストルフ効果の実践です。
周囲を均一で控えめなトーンに整えておくことで、際立たせたい1点にユーザーの視線を自然かつ的確に誘導できます。

実務で使える！デザインレビューを突破する「言語化フレーズ」早見表

認知心理学の知識は、実際の画面設計だけでなく、チーム内でのデザインレビューやクライアントへの提案において大きな力を発揮します。
感覚的な指摘を受けた際に、そのまま根拠として使える実践的な言語化フレーズを以下の表に整理しました。

「なんとなく使いにくい」「自分の感覚と違う」といった主観的な指摘に対しても、心理学の法則に基づいた客観的な意図を返すことで、議論を建設的な方向へ進められます。
デザイナー自身が論理的な言葉を持つことは、デザインの品質を守り、チーム全員が納得して開発を進めるための確かな強みになります。

デザインの意図をチームやクライアントに的確に伝え、合意形成をスムーズにするための言語化スキルについては、こちらの記事でも詳しくまとめています。
レビューでの伝え方に課題を感じている方は、あわせて目を通してみてください。

「なんとなく良い」を卒業する。デザインの意図を論理的に翻訳する「言語化力」の鍛え方

デザインの意図をチームやクライアントに論理的に伝え、手戻りを防ぐための実践的言語化スキル。

終わりに

最後までお読みいただき、ありがとうございます！

UIデザインにおいて認知心理学の法則を学ぶことは、表現の幅を狭める制約ではなく、自信を持ってデザインを届けるための論理的な土台になります。
画面の向こう側にいるユーザーの脳や身体の仕組みに寄り添うことで、迷いのない心地よい操作体験を生み出すことができます。

日々の制作の中で配置やサイズに迷ったときは、ぜひ今回紹介した5つの法則を振り返り、実務の設計に役立ててみてください。
これからも、論理的なUIデザインを一緒に楽しんでいきましょう。
それでは、良いデザインライフを！

The post UIデザインに効く認知心理学の法則5選｜ヒック・フィッツ・ヤコブの実務応用 first appeared on デザペディア.

日常のふとした瞬間に感じる違和感。例えばスマホアプリで、目立つ色のボタンをつい押してしまい「間違えた！」と焦った経験はないでしょうか。

こうした無意識のつまずきは、決してあなたのせいではなくデザインの課題です。この課題を見つけ出し、心地よい体験へと改善するアプローチがUXリサーチです。

この記事では、明日から現場で使える具体的なリサーチ手法と、その知見をチームで共有する仕組みをご紹介します！

1. 直感を裏付ける。現場で使える「3つのUXリサーチ手法」

「リサーチ」と聞くと大掛かりなアンケート調査や大勢を集めたテストを想像するかもしれません。しかし、実はいつもの業務にすぐ取り入れられる手法がたくさんあります。ここでは、明日からすぐに使える3つの方法をご紹介しますね！

• ヒューリスティック評価（専門家レビュー）:
  個人の曖昧な感覚ではなく、認知心理学の法則やデザインの原則といった基準を用いて、画面の使いやすさを定性的に調査・評価するやり方です。例えば、スマートフォンの「戻る」ボタンが画面下部にあると心地よく感じますよね。これはフィッツの法則（ターゲットまでの距離と大きさで操作時間が決まる）で説明できます。
  過去のプロジェクトで、私は画面右上にあって押しづらかった「保存」ボタンを、親指が届きやすい下部に移動させただけで、入力完了率が目に見えて改善した経験があります。「なんとなく良い」を法則で裏付けることで、チーム内でも説得力のあるデザインへと変わります。
• ユーザーインタビュー:
  ユーザーの「声」から、行動の背景にある心理を探る方法です。ただし、聞き方には注意が必要です。私自身、過去に「この新機能は便利だと思いますか？」と誘導的な質問をしてしまい、ユーザーに気を遣わせて本音を引き出せなかった失敗がありました。ユーザーに答えを言わせるのではなく、「普段どのように操作していますか？」とフラットな目線で問いかけることが大切です。
• ユーザビリティテスト:
  ユーザーの実際の「行動」を観察する手法です。冒頭でお話しした「目立つ色のボタンをつい押してしまう」といった、ユーザー自身も無意識に行っているつまずきは、インタビューの言葉だけでは決して出てきません。
  新卒時代、私が自信満々で作った「おしゃれなバナー」を、テスト参加者が完全に風景と同化してスルーしてしまったのを目の当たりにしたことがあります。実際の操作を観察して初めて、本当の課題に気づくことができるのです。

2. 得られた知見を引き出しに眠らせない「失敗の共有」

こうしたリサーチで得た気づきやナレッジは、個人の頭の中にとどめず、チームで共有して初めて実際のデザインに活きてきます。

その際、私たちはついつい成功例を集めたがりますが、実は現場の「失敗」こそが最も価値のあるナレッジになります。失敗パターンをあらかじめ知ることで、他のメンバーが同じミスを未然に防げるからですね。

先ほど触れた「誘導的なインタビューをしてしまった」という私の失敗も、隠さずに「アンチパターン（避けるべき型）」としてドキュメント・チェックリスト化し、チームに共有しました。すると、他のメンバーからも「実は自分も同じことで悩んでいた」「こういう聞き方をしたら失敗した」という声が次々と上がり、チーム内で「失敗を語ってもいいんだ」という安心感が生まれました。

結果として、チーム全体のリサーチの再現性や精度を高める大きなきっかけになったのです。
「どこで間違えたか」というリアルな記録のほうが、後に続く人にとってはるかに印象に残るんですよね。

3. リサーチ結果を「読まれないレポート」にしない工夫

UXリサーチで得たせっかくの知見も、文字ばかりの長文レポートにしてWikiの奥底に保存するだけでは、なかなかデザインの現場に反映されません。リサーチ結果は、デザイナーが実際の作業の中で自然と目に触れる場所に置くことが重要です。

実務に取り入れる際は、例えばこんな工夫が効果的です！

• デザインツール（Figmaなど）に直接書き残す:
  別ツールのドキュメントにまとめるのではなく、デザインしている画面のすぐ横に「この配置は前回のテストで迷うユーザーが多かった」と付箋のように直接メモを残します。作業中に必ず目に入るため、リサーチの知見が確実に次のデザインへと活かされます。
• 「ユーザーが迷った瞬間」の短い動画を共有する:
  「ボタンが分かりにくかったようです」と文字で報告するよりも、実際のユーザビリティテストで参加者が画面上で5秒間フリーズして迷っている動画をチャットツールにポンと貼るほうが、チームメンバーには圧倒的な説得力を持って伝わります。

リサーチの結果は、きれいにまとめることよりも「いかにデザインの現場で直感的に使える状態にするか」が大切です。生々しいユーザーの反応をデザインの身近に置くことで、チーム全体の視点が自然とユーザー中心に変わっていくはずです。

まとめ：明日からの景色が、ほんの少し変わる視点

UXリサーチを実践し、その知識を共有することは、ただデータを管理するような退屈な作業ではありません。

誰かが感じた小さな不便に気づき、それをどう解決したのか。そのプロセスを書き残すことは、次に同じ課題にぶつかる誰かへの「メモ」を残すような、とても人間らしい行為だと私は思っています。

明日、あなたがいつも使う駅の券売機や、見慣れたスマートフォンのアプリに触れるとき。少しだけ「なぜ、このボタンはここにあるんだろう？」と考えてみてください。

そうした小さな問いを持つことで、デザインに対する視点が変わり、皆さんの毎日が少しだけ面白いものに変わるかもしれません。

終わりに

最後までお読みいただき、ありがとうございます！

「使いやすいデザイン」の背景には、それを支えるための論理やリサーチの積み重ねがしっかりと存在しています。私自身もまだまだ失敗ばかりですが、日常の違和感を見逃さず、少しずつ学びを深めています。

皆さんの日常の景色が、少しでも新鮮に映るようになれば嬉しいです。これからも、心地よい体験の探求を一緒に楽しんでいきましょう。

それでは、良いデザインライフを！

The post なぜ私たちは「使いにくい」に気づけないのか。感覚を言葉にする、UXリサーチと知見共有の習慣 first appeared on デザペディア.

そんな構成の迷いを整理するフレームとして、マーケターだけでなくUIデザイナーにも活用できるのが「PASONAの法則」です。
LPの訴求構成・情報優先度・CTAの配置判断まで、デザインの意図を論理的に説明するための根拠として機能します。

1. PASONAの法則とは？LPの情報構成を設計するフレームワーク

もともとはコピーライティングの型として広まりましたが、LPやUIの情報設計においても有効です。
各ステップが「なぜ読み続けるのか」「なぜ申し込みたくなるのか」という読者の心理プロセスと対応しており、UIデザイナーが画面の優先順位やCTAの配置を判断する根拠として使えます。

旧来のPASONAには読者の不安を意図的に高める「Agitation（煽り）」が含まれていましたが、現在は読者に寄り添う「Affinity（親近感）」へと更新されています。
「あなたの悩みをわかっている」と伝える姿勢が、読了率と信頼感につながります。

2. ペルソナ設計：「誰に向けて作るか」がLP全体のトーンを決める

LPを設計するとき、「万人受けするデザイン」を目指すと、結果的に誰にも刺さらない画面になりがちです。
ターゲット（「30代女性」のような属性の集合）ではなく、具体的な一人のペルソナを設定することで、コピーの言葉選びや視覚的な優先順位が整理しやすくなります。

LP設計を担当するとき、ペルソナの解像度が低いままビジュアルを作り始めると、後から「なんか刺さらない」という手戻りが発生しやすいと感じています。
先にペルソナを明確にしておくだけで、どの情報を最初に見せるかの判断が早くなります。

3. PASONA × LP構成のマッピング：6ステップをUIパーツに対応させる

PASONAの各ステップが実際のLPのどのパーツに対応するか、以下の表で整理しました。
設計時やレビュー時にこのマッピングを参照すると、「どのステップが抜けているか」を確認するチェックリストとして使えます。

このマッピングを持っておくと、LP設計のレビュー時にも活用できます。
「Solutionのセクションがないまま料金表が来ている」「Affinityが全くなく機能説明から始まる」といった構成ミスを事前に検出できます。

4. 「悩みに気づかせる商材」vs「比較検討から始まる商材」：PASONAとFABEの使い分け

商材のLPを設計するときに最も注意したいのが、「ユーザーの検討フェーズ」によって最適なフレームワークが根本から異なるという点です。
商材には大きく分けて「そもそも悩みに気づかせる商材」と「すでに比較検討から始まる商材」の2種類が存在します。

例えば同じSaaSや業務ツールであっても、まだ世の中に定着していない新しい切り口のサービスなら、PASONAを使って「日々のこの作業に時間がかかっていませんか？」と課題を自覚させるアプローチが強く刺さります。

一方で、すでに「勤怠管理システムを導入する」と決めて探しているユーザーに対して、長々とお悩み共感ブロックを読ませると、「前置きが長くて知りたい情報が見つからない」と離脱されてしまいます。
比較検討から入るユーザーには、営業やスペック訴求の定番である「FABEの法則」を使い、以下の4要素をファーストビュー直下にテンポよく展開する構成が適しています。

• Feature（特徴）: どんな主要機能・仕様を備えているか
• Advantage（優位性）: 競合他社と比べてどこが優れているか（他社比較表・チェックリスト）
• Benefit（顧客利益）: 導入することで工数やコストが何%削減できるか
• Evidence（証拠・裏付け）: 導入実績社数、継続率、セキュリティ認証、受賞歴

LPのワイヤーフレームを引く前に、「このLPのターゲットは、課題に気づいている潜在層（PASONA）か？それとも他社と比べている顕在層（FABE）か？」をクライアントやチームと確認することが、構成設計の第一歩になります。

5. 視線誘導と3秒ルール：ファーストビューで離脱を防ぐ

LPに訪れた読者が「このページを読むかどうか」を判断するのは、最初の3秒以内と言われています。
GA4でLPのスクロール深度を確認すると、多くのケースで70〜80%のユーザーがファーストビューを超えずに離脱している数値をよく目にします。

この3秒の壁を突破するため、デザイナーは人間の視線の動き方を意識したレイアウトを組みます。
代表的なパターンとして、以下の2つがあります。

• Z型パターン: 画面を横に広く見るときの動き。お問い合わせボタンが右上に配置されることが多いのは、視線の自然な終着点に合わせているためです。
• F型パターン: 文章を縦に流し読みするときの動き。左端の見出し付近を拾い読みする習性があるため、重要情報は左寄せ・上部に配置します。

ヒーローエリアのコピーが弱いと、スクロール先のデザインがどれだけ良くても読んでもらえません。
PASONAのProblemをファーストビューに置き、3秒で「これは自分の話だ」と感じさせる構成が基本です。

UIデザインに効く認知心理学の法則5選｜ヒック・フィッツ・ヤコブの実務応用

ヒックの法則・フィッツの法則・ヤコブの法則など、UIデザインに直接応用できる認知心理学の法則5つを実務視点で解説します。

6. A/BテストとLPO：CVRは継続的な改善で上がる

LPO（Landing Page Optimization）とは、LPの構成やデザインを改善して、購入や申し込みといった成果（CVR）を高める取り組みです。
一度作ったLPが最初から最適解になることはなく、小さな変更を継続的に検証し続けることでCVRが改善されます。

最も手軽な手法がA/Bテストで、CTAボタンのテキストや色を1箇所だけ変えて、どちらの反応が良いかを計測します。
小規模なサイトでは、統計的に意味のあるデータが集まるまで4〜8週間が目安です。

CTAボタンのテキストを変えるだけでクリック率が変わるケースは、現場でよく見ます。
「送信する」はシステム側の動作を表す言葉で、ユーザー視点のメリットが伝わりません。「無料で試してみる」のように行動後のメリットを示す言葉に変えると、心理的なハードルが下がります。

まとめ：PASONAを知るとLP設計の優先順位が整理しやすくなる

PASONAの6ステップは、ただのコピーライティング術ではなく、LPの情報構成をデザイナーが論理的に判断するための根拠として機能します。

• 検討フェーズの使い分け: 悩みを気づかせる潜在層なら「PASONA」、比較検討から入る顕在層なら「FABE」を選ぶ
• PASONA×LP対応: 各セクションが担う役割を整理できる
• 視線誘導: ファーストビューで3秒以内に「自分の話だ」と感じさせる
• A/Bテスト: 仮説を立てて小さく改善し続ける

クライアントへのLP設計提案でも、PASONAのどのステップが抜けているかを指摘できると、「なぜこの要素が必要か」の説明が明確になります。
設計の意図を構造で説明できると、デザインのフィードバックも収束しやすくなります。

次のステップ：あわせて深掘りしたい知見

LP設計の具体的な手順はワイヤーフレームの作り方と組み合わせると実践しやすくなります。
また、PASONAはユーザーの認知心理を活用する設計なので、UIに効く心理学の法則を一緒に押さえておくと設計の解像度が上がります。

初心者向け！ワイヤーフレームの作り方完全ガイド｜要件整理からFigma手順まで

FigmaでのLP・Webページのワイヤーフレーム作成手順を、要件整理から実際のFigma操作まで体系的に解説します。

The post PASONAの法則とLP設計｜訴求構成とCVR改善の実務ガイド【2026】 first appeared on デザペディア.