ドアを前にして、取っ手を引くべきか押すべきか迷ったことはありませんか。よく設計された取っ手は、言葉がなくても「こう握ってください」と手の動かし方を示してくれます。デザイン学では、物がユーザーに可能な行動を示唆するこの性質を「アフォーダンス（Affordance）」と呼びます。
アフォーダンスとは、簡単に言えば「対象の物理的・知覚的な特性が、ユーザーにある行動を可能にしたり、促したりする関係」を意味します。ボタンに「押してください」と書かれていなくても、少し出っ張っていると自然に指が向かう、まさにあの感覚です。
本資料では、アフォーダンスが生まれた背景や知覚されたアフォーダンスの概念から、シグニファイア（Signifier）・制約との関係、日常やデジタル環境での例、実務で確認すべき設計のポイントまで、デザイン学の視点からわかりやすく整理します。
アフォーダンスの概念と設計
アフォーダンスとは何か？
アフォーダンスという言葉は、生態心理学者のジェームズ・ギブソン（James J. Gibson）が1970年代に提唱しました。彼にとってアフォーダンスとは、「環境が生物に提供する行動の可能性」そのものでした。平らな地面は歩くことや座ることを、取っ手ほどの大きさの突起物は握ることを可能にします。この関係は、広告の文言とは無関係に、物理的な世界にすでに存在しています。
デザインの現場にこの言葉を広めたのは、ドナルド・ノーマン（Donald A. Norman）です。彼は『誰のためのデザイン？』で、デザイナーが実際に扱えるのは「本当にできること」だけでなく、ユーザーがその可能性に「どう気づくか」でもあると強調しました。そこでノーマンは後に、「知覚されたアフォーダンス（Perceived Affordance）」と「シグニファイア（Signifier）」を区別し、誤解を減らそうとしました。
- 実際のアフォーダンス（Real Affordance）：対象が物理的に許容する行動です。画面上のボタンは実際には「押す」ことができず、タップやクリックだけが可能です。
- 知覚されたアフォーダンス（Perceived Affordance）：ユーザーが見て感じる「できそうな」行動です。影・立体感・カーソルの変化がこれを生み出します。
よいデザインは、実際にできることと、できると知覚されることを一致させます。押して開けるドアに引くための取っ手だけを付けておくと、実際の可能性と知覚が食い違い、「ノーマンのドア」のような有名な失敗例になります。
シグニファイアと制約：アフォーダンスを示す両軸
アフォーダンスだけですべての行動が見えるわけではありません。ノーマンは、ユーザーが正しい行動を見つけるための手がかりを「シグニファイア（Signifier）」と呼び、誤った行動を防いだり、選択肢を絞ったりする仕組みを「制約（Constraint）」と整理しました。
（1）シグニファイア（Signifier）
下線の付いた青い文字、「次へ」の矢印、取っ手の溝の曲線のように、「ここをこうする」と指し示す目印です。シグニファイアはアフォーダンスそのものではありませんが、知覚されたアフォーダンスを高める信号です。
（2）物理的制約（Physical Constraint）
USB-Aプラグが片方の向きでしか差し込めない形状のように、身体や道具が許容する範囲を物理的に制限します。正しい向きでなければ入らないようにする設計です。
（3）論理的・文化的制約
左が「前へ」、右が「次へ」という読む方向の慣習や、赤が危険・停止を意味する文化的な取り決めがこれに当たります。文化を無視すると、シグニファイアは逆効果になります。
（4）強制機能（Forcing Function）
ATMでカードを抜き取らなければ現金を受け取れない順序のように、必須の行動を飛ばせなくする強い制約です。安全確保やエラー防止によく使われます。
アフォーダンス・シグニファイア・制約は、互いに代わりになるものではありません。アフォーダンスが「何ができるか」の土台となり、シグニファイアが「どこをどうするか」を照らし、制約が「進んではいけない道」をふさぐという三角構造として捉えると、設計を点検しやすくなります。
身近な例で理解するアフォーダンス
抽象的な概念も、手で触れた瞬間にはっきりします。日常や画面上でよく出会う事例を、三つに分けて紹介します。
［事例1］ドアと取っ手
平らな金属板だけが付いたドアは「押す」ことを強く示唆し、輪形の取っ手は「引く」ことを示唆します。問題になるのは、押すべきドアに輪形の取っ手を付けた場合です。知覚されたアフォーダンスが実際の動作と衝突すると、ユーザーは毎回ためらいます。
［事例2］ボトルのふたとスイッチ
ねじ山の見えるふたは「回す」ことを、大きなトグルスイッチの突起は「倒す」ことを示します。一方、滑らかなタッチパネルだけの照明スイッチは、実際にはタップできても、初めて使うユーザーにはアフォーダンスが弱く、シールのシグニファイアに頼ることになります。
［事例3］アプリのボタンとカードUI
少し浮いて見える影、押し込まれるアニメーション、有効・無効を示す色のコントラストは、デジタル画面の知覚されたアフォーダンスです。カード形式の一覧が左右で少し見切れていると「スワイプできる」ことが示唆され、端がぴったりそろって切れていると、スクロールできることが伝わりにくくなります。
これらの事例に共通するのは、説明書ではなく「形とフィードバック」が行動を教えるという点です。ユーザーが試行錯誤せずに次の動作を推測できるとき、アフォーダンスはその役割を果たします。
実務でアフォーダンスを点検する方法
アフォーダンスを「見栄えのよい立体的なボタン」だけに限定すると、設計が貧弱になります。製品・サービス・コンテンツのUIを作る際には、以下の確認を習慣にするとよいでしょう。
（1）最初の5秒テストを行います
説明せずに画面や試作品を見せ、「今、何ができそうだと思いますか？」とだけ尋ねます。期待した行動と回答が食い違うなら、知覚されたアフォーダンスやシグニファイアが不足しています。
（2）実際の可能性と知覚を並べて書きます
「可能な行動」と「ユーザーが推測する行動」を二つの列に書いて比較します。空欄や食い違いが見つかったら、形・動き・文言によるシグニファイアを補強します。
（3）シグニファイアだけに頼りません
「ここをクリックしてください」という文言だけで成り立つUIは、シグニファイアの過剰とアフォーダンスの不足を示す兆候です。形・位置・フィードバックによって行動が見えるようにしたうえで、文言を補助として添えます。
（4）アクセシビリティも併せて確認します
色だけで区別されたボタンや、大きな手の動きを伴うジェスチャーしか受け付けない操作では、一部のユーザーにとってアフォーダンスが閉ざされます。大きさ・コントラストに加え、キーボードやスクリーンリーダーを使う経路でも同じ行動を可能にすることが、包摂的なアフォーダンスです。
ただし、誇張された立体感や過剰なアニメーションは視覚的なノイズとなり、本当に重要な行動を覆い隠すことがあります。フラットデザイン以降もアフォーダンスは消えたわけではなく、影・余白・モーション・状態変化といった、より控えめな信号へと移っただけです。流行のスタイルよりも、「ユーザーが次の行動を推測できるか」が基準です。
言葉がなくても、手が先にわかる設計。形とフィードバックで可能な行動を示し、推測の食い違いを減らしていく選択。それがアフォーダンスの第一歩です。
