25 人が閲覧(直近 30 日) ビジネス理論・用語

アフォーダンスとは?ギブソンの原義とノーマンのシグニファイアとの違い

アフォーダンスとは?ギブソンの原義とノーマンのシグニファイアとの違い

アフォーダンス(affordance)とは、環境やモノが動物に対して提供している「行為の可能性」です。知覚心理学者ジェームズ・J・ギブソンが英語の動詞 afford から作った造語で、硬く平らな床は立つことを、膝の高さの平面は座ることを、崖のふちは落ちることをアフォードします。人が気づいていなくても、その可能性は存在します。

日本語圏では「ユーザーの行動をさりげなく誘導するデザインの仕掛け」という意味で使われることが多いのですが、それはギブソンの原義ではありません。誘導する手がかりには、この語をデザインに持ち込んだドナルド・ノーマン自身が、2008年にシグニファイアという別の名前を与えています。ここでは、ギブソンの原典とノーマン本人の論考を出典にして、両者の違い、種類、誤用の線引き、設計での使い方を整理します。

まとめ:アフォーダンスの要点

  • 意味:環境が動物に提供している行為の可能性。原典の定義は「環境のアフォーダンスとは、環境が動物に提供するもの、用意するもの、備えているものである。それが良いものであれ悪いものであれ」。
  • 提唱者:ジェームズ・J・ギブソン(1904-1979)。『生態学的知覚システム』(1966年)、論文「The Theory of Affordances」(1977年)、『生態学的視覚論』(1979年)で展開しました。
  • シグニファイアとの違い:アフォーダンスは行為の可能性そのもの、シグニファイアはその可能性に気づかせる手がかりです。押せそうに見えるボタンの影は、厳密にはシグニファイアです。
  • ノーマンの訂正:1988年にこの語をデザインへ持ち込み、1999年に「私が語っていたのは知覚されたアフォーダンスだった」と自ら訂正し、2008年に代替語シグニファイアを提案しました。
  • 種類:ゲイヴァー(1991年)は、行為の可能性の有無と知覚情報の有無を掛け合わせて、知覚可能・隠された・偽のアフォーダンスを区別しました。後ろの2つは操作上の誤りを招く要因になります。
  • 誤用の線引き:ラベルや矢印を足してもアフォーダンスは増えません。増えるのは、押せる範囲や動作の条件といった物理的な条件を変えたときです。

アフォーダンスとシグニファイアの違い|判定の一問と対照表

アフォーダンスとシグニファイアの判別基準

判定に迷ったら「行為を可能にする関係そのものか、その関係や状況を伝える手がかりか」を問います。誰もいない部屋でも、床の硬さと広さは立つことを成り立たせています。一方、「非常口」のピクトグラムは、そこにあっても見られなければ何も伝えません。前者が行為を可能にする関係(アフォーダンス)、後者がそれを伝える手がかり(シグニファイア)です。

ノーマンは2008年の論考「Signifiers, not affordances」(ACM Interactions 第15巻6号)で、両者の関係を The perceivable part of an affordance is a signifier, and if deliberately placed by a designer, it is a social signifier.(アフォーダンスのうち知覚できる部分がシグニファイアであり、デザイナーが意図して置いたものは社会的シグニファイアである)と一文で書いています。シグニファイアは意図して置かれたものに限りません。同じ論考は、駆け込んだホームに人がいなければ乗り遅れた、人がたむろしていればまだ来ていない、という偶然の手がかりも例に挙げ、不在によって意味を伝えるものまでシグニファイアに含めています。

観点 アフォーダンス(ギブソン) シグニファイア(ノーマン)
指すもの 行為の可能性そのもの 可能性に気づかせる手がかり
知覚されなくても 存在する 機能しない
デザイナーが変えるには 行為を成立させる条件を変える 表示・配置を足す
測る基準 行為者の能力と環境の関係 見つけられるか・理解できるか
UIの例 タップ判定領域・スワイプの有効範囲 影・枠線・下線・ラベル
日常の例 押せば開くドアの構造 「押」の表示・平板なプッシュプレート

シグニファイアという語の出どころ

signifier は英語の signify(意味する・示す)から来た語で、デザインのための造語ではありません。ノーマンは2013年の改訂版 The Design of Everyday Things で、シグニファイアという語は記号と象徴を研究する記号論(semiotics)で長い経歴を持つ、と書き、記号論の語を借りたことを明かしています。記号論では、ソシュールが記号を分けた signifiant(シニフィアン=意味するもの)の英訳が signifier にあたります。デザインで使うときは、意味する側の「手がかり」だけを指すと押さえておけば足ります。

ギブソンが原典に書いたアフォーダンスの意味と語源

原典の定義に含まれる有益・有害の両面

ギブソンは『生態学的視覚論』(The Ecological Approach to Visual Perception)の第8章「アフォーダンスの理論」で、次のように定義しています。The affordances of the environment are what it offers the animal, what it provides or furnishes, either for good or ill.(環境のアフォーダンスとは、環境が動物に提供するもの、用意するもの、備えているものである。それが良いものであれ悪いものであれ)。

見落とされやすいのが either for good or ill という但し書きです。崖のふちは落ちることを、火は火傷することをアフォードします。「使いやすいデザインの性質」という含みは原義にありません。

afford からの造語と初出年

同じ節でギブソンは The verb to afford is found in the dictionary, but the noun affordance is not. I have made it up.(動詞 afford は辞書にあるが、名詞 affordance は無い。私が作った)と書いています。意味を確かめるときの出発点は、辞書ではなくこの原典の定義です。

「1979年に提唱された概念」という説明も見かけますが、1979年は最も知られた著作の刊行年です。九州大学デザイン基礎学研究センターの用語解説は1960年代の提唱とし、1966年の『生態学的知覚システム』を挙げています。ノーマンも1999年の論文で、1979年の本とその2年前の論文「The Theory of Affordances」(Shaw と Bransford 編 Perceiving, Acting, and Knowing 所収、1977年)を出典にしています。

主観でも客観でもない性質

原典は、アフォーダンスは客観的性質でも主観的性質でもなく(neither an objective property nor a subjective property)、環境の事実であると同時に行動の事実でもある、と書いています。床が「立てる」かどうかは床の物理量だけでは決まらず、その動物の体重と姿勢に対して硬く平らで十分に広いかで決まります。だから原典は、アフォーダンスは物理学で測るようには測れない、と続けます。

アフォーダンス理論の中身|直接知覚と「行為が知覚を生む」

直接知覚と不変項

ギブソンの生態心理学は、感覚刺激を脳が処理して意味を組み立てるという当時の主流理論を退け、観察者を取り巻く光(包囲光配列)そのものに環境の情報が含まれ、意味はそこから直接拾われると考えます。原典には「モノの価値が直接知覚されているように見えるのは、実際に直接知覚されているからだ」とあります。

直接知覚を支えるのが不変項(インバリアント)です。観察者が動くと見え方は変わりますが、変化のなかに変わらない構造が残ります。筑波大学芸術学系の情報デザイン教材は、種類を特定する「構造不変項」と、近づく・遠ざかる様子を特定する「変形不変項」に分けています。

「行為が知覚を生む」が指す原典の一文

ギブソンの紹介でよく引かれる「行為が知覚を生む」は、原典の we must perceive in order to move, but we must also move in order to perceive.(われわれは動くために知覚しなければならないが、知覚するためにも動かなければならない)に対応します。頭を動かす、近づく、手に取る。その行為が光の配列を変え、そこから次の情報が拾われます。UIの検証に当てはめるなら、画面の見え方を尋ねるだけでなく、実際に操作させ、その結果を受けた次の行動まで観察します。

身体スケールで測るアフォーダンス|またぎ・くぐり判断の平均B/L比1.07

ギブソンは座面の条件に「膝の高さにある」ことを挙げ、子どもにとっての膝の高さは大人にとっての膝の高さと同じではない、と注記しています。同じ椅子が、大人には座ることを、幼児にはよじ登ることをアフォードします。アフォーダンスは身体との比で決まる、という主張です。

この主張は実験で確かめられています。三嶋博之の「“またぎ”と“くぐり”のアフォーダンス知覚」(心理学研究 第64巻6号 469-475頁、1994年)は、身長の高い群と低い群に、目の前のバーを「またぐ」か「くぐる」かを判断させました。判断が切り替わる点でのバーの高さと脚長の比(B/L比)は、両群とも平均1.07と報告されています。バーの絶対的な高さではなく、自分の脚の長さを物差しにして行為を選んでいる、ということです。

階段でも、ウィリアム・H・ウォーレンが「Perceiving affordances: Visual guidance of stair climbing」(1984年)で、昇れる・昇れないの境界が脚長との比で予測できると報告しました。脚長比は高齢者では合わなくなりますが、Cesari らの「A common perceptual parameter for stair climbing for children, young and old adults」(2003年)は段の高さと距離で決まる角度を指標にすると子ども・若年成人・高齢者で同じになると示しています。この結果は、脚長だけでなく、動作開始前に選ぶ距離を含めた指標で行為の可能性を捉える必要を示しています。

