アフォーダンスの例

アフォーダンスとは？身近な「使いやすさ」のしくみ

アフォーダンスとは、物や環境が人に対して「どのような行動ができるか」を示している性質のことです。

たとえば、椅子を見ると、多くの人は自然に「座るものだ」とわかります。マグカップに取っ手があれば、「ここを持てばよい」と感じます。ドアに大きな取っ手が付いていれば、「引いて開けるのかな」と考えます。

このように、物の形や大きさ、素材、位置、見た目などが、人の行動を自然に導いている例がアフォーダンスです。

アフォーダンスは、デザインや建築、家具、道具、スマートフォン、Webサイト、駅や公共施設など、私たちの生活のあらゆる場所に関係しています。ふだん何気なく使っている物にも、「人が迷わず使えるようにするための工夫」がたくさん隠れています。

アフォーダンスを理解するためのポイント

アフォーダンスを考えるときに大切なのは、「その物が実際に何を可能にしているか」と「人にどう見えているか」の両方を見ることです。

たとえば、ドアは押して開けることも、引いて開けることもできます。しかし、見た目からどちらなのかがわからないと、人は迷ってしまいます。反対に、押すドアに平らな板が付いていれば、「ここを押せばよい」と直感的に理解できます。

つまり、よいアフォーダンスとは、単に機能があるだけでなく、使う人にとって「どう使えばよいか」が自然に伝わる状態だといえます。

「できること」と「できそうに見えること」は少し違う

アフォーダンスを考えるうえで、少し注意したい点があります。それは、「実際にできること」と「できそうに見えること」は必ずしも同じではないという点です。

たとえば、Webサイトの画面に四角い枠があり、色が付いていて、少し浮き出たように見えると、多くの人は「これはボタンだ」と感じます。しかし、実際にはクリックできないただの装飾だった場合、利用者は混乱します。

これは、「押せそうに見える」のに「押せない」という状態です。見た目が行動を誘っているのに、実際の機能と一致していないため、使いにくさが生まれます。

反対に、実際にはクリックできるのに、普通の文章と同じ色で表示されているリンクも問題です。この場合、「使える機能がある」のに、それが人に伝わっていません。

説明が少なくても使えるものは、アフォーダンスがよく働いている

よいアフォーダンスを持つ物は、長い説明を読まなくても使い方がわかります。

ハサミの指を入れる穴、急須の取っ手、引き出しのつまみ、階段の手すり、スマートフォンの再生ボタンなどは、その形や配置によって使い方を自然に示しています。

もちろん、すべての物が完全に説明なしで使えるわけではありません。しかし、よく考えられたデザインは、使う人に余計な迷いを与えません。「ここを持つ」「ここを押す」「ここに座る」「ここを回す」といった行動が、見た目から伝わるようになっています。

アフォーダンスのわかりやすい例

ここからは、身近なアフォーダンスの例を具体的に見ていきます。単に「便利なもの」を挙げるのではなく、どのような形や特徴が、どのような行動を導いているのかに注目すると理解しやすくなります。

ドアの取っ手

アフォーダンスの代表的な例が、ドアの取っ手です。

ドアに棒状の取っ手が付いていると、多くの人は「ここを握って引く」と考えます。取っ手は、人の手でつかめる形をしているため、自然に「引く」という行動を促します。

一方、押して開けるドアには、平らな金属板やプレートが付いていることがあります。平らな板には指をかける場所がないため、「引く」のではなく「押す」ものだと理解しやすくなります。

このように、ドアの取っ手やプレートは、言葉で説明しなくても「押すのか」「引くのか」を伝える役割を持っています。

椅子

椅子も、非常にわかりやすいアフォーダンスの例です。

椅子には、座るための平らな座面があります。また、多くの場合、背中を支える背もたれもあります。この形を見ることで、人は自然に「ここに座れる」と判断します。

もし同じ高さの物体でも、表面が斜めだったり、とげとげしていたり、不安定に見えたりすれば、人は座ろうとは思いません。つまり、椅子は単に座れるだけでなく、「座ってよいもの」として見える形をしていることが重要です。

マグカップの取っ手

マグカップの取っ手も、アフォーダンスを説明するのに適した例です。

取っ手は、指を入れたり、手で握ったりしやすい形をしています。そのため、使う人は自然に「ここを持つ」と判断できます。

また、熱い飲み物が入っている場合でも、カップ本体ではなく取っ手を持てば安全に扱えます。つまり、取っ手は「持つ場所」を示しているだけでなく、安全な使い方も同時に伝えています。

ハサミの指穴

ハサミには、指を入れるための穴があります。この穴を見ると、多くの人は「ここに指を入れて動かす」と理解します。

もしハサミに指穴がなく、ただ刃だけが並んでいたら、どこを持ってよいかわかりません。危険でもあります。

指穴の形は、人の指の動きに合わせて作られており、自然に「切る」という動作へ導いています。これもアフォーダンスがよく働いている例です。

スプーンとフォーク

スプーンとフォークは、形の違いによって使い方が伝わる例です。

スプーンにはくぼみがあるため、「すくう」動作に向いていることが見た目からわかります。スープやご飯、デザートなどをすくう道具として自然に理解できます。

一方、フォークには先の分かれた突起があります。その形から、「刺す」「からめる」「持ち上げる」といった使い方が想像できます。

どちらも食事の道具ですが、形状そのものが用途を伝えている点で、アフォーダンスのわかりやすい例です。

ボタンやスイッチ

押しボタンやスイッチも、アフォーダンスがよく見られるものです。

ボタンは、少し盛り上がっていたり、丸くなっていたり、周囲と違う色になっていたりします。そのため、人は「ここは押せる場所だ」と判断します。

照明のスイッチであれば、上下に動く形が「切り替える」動作を示します。スライド式のスイッチであれば、溝やレールの形が「横に動かす」ことを伝えます。

このように、スイッチ類は、形や位置によって操作方法を人に知らせています。

階段の手すり

階段の手すりは、「つかまる」ことを自然に促す形をしています。

手すりは、人の手で握りやすい高さや太さに設置されています。丸みのある形状であれば、手を添えたり握ったりしやすくなります。

階段を上り下りするとき、人は無意識に手すりに手を伸ばすことがあります。これは、手すりの形や位置が「ここを持てる」と示しているからです。

駅や電車のつり革

電車のつり革も、アフォーダンスの例としてわかりやすいものです。

つり革は輪の形をしており、手を入れて握ることができます。高い位置から下がっているため、立っている乗客が体を支えるために使うものだと自然にわかります。

もしつり革がただの細い棒だったり、握りにくい形だったりすれば、使いにくく感じるでしょう。輪の形や吊り下げられた位置が、「ここを握る」という行動を促しています。

アフォーダンスがうまく働いている例

アフォーダンスがうまく働いているものは、使う人があまり考えなくても自然に操作できます。ここでは、特にわかりやすい例を見ていきます。

押すドアには板、引くドアには取っ手がある

押すドアに平らなプレートが付いていて、引くドアに握れる取っ手が付いている場合、人は迷わず操作できます。

押すドアに大きな取っ手を付けてしまうと、多くの人は引こうとしてしまいます。反対に、引くドアに平らな板だけが付いていると、どこを持てばよいかわかりません。

ドアの形と開き方が合っていると、アフォーダンスがうまく働きます。

非常停止ボタンが大きく目立つ

工場や駅、機械設備などにある非常停止ボタンは、大きく、目立つ色で作られていることが多いです。

これは、緊急時にすぐ見つけて押せるようにするためです。非常停止ボタンが小さく、周囲と同じ色で、目立たない場所にあったら、必要なときに使えない危険があります。

大きさ、色、形、配置によって「ここを押せば止められる」と伝えている点で、安全に関わるアフォーダンスの例といえます。

スマートフォンの再生ボタン

スマートフォンや動画サイトでよく見る三角形の再生ボタンも、アフォーダンスの一例です。

三角形のマークを見ると、多くの人は「押すと動画や音楽が再生される」と理解します。これは、長い時間をかけて多くの機器や画面で使われてきたため、記号として定着しているからです。

デジタル画面には物理的な凹凸がありませんが、アイコンや色、形によって「押せる」「操作できる」と感じさせる工夫がされています。

入力フォームの枠

Webサイトの入力フォームも、アフォーダンスが働いている例です。

名前やメールアドレスを入力する欄は、四角い枠で囲まれていることが多く、空白になっています。そのため、利用者は「ここに文字を入力する」と理解できます。

さらに、入力欄の中に「お名前」「メールアドレス」などの薄い文字が表示されていれば、何を入力すればよいかもわかりやすくなります。

このように、デジタル上でも見た目の工夫によって行動が導かれています。

アフォーダンスが悪い例

アフォーダンスは、うまく働いているときにはあまり意識されません。しかし、うまく働いていないと、人はすぐに迷ったり、間違えたりします。

ここでは、悪いアフォーダンスの例を見ていきます。

押すのか引くのかわからないドア

もっとも身近な失敗例が、押すのか引くのかわからないドアです。

大きな取っ手が付いているのに、実際には押して開けるドアだった場合、多くの人は一度引いてしまいます。反対に、引く必要があるのに、取っ手が目立たないドアも使いにくくなります。

このようなドアには、よく「押す」「引く」と書かれた表示が貼られています。もちろん表示があること自体は親切ですが、本来は形だけで操作方法が伝わる方がわかりやすいデザインです。

押せそうに見えるのに押せない画面

Webサイトやアプリでは、押せそうに見えるのに押せないデザインが問題になることがあります。

たとえば、色付きの四角い枠や、影のあるパーツが画面に表示されていると、多くの人は「ボタンかな」と感じます。しかし、実際にはただの見出しや装飾だった場合、利用者は無駄にクリックしてしまいます。

これは、見た目が行動を誘っているのに、実際の機能と合っていない例です。

クリックできるリンクに見えない文字

反対に、クリックできるのにクリックできるように見えないリンクも問題です。

リンクが普通の文章と同じ色で、下線もなく、ボタンらしい形もしていない場合、利用者はそこを押せると気づきません。

せっかく機能があっても、それが伝わらなければ使われません。デジタル画面では、「押せるものは押せるように見せる」ことが重要です。

どこを持てばよいかわからない道具

道具の形が複雑で、持つ場所がはっきりしない場合も、アフォーダンスが弱い例です。

たとえば、調理器具や掃除道具、工具などで、どこを握ればよいのかわからない形をしていると、使う前に迷ってしまいます。場合によっては、危険な部分を触ってしまう可能性もあります。

よい道具は、持ち手の太さ、素材、角度、位置などによって、「ここを持つ」と自然に伝わるようになっています。

間違えて押しやすいボタン配置

ボタンの配置が悪いと、誤操作が起こりやすくなります。

たとえば、「保存」と「削除」のボタンが近くにあり、色や形も似ている場合、間違って押してしまう危険があります。

重要な操作ほど、見た目や配置に注意が必要です。削除やキャンセルなど、取り返しのつきにくい操作は、他のボタンと区別しやすい形にする必要があります。

身の回りにあるアフォーダンスの具体例一覧

アフォーダンスは、家の中、学校、職場、街中、デジタル機器など、さまざまな場所で見つけることができます。ここでは、身近な例を分野ごとに整理して紹介します。

家の中のアフォーダンスの例

• ドアノブ
  丸い形やレバーの形が、「回す」「下げる」「引く」といった動作を促します。
• 引き出しの取っ手
  指をかけやすい形によって、「手前に引く」ことがわかります。
• 椅子
  座面と背もたれがあることで、「座る場所」だと自然に理解できます。
• マグカップ
  取っ手があることで、熱い飲み物でも持つ場所がわかります。
• フライパンの柄
  長い持ち手が「ここを握る」と示しています。
• ゴミ箱のペダル
  足元のペダルが「踏むと開く」ことを伝えています。
• 照明スイッチ
  押したり切り替えたりできる形によって、操作する場所がわかります。
• 冷蔵庫の取っ手
  縦長の取っ手が「手前に引いて開ける」動作を誘導します。

キッチン用品のアフォーダンスの例

• 包丁の柄
  刃ではなく柄を握るように、素材や形が分けられています。
• ピーラー
  持ち手と刃の位置関係によって、皮をむく方向がわかります。
• お玉
  丸いくぼみが「汁をすくう」動作を示しています。
• トング
  二本の先端と握る部分によって、「はさんで持つ」ことがわかります。
• 計量カップ
  透明な容器と目盛りによって、「量を測る」ことが伝わります。
• 鍋のふたのつまみ
  中央の突起が「ここを持って開ける」と示しています。

文房具のアフォーダンスの例

• ボールペン
  細長い形が「持って書く」ことを促します。
• シャープペンシルのノック部分
  上部の小さな部品が「押す」操作を示しています。
• 消しゴム
  角や平らな面が「こする」動作を想像させます。
• ハサミ
  指穴が「指を入れて動かす」ことを伝えています。
• クリップ
  紙をはさめる形になっており、用途が見た目からわかります。
• ファイルの穴やリング
  紙を通したり留めたりする使い方が形で示されています。

学校や職場のアフォーダンスの例

• 机
  平らな面が「物を置く」「書く」「作業する」ことを可能にしています。
• 椅子
  座るための形と高さになっています。
• ホワイトボード
  白く広い面が「書く」「消す」対象だと伝えています。
• コピー機の操作ボタン
  色や配置によって、開始・停止・枚数指定などの操作を示しています。
• 会議室のドアプレート
  部屋の用途や入室可否を示し、行動を判断しやすくしています。
• パソコンのキーボード
  キーが並んでいることで、「押して入力する」ことがわかります。

駅や電車のアフォーダンスの例

• つり革
  輪の形が「手で握る」ことを促します。
• 手すり
  握りやすい高さと形で、体を支える行動を導きます。
