アフォーダンス

AI による概要

アフォーダンスとは何か

アフォーダンス（Affordance）とは、「モノや環境が、人にどんな行動を“自然にさせるか”」という性質のことです。
この概念は心理学者のジェームズ・J・ギブソンによって提唱され、「人がどう感じるか」ではなく、「環境がどんな行動を可能にしているか」に注目します。

たとえば――

* 椅子を見ると「座れる」と感じる
* ドアノブを見ると「回せる」とわかる

これは説明を読んだわけではなく、見ただけで行動がわかる 点が重要です。

---

アフォーダンスの本質

アフォーダンスの核心は「環境 → 行動」という関係です。

✔ 特徴

* 環境が主体（人ではなくモノが行動を誘う）
* 直感的に理解できる（経験がなくてもわかる）
* 行動の可能性を提示する

つまり、
👉「これはこう使うものですよ」と言わなくても伝わる設計です。

---

身近な具体例

日常にはアフォーダンスがあふれています。

物理世界

* 椅子 → 座る
* 階段 → 上る・下る
* ボタン → 押す

デジタル（UI/UX）

* 立体的なボタン → クリックできる
* 下線付きテキスト → リンクだとわかる
* スクロールバー → 動かせると理解できる

---

UI/UXにおける重要性

アフォーダンスは特にUI/UXデザインで重要です。

良い例

* 押せるボタンが“押せそう”に見える
* 入力欄が“書けそう”に見える

悪い例

* ボタンがただの文字に見える
* クリックできるのに見た目でわからない

👉 この違いが「使いやすさ」を大きく左右します。

---

シグニファイアとの違い

ドナルド・ノーマンは、アフォーダンスを補足する概念として
シグニファイア（Signifier）を提唱しました。

比較

* アフォーダンス
→ 行動そのものの可能性
* シグニファイア
→ 行動を示すヒント

例

* ドア

* アフォーダンス：押せる／引ける構造
* シグニファイア：「PUSH」と書かれた表示

👉 アフォーダンスだけでは伝わりにくい場合、シグニファイアで補強します。

---

なぜ重要なのか

アフォーダンスを理解すると、次のような設計が可能になります。

* 説明書がいらないUI
* 初見でも迷わない操作
* 自然に行動を誘導できる設計

つまり、
👉「考えさせないデザイン」を作れるようになります。

---

まとめ

アフォーダンスとは――

👉「見ただけで、どう使うかがわかる仕組み」

この考え方は、

* プロダクトデザイン
* UI/UX
* 空間設計

あらゆる分野で重要な基礎概念です。

---

もしよければ、
👉「ダメなUIのアフォーダンス例」や
👉「実際のWeb改善パターン」も解説できます。