実務では、手すりの高さ、段差、ボタンの大きさを「標準体型の成人」で決めた瞬間に、子どもと高齢者にとってのアフォーダンスは別物になります。寸法の基準を利用者の幅で決める考え方は、ユニバーサルデザインとは?スロープの例と勾配基準、意味・7原則・バリアフリーとの違いで扱う勾配基準と同じ発想です。

ノーマンのデザイン応用|1988年の導入と1999年の自己訂正

「知覚されたアフォーダンス」への訂正

この語をデザインの世界に持ち込んだのはドナルド・A・ノーマンです。1988年の The Psychology of Everyday Things(後に The Design of Everyday Things として刊行。邦訳『誰のためのデザイン?』)でアフォーダンスを扱いました。

訂正は1999年です。ノーマンは「Affordance, conventions, and design」(ACM Interactions 第6巻3号 38-43頁、1999年5・6月号)で、ギブソンにとってアフォーダンスは関係であり、見えている必要も知られている必要も望ましい必要もない、と原義を確認したうえで、My fault: I was really talking about perceived affordances, which are not at all the same as real ones.(私の落ち度だ。私が語っていたのは知覚されたアフォーダンスであり、本物のアフォーダンスとはまったく別物である)と書きました。jnd.org に再掲された版は掲載日が2008年になっていますが、訂正そのものは1999年の論文です。

同じ論考は、マウスは画面の全ピクセルをクリックできるので、問うべきはクリックできるかではなく、それが結果の分かる有意味な行為だとユーザーが知覚しているかだと書き、カーソルの形の変化は学習された慣習(a learned convention)だと切り分けています。

2008年のシグニファイアと書籍への反映

2008年の論考の結論は Forget affordances: what people need, and what design must provide, are signifiers.(アフォーダンスは忘れてよい。人が必要とし、デザインが提供しなければならないのはシグニファイアだ)でした。この整理は『誰のためのデザイン? 増補・改訂版 認知科学者のデザイン原論』(新曜社、2015年、ISBN 9784788514348)に入り、第4章に「アフォーダンス、シグニファイア、制約を日常のモノに適用する」という節が置かれています。1988年の初版だけで「ノーマンのアフォーダンス」を語ると、本人の訂正を落とします。

アフォーダンスの種類|ゲイヴァーの区分とハートソンの4分類

デザイン分野でよく使われる区分は、ウィリアム・W・ゲイヴァーの「Technology affordances」(CHI ’91 予稿集 79-84頁、1991年)です。ゲイヴァーはアフォーダンスと、それについての知覚情報を切り離し、両者の有無を掛け合わせた4区画を図2に示しました。要旨には、隠されたアフォーダンスと偽のアフォーダンスは誤りを招く、とあります。

区分(Gaver 1991 図2) 行為の可能性 知覚情報 UIの例
知覚可能なアフォーダンス ある ある 押せて、押せそうに見えるボタン
隠されたアフォーダンス ある ない 手がかりの無い長押しメニュー
偽のアフォーダンス ない ある 押せない装飾付きの見出し
正しい棄却(Correct Rejection) ない ない ただの背景領域

UIレビューでは、この区分を使って操作の可能性と手がかりの不一致を確認します。必要な操作が隠れている場合は手がかりを足し、偽の手がかりがある場合は表示を直すか、必要に応じて期待される機能を実装します。処置が逆向きになるので、両者を同じ欄に混ぜないのが実務上の要点です。

もう一つの整理が、レックス・ハートソンの「Cognitive, physical, sensory, and functional affordances in interaction design」(Behaviour & Information Technology 第22巻5号 315-338頁、2003年)です。考える・知るのを助ける認知的、身体で操作するのを助ける物理的、見る・聞く・感じるのを助ける感覚的、作業の達成を助ける機能的の4つで、ボタンなら文言が認知的、大きさが物理的、文字の読みやすさが感覚的、押した結果の有用性が機能的にあたります。ギブソンの原義から離れた設計用の区分なので、使うときは出典を添えます。

「デザイナーが作る仕掛け」という誤用|原義とのねじれ

原義との相違点|知覚による付与と誘導目的

日本語のデザイン記事でよく見る「アフォーダンスとは、ユーザーに特定の行動を促すデザイン上の仕掛け」という説明は、原義と2点で食い違います。

第一に、アフォーダンスは観察者の側が付与するものではありません。ギブソンは「アフォーダンスは、観察者の必要と知覚行為によって対象に付与されるものではない。対象は、それがそれであるがゆえに、提供するものを提供する」と書いています。コフカの要求特性(demand character)との「決定的な違い(a crucial difference)」として書かれた一文で、ここで退けられているのは、観察者の必要や知覚によってアフォーダンスが対象に付与されるという立場です。第二に、良いものであれ悪いものであれという定義に、誘導の目的や望ましさは入っていません。

