押すドアか、引くドアか——アフォーダンスと「シグニファイア」

押すのか引くのか、一瞬迷うドアがある。立派な取っ手が付いているのに「PUSH」と書いてあるドア。手で押した瞬間にガチャンと跳ね返される、あれだ。こういうドアを前にして「自分は鈍い」と思う必要はない。悪いのは人ではなく設計のほうだ——というのが、プロダクトデザインの古典的な教えである。今日はその核心にある「アフォーダンス」と「シグニファイア」という二つの言葉を整理したい。
「ノーマンドア」——設計が人を間違えさせる
押し引きを取り違えさせるドアは、あまりに有名なので**「ノーマンドア(Norman door)」**という俗称まである。名前の由来は、認知科学者のドナルド・ノーマン。彼の名著『誰のためのデザイン?』(原題 The Design of Everyday Things、1988年)が、この種の「使い手を責めさせる悪いデザイン」を世に知らしめた。
縦に長い取っ手は「握って引く」ことを語りかけてくる。だから取っ手の付いた押しドアは、見た目の手がかりと正しい操作が食い違い、人を確実に間違えさせる。逆に、押すだけの平らな金属プレートが付いていれば、誰も引こうとはしない。ドアが自分の使い方を正しく語っているかどうか——それが分かれ目だ。
アフォーダンスとは何だったか
ここで言葉を整理する。アフォーダンスはもともと、知覚心理学者ジェームズ・ギブソンが提唱した概念で、「環境(モノ)が動物に対して与える、行為の可能性」を指す。平らで安定した面は「乗る・置く」をアフォードし、ノブは「回す」をアフォードする、という具合だ。
ノーマンはこの言葉をデザインの世界に持ち込んだ。ところが便利すぎたのか、「アフォーダンス=操作を示す見た目の手がかり」という、本来とはややズレた意味で広まってしまう。ボタンに影を付けて「押せそうに見せる」ことを「アフォーダンスを与える」と呼ぶ用法だ。ノーマン自身、後にこの混乱を自分の責任として認めている。
ノーマンの訂正:本当に効くのは「シグニファイア」
混乱を解くためにノーマンが持ち出した言葉がシグニファイア(signifier)だ。区別はシンプルに捉えられる。
- アフォーダンス=そのモノで「できること」そのもの(押せる・回せる・乗れる)。存在していても、目に見えるとは限らない。
- シグニファイア=「どこで・どうすればいいか」を利用者に伝える、知覚できる手がかり。プレート、矢印、ラベル、へこみ、影。
ドアは構造上「押す」ことも「引く」こともアフォードできる。問題は、どちらをすべきかを伝えるシグニファイアが欠けている(あるいは嘘をついている)ことだ。だから設計者の仕事は、抽象的な「アフォーダンスを与える」ことよりも、正しいシグニファイアを置くことにある。これはデジタルでも同じで、リンクに下線を引く、押せるものに影や枠を付ける、無効なボタンを淡く見せる——すべてシグニファイアの設計だ。
プロダクトに落とす:手がかりを設計する
実務での合言葉は「説明書きを足す前に、形で語らせる」。USB端子の向きを示す刻印、コンセントの非対称な形、スマホの充電口——うまくできた製品は、ラベルがなくても正しい使い方が形からにじむ。逆に、注意書きの貼り紙が増えていくプロダクトは、シグニファイアの設計に失敗しているサインだ。
迷わせたら負け。利用者が立ち止まって考えた瞬間、それはこちらの設計が手がかりを渡しそこねた証拠——タクはいつもそう自分に言い聞かせて、目の前の試作品のドアハンドルを握り直している。
お役立ち情報
- 📕 アフォーダンス(UX TIMES 用語集)
- ギブソンの原義からノーマンの転用、シグニファイアへの整理までを、ドアや指洗い鉢の例で日本語で丁寧に解説。
- 📄 「アフォーダンス」と「シグニファイア」をおさらいしてみる(CRESCO Tech Blog)
- 開発者・デザイナー向けに、両者の違いと実装上の使い分けを具体例でまとめた日本語ブログ。
- 📘 誰のためのデザイン? 増補・改訂版(新曜社)
- この分野の原典。腰を据えて学ぶならまずこの一冊。出版社の書誌ページ。