• 改札機のカード読み取り部分
  カードをかざす位置が光やマークで示されます。
• エレベーターのボタン
  行き先階を選ぶために押す場所がわかりやすく配置されています。
• 電車の降車ボタン
  目立つ位置と形によって、「降りたいときに押す」ことが伝わります。
• ホームドアの開閉部分
  扉の線や動く範囲が見えることで、立つ位置に注意しやすくなります。

スマートフォンやWebサイトのアフォーダンスの例

• アプリのアイコン
  絵や記号によって、何の機能かを想像しやすくしています。
• 青色や下線付きのリンク
  クリックできる場所だと認識しやすくなります。
• 立体感のあるボタン
  押せるものとして見えるように工夫されています。
• スワイプできる画面
  横に並ぶカードや途中で切れた画像が、横方向の操作を示します。
• 入力フォーム
  四角い枠や空欄が「ここに文字を入力する」と伝えます。
• ゴミ箱アイコン
  削除する機能を、現実のゴミ箱になぞらえて示しています。
• 虫眼鏡アイコン
  検索機能を表す記号として使われています。
• 三本線のメニューアイコン
  押すとメニューが開くことを示すデザインとして広く使われています。

アフォーダンスとシグニファイアの違い

アフォーダンスについて調べていると、「シグニファイア」という言葉が出てくることがあります。

シグニファイアとは、使い方を人に知らせるための手がかりのことです。たとえば、「押す」と書かれた表示、矢印、色、ランプ、音、アイコンなどがシグニファイアにあたります。

アフォーダンスが「その物が可能にしている行動」だとすると、シグニファイアは「その行動を人に知らせる目印」と考えるとわかりやすいです。

たとえば、ドアに取っ手があること自体は「引く」という行動を可能にしています。一方で、「引く」と書かれた文字や矢印は、その行動を知らせるシグニファイアです。

実際のデザインでは、アフォーダンスとシグニファイアが組み合わさって使われることが多くあります。形だけで伝われば理想的ですが、公共施設や安全に関わる場所では、文字や色、音などで補助することも重要です。

アフォーダンスとユニバーサルデザインの関係

アフォーダンスは、ユニバーサルデザインとも深く関係しています。

ユニバーサルデザインとは、年齢、体格、障害の有無、言語の違いなどにかかわらず、できるだけ多くの人が使いやすいように設計する考え方です。

アフォーダンスがうまく働いているデザインは、説明を読まなくても使いやすくなります。そのため、子ども、高齢者、外国人、初めて使う人にとっても理解しやすいものになります。

たとえば、握りやすい手すり、大きく押しやすいボタン、わかりやすいアイコン、持ちやすい食器、直感的に操作できる家電などは、アフォーダンスとユニバーサルデザインの両方に関係する例です。

ただし、すべてのユニバーサルデザインがアフォーダンスそのものというわけではありません。文字を大きくする、色のコントラストを高める、多言語表示をする、といった工夫は、視認性や情報の伝達を高める工夫です。アフォーダンスはその中でも特に、「物や環境が行動をどう導くか」に注目する考え方です。

アフォーダンスを意識すると、身の回りの見え方が変わる

アフォーダンスを知ると、身の回りの物を見る目が少し変わります。

なぜこのドアは開けやすいのか。なぜこの椅子には自然に座りたくなるのか。なぜこのアプリは使いやすいのか。反対に、なぜこの機械は操作しにくいのか。そうした疑問を考えると、使いやすさの理由が見えてきます。

使いやすい物は、偶然使いやすくなっているわけではありません。形、色、素材、位置、大きさ、動き方などが、人の行動に合うように設計されています。

アフォーダンスは、デザインの専門用語としてだけでなく、日常生活の中で「なぜこれは使いやすいのか」「なぜこれはわかりにくいのか」を考えるための便利な視点です。

まとめ｜アフォーダンスは「自然に使える」を支える考え方

アフォーダンスとは、物や環境が人に対して「どのような行動ができるか」を示している性質のことです。

ドアの取っ手、椅子、マグカップ、ハサミ、スイッチ、手すり、スマートフォンのボタンなど、私たちの身の回りには多くのアフォーダンスがあります。

よいアフォーダンスがあると、人は説明を読まなくても自然に使い方を理解できます。反対に、アフォーダンスが悪いと、押すのか引くのかわからないドア、クリックできるのかわからない画面、どこを持てばよいかわからない道具のように、迷いや誤操作が生まれます。

アフォーダンスは、単なる便利さではなく、人の行動を自然に導くための重要な考え方です。身近な物を観察すると、私たちがふだん無意識に使っている多くの道具や設備が、形や見た目によって「使い方」を伝えていることに気づくことができます。