ただし、デザイナーがアフォーダンスに手を出せないわけではありません。ギブソン自身も同じ章で、人が環境の形と素材を変えてきたのは To change what it affords him(環境が自分に提供するものを変えるため)だと書いています。ノーマンも1999年の論考で Designers can invent new real and perceived affordances(デザイナーは本物のアフォーダンスも知覚されたアフォーダンスも新しく発明できる)と書き、望ましくない場所でマウスボタンをロックすれば本物のアフォーダンスになる、と例を挙げています。そのうえで、グラフィックデザイナーが画面にアフォーダンスを足したと言うのをあまりに頻繁に聞くが実際には何もしていない、と見た目を足しただけのケースを名指ししています。

業界語として許容してよい範囲

立場を明確にすると、実務の会話で「このボタンはアフォーダンスが弱い」と言うこと自体は止めなくてよいと考えます。ノーマン本人が知覚されたアフォーダンスとして広めた当事者で、業界語として定着しているからです。

ただし、学術的な説明や設計判断では、原義との混同を避ける必要があります。押せそうな見た目にしても押せる範囲は広がらず、タップ領域が小さいことによる操作上の問題は、見た目の変更だけでは解消したと判断できません。「見た目の手がかり(シグニファイア)」と「実際の操作可能領域(アフォーダンス)」を別々に検証する運用に落とすのが、この区別の実利です。

具体例で見るアフォーダンス|日常・UI・建築・保育

日常のモノ|石は分類でなく用途の束

原典には「アフォーダンスを知覚することは対象を分類することではない」という見出しがあります。石は投擲物にも、文鎮にも、ブックエンドにも、ハンマーにも、振り子の錘にもなる、と列挙されています。ひとつのモノは複数のアフォーダンスを同時に持ち、名前では決まりません。膝の高さの平面が座ることをアフォードするとき、色と表面の質感は無関係だとも明記されています。

UI/UXの例|大半はシグニファイア

UIで「アフォーダンスの例」として挙げられるボタンの影、リンクの下線と色、入力欄の枠線、ドラッグ用のつまみの模様は、いずれも「ここで何ができるか」を伝える手がかり、つまりシグニファイアです。UIに当てはめると、アフォーダンスは利用者が実際に操作できる可能性です。タップ判定領域の広さ、スワイプが効く範囲、ドラッグの許容角度は、その可能性を左右する設計条件です。手がかりと操作条件を分けて点検するなら、認知的ウォークスルーとは?4つの質問と進め方、ヒューリスティック評価との違いの手順が使えます。「次の操作を見つけられるか」と「その操作が正しいと判断できるか」を分けて問う構造だからです。

建築・まちづくりの例|寸法・素材・見通し

千葉大学の「身体活動を促すまちづくりデザインガイド」は項目06にアフォーダンスを立て、自然と腰を掛けたくなる寸法・形状の植栽防護柵(横浜市日本大通り)、子どもが近づきやすい水辺(シドニー)、エレベーターホールに階段室のデザインを表出させた例(宮崎市イオンモール宮崎)を挙げています。これらの例には、寸法や素材によって行為を可能にする工夫と、見通しによってその可能性に気づかせる工夫が含まれます。行動を変える手法としてよく並べられるナッジ(ナッジとは?意味・定義と具体例、効果の実測データとダークパターンとの違い)は、選択肢の示し方だけでなく、選びやすさや利用のしやすさを変える介入も含むので、環境の形を変える設計とは重なる場合があり、排他的な分類ではありません。

保育|乳児が最初に気づくもの

保育でアフォーダンスが参照されるのには原典に根拠があります。ギブソンは「対象のアフォーダンスこそ、乳児が最初に気づくものである」と書き、意味は色や形がそれとして見られるより先に観察されるとしています。乳幼児は「赤い」「丸い」より先に「登れる」「くぐれる」「握れる」を拾うので、環境構成に当てはめるなら、説明を足す前に、子どもの体格に対する高さ・幅・傾きと、そこで実際にできる動作を確かめます。

原典第8章には「Misinformation for Affordances(アフォーダンスについての誤情報)」の節もあり、崖に板ガラスを渡した視覚的断崖では、実際には落ちないのにハイハイ期の乳児の多くがガラスの上へ進もうとしなかった、というE・J・ギブソンとR・D・ウォークの実験が挙がります。

UI/UX設計への落とし込みと、使うべきでない場面

UI設計の手順|操作範囲と手がかりの個別検証

  • 実際に成立する操作の範囲を先に決め、タップ領域、スワイプの有効角度、ドラッグの許容距離を数値で仕様に書く。
  • その範囲に気づかせる手がかり(影・枠線・ラベル)を後から付ける。
  • 偽のアフォーダンス(押せないのに押せそう)と隠されたアフォーダンス(押せるのに手がかり無し)を別々に数える。前者は表示を直すか機能を実装し、後者は必要な操作なら手がかりを足す。
  • 寸法の妥当性は標準体型でなく、想定利用者の身体の幅で検証する。
  • 眺めさせるだけでなく操作させて観察する。静止画の評価では見つけやすさと意味の理解を、実操作では操作の成否と結果の理解を確かめる。

この手順は、人の認知の特性から設計を決める認知工学とは?定義と認知科学・人間工学との違い、UI・Webデザインへの使い方の考え方を、操作範囲と手がかりの2層に分けて当てはめたものです。画面の操作範囲と手がかりを分けて設計から見直したい場合は、UI/UXデザインの支援でも相談を受けています。

アフォーダンスという語が不適切な場面|慣習と評価指標

1つは、慣習で決まっている操作の議論です。ノーマンは1999年の論考で、スクロールバーを下へドラッグすると内容が上へ動く振る舞いを、アフォーダンスではなく文化的制約(学習された慣習)に分類しています。任意の取り決めをアフォーダンスの言葉で語ると「自然に伝わるはずだ」という期待が生まれ、必要な説明やオンボーディングが省かれます。

もう1つは、企画書に「アフォーダンスを高める」とだけ書く場面です。ギブソンが述べたのは、物理量だけでなく動物との関係で測る必要があるということです。「高める」だけでは、対象とする行為や判定指標が定まりません。タップ領域の最小寸法を仕様に書く、初回操作の成功率を測る、といった検証できる記述に置き換えるべきです。

よくある質問

アフォーダンスとは簡単に言うと何ですか?

環境やモノが、その動物にとって「何ができるか」を提供している、その可能性のことです。硬く平らな床は立つことを、膝の高さの平面は座ることを提供しています。人が気づいていなくても、その可能性は存在します。

アフォーダンスとシグニファイアの違いは何ですか?

アフォーダンスは行為の可能性そのもの、シグニファイアはその可能性に気づかせる手がかりです。画面のクリックできる領域はアフォーダンス、それを示す影や下線はシグニファイアです。ノーマンは2008年に「アフォーダンスのうち知覚できる部分がシグニファイアだ」と書いています。

ギブソンとノーマンのアフォーダンスはどう違うのですか?

ギブソンは、知覚されるかどうかと無関係に存在する、動物と環境の関係としてこの語を定義しました。ノーマンが1988年にデザインへ持ち込んだのは実際には「知覚されたアフォーダンス」で、1999年に本人がそう訂正しています。違いは、実際に可能な行為を指すか、ユーザーが可能だと知覚する行為を指すかにあります。

アフォーダンスの日本語訳は何ですか?

定まった訳語は無く、片仮名の「アフォーダンス」が使われます。元になった動詞 afford は「提供する・与える」という意味で、言い換えるなら「環境が動物に提供する行為の可能性」が原典の定義に沿っています。ギブソンの1979年の本の邦訳は『生態学的視覚論』(サイエンス社、1985年)です。

「行為が知覚を生む」とはどういう意味ですか?

ギブソンの原典にある「われわれは動くために知覚しなければならないが、知覚するためにも動かなければならない」に対応する表現です。観察者が動くと光の配列が変わり、その変化から新しい情報が拾われます。知覚が先で行為が後という一方向ではなく、両者が循環している、という主張です。

関連記事

お気に入りに入れた記事の一覧

この記事は以下の記事からリンクされています

資料請求

今日のトレンド記事 直近 24 時間で、いつもより多く読まれている記事

  1. 2026.10.23 テックブログ Renta!不正アクセスでサービス停止:再開未定の現状と運営側の停止判断・証拠保全・段階的再開
  2. 2025.01.09 コラム アドレサブルCM(Addressable CM)とは?フジテレビで出る表示の意味・仕組みと視聴データの扱い
  3. 2026.07.09 テックブログ Muse Imageとは?Metaの画像生成AIの使い方・API料金(1枚0.01ドル)と日本での提供状況【2026年10月】
  4. 2026.10.21 テックブログ ふるさとチョイス不正アクセスで445万件流出:対象確認・パスワード変更と再開時期
  5. 2025.12.10 コラム 今の50代は何世代?バブル世代・団塊ジュニア・氷河期の境目と特徴

RELATED POSTS 関連記事

目次