アフォーダンス

概要

心理学者ジェームズ・J・ギブソンが提唱した生態心理学の概念。「与える（Afford）」という言葉が由来。 本来は「環境が存在に対して提供する価値」すべてを指すが、ドナルド・ノーマンがデザインの世界に持ち込んだ際、「ユーザーに操作方法を示唆する知覚可能な手がかり（The Design of Everyday Things）」として定義し直したため、一般的には後者の意味で使われることが多い。

UIでのアフォーダンスとは、「その要素で何ができるか」という操作可能性のこと。たとえばボタンは押せる、リンクは移動できる、入力欄は文字を入れられる、という関係性を持つ。

UIデザインでのアフォーダンス

UIでのアフォーダンスは、ユーザーが説明文を読まなくても「これは押せる」「これは入力できる」「これは横に動かせる」と予測できる状態を作ることです。特にボタン、リンク、フォーム、カード、メニュー、トグルなど、行動を期待する要素では重要になります。

UXでの活用

• 立体的で影のあるボタン: 「押すことができる」というアフォーダンスを持つ。
• 青色で下線のあるテキスト: 「クリックして別の場所に移動できる」というアフォーダンスを持つ。
• ドアの平らな金属板: 「押して開ける」ことを示唆する（取っ手がない＝引けない）。
• フォームの枠線とカーソル: 「ここに入力できる」という操作可能性を伝える。

誤用・混乱

「アフォーダンスがある」という言い方は厳密には誤りで、「アフォーダンスが存在する」または「シグニファイア（Signifier）によってアフォーダンスが可視化されている」と言うのが正確。 ノーマンは後に、知覚可能な手がかりのことを「シグニファイア」と呼び区別している。

実務では「アフォーダンスが弱い」と言われた時に、機能そのものがないのか、押せる合図が足りないのかを分けて考える。機能はあるが気づかれない場合は、アフォーダンスではなくシグニファイアを強める。

FAQ

アフォーダンスとは何ですか？

アフォーダンスとは、環境やUIがユーザーに示す行動の可能性です。UIでは、ボタンが押せそう、リンクがクリックできそう、入力欄に文字を入れられそう、といった操作の予測しやすさとして扱われます。

アフォーダンス UIとは何ですか？

アフォーダンス UIとは、ユーザーが説明なしに操作方法を予測できるように設計されたUIです。押せるボタン、クリックできるリンク、入力できるフォーム、切り替えられるトグルなど、見た目と操作の関係が自然に伝わる状態を指します。

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

アフォーダンスは「行動できる可能性」そのもの、シグニファイアはその可能性をユーザーに気づかせる手がかりです。たとえばボタンは押せるというアフォーダンスを持ち、影や枠、ラベルが「押せる」と伝えるシグニファイアになります。

UIでアフォーダンスを高めるには何を見ればよいですか？

押せる要素が押せそうに見えるか、入力欄が入力欄に見えるか、状態変化が操作後に伝わるかを確認します。色だけに頼らず、形、余白、ラベル、アイコン、ホバー、フォーカス、フィードバックを組み合わせるのが基本です。