UIXHERO

メンタルモデル (Mental Model)

ユーザーが頭の中に持っている「システムがどう動くか」という理解や予測。デザインをユーザーのメンタルモデルに合わせることで、直感的な体験が生まれる。

2026年1月23日
更新: 2026年8月27日
7
by Dengen Yosho(DGYS)
メンタルモデル (Mental Model)

この記事の要点(UIXHERO視点) XHEROでは、メンタルモデルを「ユーザーが過去の経験に基づいて構築した『こう動くはずだ』という予測モデル」と定義する。 本記事では、システムの実装(事実)よりもユーザーの思い込み(真実)を優先すべき理由と、その期待を裏切らずに新しい操作を定着させるための「教育コスト」の払い方を整理する。

メンタルモデルとは?

とは、ユーザーが過去の経験に基づいて構築した「システムがどのように機能するか」についての思考モデルです。 対して、システムが実際にどう動くか(技術的仕様)を「システムモデル(実装モデル)」と呼びます。

の究極の目標は、システムの見た目や振る舞い(システムイメージ)を、ユーザーのメンタルモデルに一致させることです。

なぜ重要なのか

ユーザーは新しいアプリを使うとき、ゼロからすべてを学習するわけではありません。過去に使った他のアプリ(InstagramやGoogleなど)の記憶を頼りに、「ここはこう動くだろう」と予測しながら操作します()。 この予測(メンタルモデル)を裏切ると、ユーザーは混乱し、フラストレーションを感じます。

日常の例

  • ゴミ箱: PCの「ゴミ箱」機能は、ファイルを削除しても一時的に保管され、後で戻せるというメンタルモデルを、現実世界のゴミ箱のメタファーで表現しています(実際にはHDDの特定の領域に移動しているだけ)。
  • 本のページめくり: 電子書籍でスワイプしてページをめくる動作は、物理的な本を読むというメンタルモデルを踏襲しています。

UXデザインでの活用事例

1. 既存の定石に従う

独自のアイコンや操作方法を発明するよりも、広く普及しているパターン(ハンバーガー、ピンチインでの拡大など)を採用する方が、ユーザーのメンタルモデルに合致します。

2. 差分を教育する

革新的な機能で、既存のメンタルモデルと異なる操作が必要な場合は、丁寧なやチュートリアルで新しいモデルを構築する手助けをします。

実装例: メンタルモデルに即したタブ切り替え

「タブ」は、現実世界のインデックスカードのメタファーです。 ユーザーは「タブをクリックすると、その下の内容が切り替わる」「選択されたタブは手前に表示される」というメンタルモデルを持っています。

実践ガイドライン (Practical Guidelines)

実装チェックリスト

倫理的配慮 (Ethical Considerations)

  • ダークパターンとメンタルモデル: ユーザーのメンタルモデル(例:「×ボタンを押せば閉じる」)を逆手に取り、×を押すと広告が開くような設計は詐欺的であり、避けるべきです。
  • 変化への抵抗: UIを刷新する際、たとえ新しい方が的でも、ユーザーの古いメンタルモデルと衝突すると「改悪」と捉えられます(現状維持バイアス)。移行には慎重な配慮が必要です。

更新のお知らせ

サイトに載せていない実例や、新しい記事のお知らせはこちらで出しています。

読んだ内容を、自分の画面に当てるとき

UIXHEROは、記事を書くほかに、画面の検品・判定、デザインシステムの構築、実装と改善の伴走を受けています。何を頼めばいいか決まっていない段階の相談も、同じ窓口で受けます。

UIXHEROに頼めることを見る

※ 記事の内容についての質問や、書いてほしいテーマの要望も同じ窓口で受けています

関連する原則

関連する用語 (Glossary)

理解度チェック

参考文献

  • Young, I. (2008). Mental Models: Aligning Design Strategy with Human Behavior. Rosenfeld Media. Rosenfeld Media
  • Nielsen Norman Group. (2010). "Mental Models." NNGroup Article

記事をシェア

メールでお知らせを受け取る

最終更新: 2026年8月27日

この記事を書いた人

Dengen Yosho(DGYS)

Dengen Yosho(DGYS)

UI/UXデザイナー兼デザインエンジニア デザイン歴25年以上 情報設計〜UIデザイン〜React/TypeScriptによる実装までを一気通貫で担当 大手企業のDXプロジェクトや決済アプリ領域で、デザインリードとして改善と構築を経験 現在はフリーランスとして、プロダクトのUI/UX改善とデザインシステム構築を支援 長年の実務の中で感じてきたのは、 「良いUI」はセンスではなく、再現可能な判断の積み重ねであるということ UIXHEROは、 心理学や行動科学の知見を、現場で使える設計言語に翻訳するための場所 関心領域は「ユーザーの行動が変わるUI」 人の認知・注意・意思決定の構造を理解し、 “なぜそのUIが機能するのか”を言語化することを目指している

あわせて読みたい

この記事に関連する記事をご紹介します

アフォーダンス (Affordance)

対象物が持つ「操作の可能性」を示唆する性質。ボタンが「押せる」ように見える、ドアノブが「回せる」ように見えるなど、ユーザーが直感的に使い方を理解するための核心的概念。

2026年1月23日
6

マッピング (Mapping)

コントロール(操作部)と、それによって動く対象との対応関係。自然なマッピングは、学習なしで直感的な操作を可能にする。

2026年1月23日
6

シグニファイア (Signifier)

アフォーダンス(操作 가능性)をユーザーに発見させるための「視覚的な手がかり」。アイコン、ラベル、矢印など、適切な行動を誘導するためのサイン。

2026年1月23日
6

もっと深く知りたいですか?

ここに掲載されていないトピックについても、リクエストがあれば解説記事を追加します。 わかりにくい点や、具体的な事例について知りたいことがあれば教えてください。

リクエストを送る