UIXHERO
#109
UI設計パターン
#109

こんてきすと

コンテキスト (Context)

別名・表記:Context文脈背景利用状況

UIXHERO Definition

「いつ、どこで、誰と、どんな気持ちで、何をしているか」という状況そのもの。

概要

UXデザインにおいて「コンテキスト(文脈)」は、デザインの成否を分ける決定的な要因です。 どんなに優れた機能でも、利用されるコンテキストに合っていなければ、それは使いにくい製品になります。

例えば、「音声入力機能」は、プライベートな部屋(静かなコンテキスト)では便利ですが、満員電車の中(公共のコンテキスト)では使えません。 デザイナーは、ユーザーが置かれている状況を深く理解し、その文脈に最適なインターフェースを提供する必要があります。

UXでの活用

  • コンテキスト調査: ユーザーが実際に製品を使う現場(フィールドワーク)に行き、オフィス環境や騒音レベルなどを観察する。
  • レスポンシブデザイン: 画面サイズ(閲覧コンテキスト)に応じてレイアウトを変化させる。
  • モードの切り替え: 「ドライブモード」「ナイトモード」など、ユーザーの状況に合わせてUIを最適化する。

💡 使いどころ

なぜその機能が必要なのか、なぜそのデザインにするのかを説明する時。「コンテキストによって最適解が変わる」ことを示したい時。

⚠️ 注意点・誤用

コンテキストは「PCかスマホか」といったデバイス環境だけではない。「急いでいる」「不安である」といった心理状態も重要なコンテキストの一部。

具体例

  • 移動中の電車内(物理的コンテキスト): 片手操作が必要、通信が不安定、音が出せない。
  • 上司へのプレゼン直前(社会的・心理的コンテキスト): 緊張している、ミスが許されない、素早く情報にアクセスしたい。
出典・参考文献:
  • NN/g: Context of Use
  • Contextual Design: Defining Customer-Centered Systems
  • 人間中心設計(ISO 9241-210)
  • Don Norman – The Design of Everyday Things
作成: 2026年2月2日
更新: 2026年2月15日

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

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

UIXHEROに頼めることを見る

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

この記事をシェアする
シェア: