UIXHERO

変化盲 (Change Blindness)

目の前で何かが変化しても、視界がいったん遮られたり、注意が他に向いていると、その変化に気が付かない現象。

2026年1月23日
更新: 2026年8月27日
7
by Dengen Yosho(DGYS)
変化盲 (Change Blindness)

この記事の要点(UIXHERO視点) XHEROでは、変化盲(チェンジ・ブラインドネス)を「注意が向いていない変化に対する、完全な無視」と捉える。 本記事では、画面遷移やステータス変化において、明確なアニメーションや通知がないとユーザーが変化に気づけないリスクと対策を整理する。

変化盲とは?

私たちは「見ているつもり」で、実はほとんど見ていません。 画面が瞬き(ブランク)した一瞬の間に、ボタンの色が変わったり、物体が消えたりしても、驚くほど多くの人がそれに気づきません。 において、画面遷移時やリロード時にユーザーが「何が起きたのか分からない(状態の変化を見落とす)」原因の多くは、この変化盲によるものです。

UXデザインでの活用事例

1. アニメーション(モーフィング)

状態 A から状態 B へ変化する際、パッと切り替える(カット)のではなく、滑らかにさせることで、ユーザーの視線を誘導し、「何がどう変わったか」を追跡しやすくします。

2. トースト通知 / フラッシュメッセージ

保存ボタンを押した後、画面のリロードを挟むと、ユーザーは「保存されたのかどうか」の変化を見落としがちです。 画面上部に「保存しました」という動的なトースト通知を出すことで、変化を明示的に伝えます。

3. スケルトンスクリーン

読み込み中に真っ白な画面(ブランク)を挟むと、が起きやすくなります。 スケルトンスクリーンでレイアウトの構造を維持したままコンテンツを表示させることで、視線の迷子を防ぎます。

実装例: アハ体験

画面中央のブロックが、一瞬の暗転(グリッチ)の間に変化します。 アニメーションがある場合とない場合で、変化への気づきやすさがどう違うかのです。

この原則を実装で見る

この原則が実装でどう形になるかを、GUNJO の部品で確かめられます。

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

実装チェックリスト

倫理的配慮 (Ethical Considerations)

  • 不都合な隠蔽: 規約更新や価格変更など、ユーザーにとって不利益な変更を、サイレントアップデートや目立たない変更で行い、変化盲を利用して気づかせないようにする行為は不誠実です。
  • 注意のハイジャック: 逆に、「広告を目立たせる」ために過度な点滅や動きを使って強制的に視線を集めることは、ユーザーの本来の目的を阻害し、不快感を与えます。

更新のお知らせ

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

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

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

UIXHEROに頼めることを見る

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

関連する原則

関連する用語 (Glossary)

理解度チェック

参考文献

  • Simons, D. J., & Levin, D. T. (1998). "Failure to detect changes to people during a real-world interaction." Psychonomic Bulletin & Review, 5(4), 644–649. Full Text at UIUC

記事をシェア

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

最終更新: 2026年8月27日

この記事を書いた人

Dengen Yosho(DGYS)

Dengen Yosho(DGYS)

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

あわせて読みたい

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

非注意性盲目 (Inattentional Blindness)

特定の対象に注意を集中していると、それ以外の予期しない事象(たとえそれが目立つものであっても)が全く見えなくなる現象。

2026年1月23日
6

認知負荷 (Cognitive Load)

脳のワーキングメモリ(作業記憶)が処理できる情報量には限界がある。負荷が高すぎると、ミスが増え、理解度が下がり、ユーザーは離脱する。

2026年1月23日
10

F型パターン (F-Shaped Pattern)

Web上のテキストコンテンツを見る際、ユーザーの視線はアルファベットの「F」の字を描くように動く傾向がある。

2026年1月23日
5

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

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

リクエストを送る