アフォーダンスとシグニファイア:説明がなくても「使い方が直感でわかる」プロダクトデザイン
新しい電化製品やアプリ、あるいはホテルの部屋の設備を初めて使うとき、「どう操作すればいいのか分からない」と戸惑った経験はありませんか?あるいは逆に、説明書を読まなくても自然と正しく使えた経験もあるでしょう。
この「説明なしで使い方が直感的にわかる」デザインを支えているのが、認知心理学およびプロダクトデザインの基本概念である「アフォーダンス」と「シグニファイア」です。今回は、混同されがちなこの2つの言葉の本来の意味と、実例を通じたデザインの活かし方を整理します。
混同されがちな「アフォーダンス」と「シグニファイア」
これらの言葉は、認知科学者のドナルド・ノーマン(Donald Norman)が著書『誰のためのデザイン?』でデザインの領域に導入したことで広く知られるようになりました。しかし、ノーマン自身が後に認めているように、初期の記述が原因でこの2つは長年混同されてきました。
アフォーダンス(Affordance)とは:物理的な関係性
アフォーダンスは、もともと生態心理学者ジェームズ・ギブソンが作った造語で、「環境が動物に提供する(afford)行為の可能性」を指します。
デザインにおいては、「物体が持つ物理的な特性と、それを利用する人間との間に存在する行為の可能性」と定義されます。 例えば、目の前に平らで頑丈な切り株があるとき、その切り株は人間に「座る」という行為の可能性(アフォーダンス)を提供しています。これは、人間がその切り株に気づいているかどうかにかかわらず、物理的に存在している関係性です。
シグニファイア(Signifier)とは:行為を促すシグナル
一方、シグニファイアは「物理的に可能な行為のうち、どれを実行すべきかを人間に伝えるための『記号(シグナル)』」です。
ノーマンは、プロダクトデザインにおいて重要なのはアフォーダンスそのものよりも、それを人間に知覚させる「シグニファイア」であると強調しました。シグニファイアは、設計者の意図をユーザーに伝えるための「手がかり」なのです。
「ノーマンドア」から見る実例
この違いを最も理解しやすいのが、押すのか引くのかわからない、いわゆる「ノーマンドア(Norman Door)」の例です。
ドアという物体自体は、押すことも引くこともできる「アフォーダンス」を物理的に持っています。しかし、以下のどちらのパーツが取り付けられているかによって、ユーザーに対するシグニファイア(手がかり)が変わります。
- 平らな金属プレート:ドアにプレートだけが貼られている場合、それは「ここを押せば開く」という行為をシグニファイ(指示)しています。掴む部分がないため、ユーザーは迷わず「押す」という行動を取ります。
- 縦方向の取っ手(ハンドル):ドアにハンドルが取り付けられている場合、それは「ここを握って手前に引く」という行為をシグニファイしています。
もし、「引いて開けるドア」に「押したくなるような平らなプレート」が付いていたら、ユーザーは必ず操作を間違えます。これはアフォーダンス(引いて開く物理的構造)とシグニファイア(押すことを伝える見た目)が矛盾している、典型的なバッドデザインです。
現代のプロダクトにおける応用
優れたプロダクトデザイナーは、文字で「ここを押す」「引く」と書く代わりに、形や素材の質感自体をシグニファイアとして活用します。
- ボタンの凹み:スマートフォンの側面ボタンや家電のスイッチが少し凹んでいたり、周囲に溝があったりするのは、「指で押し込める」ことを視覚・触覚的に伝えるシグニファイアです。
- 素材の切り替え:カメラのグリップ部分にだけ滑り止めの革調素材が貼られている場合、それは「ここを握る」という行為をシグニファイしています。
デジタル上のUIデザインにおいても、ボタンに影をつけて立体的に見せる「スキューモーフィズム」や、スクロール可能な領域を示す「境界線のグラデーション」などはすべてシグニファイアの一種です。
まとめ
アフォーダンスが「物理的な操作の可能性」であるのに対し、シグニファイアは「それをユーザーに示すための手がかり」です。
直感的なプロダクトを設計するためには、物体が持つ物理的な特性を正しく把握し、それを矛盾のない明快な視覚的シグナル(シグニファイア)として表現することが求められます。「使えないのはユーザーが悪いのではなく、デザインが悪い」というノーマンの教えは、すべてのものづくりの根底に流れるべき原則です。
お役立ち情報
- 📄 Donald Norman - Affordances and Design (英語)
- ドナルド・ノーマンによる、アフォーダンスとシグニファイアの混同について自身の見解を整理した公式エッセイです。
- 📄 U-Site - アフォーダンスとシグニファイアの違い (日本語)
- ニールセン・ノーマングループ(NN/g)の記事を翻訳したもので、UI/UXデザインにおける両概念の使い分けが分かりやすくまとめられています。
出典:
出典: