카페 문에 손잡이가 달려 있다. 그 옆에는 “미세요”라고 적힌 안내문이 붙어 있다. 손님은 손잡이를 잡고 당긴다. 문은 열리지 않는다. 직원이 안에서 손짓한다. “미셔야 해요.”
이 장면은 하루에도 몇 번씩 반복된다. 손님이 부주의해서가 아니다. 손잡이가 이미 “당겨라”라고 말하고 있었기 때문이다. 글자는 나중에 읽힌다. 형태가 먼저 읽힌다. 그 순서를 뒤집을 방법은 없다.
디자인에서는 이걸 어포던스(affordance)라고 부른다.
어포던스란 무엇인가
어포던스는 사물의 형태가 사용자에게 특정 행동을 제안하는 성질이다. 평평한 판은 밀라고 말한다. 봉 모양 손잡이는 잡아당기라고 말한다. 오목한 홈은 손가락을 넣으라고 말한다. 아무도 설명하지 않아도 사람은 그렇게 행동한다.
이 개념은 지각심리학자 제임스 깁슨(James J. Gibson)이 1970년대에 제시했고, 인지과학자 도널드 노먼(Donald A. Norman)이 1988년 저서 『디자인과 인간심리(The Design of Everyday Things)』에서 디자인 영역으로 끌어왔다. 이후 밀어야 할지 당겨야 할지 헷갈리는 문에는 ‘노먼 도어(Norman door)’라는 별명이 붙었다. 디자이너의 이름이 실패한 문의 대명사가 된 셈이다.
사용자가 설명서를 읽어야 열리는 문이라면, 그 문은 이미 실패한 디자인이다.
안내문을 늘리는 건 해결이 아니다
문제가 반복되면 대부분 같은 선택을 한다. 안내문을 더 크게 쓴다. 더 많이 붙인다. 밑줄을 긋고 느낌표를 세 개 찍는다. “제발 미세요!!” “꼭! 미세요!!!”
그런데도 사람들은 여전히 문을 당긴다. 당연하다. 안내문은 형태를 이기지 못한다. 손이 손잡이에 닿는 시점과 눈이 글자를 해석하는 시점 사이에는 시차가 있다. 행동은 그 시차보다 빠르다.
설명이 늘어나면 문제가 해결되는 게 아니라, 문제가 있다는 사실만 크게 게시된다. 안내문 다섯 장이 붙은 문은 사용자를 가르치는 문이 아니다. 설계가 잘못됐다고 자백하는 문이다.
화면에서도 똑같은 일이 벌어진다. 툴팁을 붙인다. 온보딩 팝업을 추가한다. 도움말 페이지 링크를 넣는다. “여기를 눌러주세요”라는 안내 문구를 띄운다. UI에 붙는 설명은 대부분 안내가 아니라 사후약방문이다.
고쳐야 할 건 사람이 아니라 환경이다
한 사람이 헷갈렸다면 실수일 수 있다. 열 사람이 같은 지점에서 같은 방식으로 헷갈렸다면 그건 실수가 아니다. 패턴이고, 패턴은 언제나 설계의 문제다.
현장에서 이 판단을 뒤집는 말이 자주 나온다. “사용자가 제대로 안 봐서 그렇다.” “교육이 부족했다.” 이건 원인 분석이 아니다. 책임 이전이다. 사람의 인지 방식은 바뀌지 않는다. 바꿀 수 있는 건 사람 앞에 놓인 물건뿐이다.
도널드 노먼이 정리한 해법도 단순하다. 어포던스와 기표(시그니파이어, signifier)를 구분하라는 것이다. 어포던스는 그 사물이 물리적으로 가능하게 하는 행동이고, 기표는 그 가능성을 사용자 눈에 보이게 하는 단서다. 문을 미는 것은 어포던스, 평평한 금속 판과 화살표는 기표다. 둘이 같은 방향을 가리킬 때만 문은 조용히 열린다.
| 구분 | 정의 | 문 사례 | UI 사례 |
|---|---|---|---|
| 어포던스 | 사물이 허용하는 행동 자체 | 문이 안쪽으로 열린다 | 버튼이 클릭을 받는다 |
| 기표(시그니파이어) | 그 행동을 알려주는 지각 단서 | 평평한 푸시 플레이트 | 입체감·색·커서 변화 |
| 잘못된 기표 | 행동을 반대로 유도하는 단서 | 미는 문에 달린 손잡이 | 클릭되지 않는 파란 밑줄 텍스트 |
실무에서 바로 쓰는 어포던스 점검법
디자인 리뷰에서 “직관적이지 않다”는 말만큼 쓸데없는 피드백도 없다. 어포던스는 감각의 문제가 아니라 점검의 문제다. 다음 다섯 가지만 확인해도 대부분의 노먼 도어는 걸러진다.
- 설명을 다 지우고 테스트한다 — 툴팁, 안내 문구, 온보딩을 전부 걷어낸 상태에서 과제를 수행시켜 본다. 그래도 통과하면 형태가 제 역할을 하고 있는 것이다.
- 클릭 가능한 것과 불가능한 것을 시각적으로 분리한다 — 같은 굵기, 같은 색의 텍스트가 어떤 건 링크고 어떤 건 아니면 사용자는 매번 도박을 한다.
- 안내 문구가 늘어나는 화면을 의심한다 — 문구 추가는 개선이 아니라 경고 신호다. 문구가 붙는 자리마다 설계 결함이 숨어 있다.
- 같은 지점에서 이탈이 반복되는지 본다 — 특정 단계의 이탈률이 유독 높다면 사용자 부주의가 아니라 잘못된 기표를 먼저 찾아야 한다.
- 학습된 관습을 섣불리 뒤집지 않는다 — 스와이프 방향, 저장 아이콘, 장바구니 위치 같은 규약은 어포던스와 동급으로 작동한다.
플랫 디자인이 한 시대를 지배하면서 이 원칙은 오히려 후퇴했다. 그림자를 지우고, 테두리를 없애고, 버튼을 텍스트처럼 만들었다. 화면은 깔끔해졌다. 대신 무엇을 누를 수 있는지가 사라졌다. 미학을 얻고 기표를 잃은 것이다. 그 대가는 고객센터 문의량으로 돌아온다.
디자인은 안내가 아니라 경험을 설계하는 일이다
카페 문의 해법은 결국 단순했다. 손잡이를 떼고 평평한 푸시 플레이트를 달았다. 표지판에는 방향 화살표를 넣었다. 안내문 다섯 장은 한 장으로 줄었다. 그리고 손님은 아무 말 없이 문을 밀고 들어왔다.
달라진 건 사람이 아니다. 문이다. 형태, 단서, 흐름을 사람의 직관에 맞추면 올바른 행동은 저절로 따라온다. 그게 어포던스를 다루는 유일한 방법이다.
좋은 디자인은 사용자를 똑똑하게 만들지 않는다. 사용자가 이미 아는 방식대로 작동할 뿐이다. 설명이 필요 없다는 것, 그게 본질이다.
자주 묻는 질문
Q. 어포던스 뜻이 정확히 무엇인가요?
어포던스는 사물의 형태가 사용자에게 특정 행동을 제안하는 성질입니다. 봉 모양 손잡이는 당기는 행동을, 평평한 판은 미는 행동을 유도합니다. 설명 없이도 사용자가 무엇을 해야 할지 알게 만드는 힘입니다.
Q. 노먼 도어(Norman door)는 무엇인가요?
밀어야 할지 당겨야 할지 형태만으로 알 수 없는 문을 뜻합니다. 도널드 노먼의 이름에서 유래했으며, 잘못된 어포던스 설계의 대표 사례로 인용됩니다.
Q. 어포던스와 시그니파이어(기표)는 어떻게 다른가요?
어포던스는 사물이 실제로 허용하는 행동이고, 시그니파이어는 그 행동을 사용자가 알아채도록 만드는 지각 단서입니다. 문이 안쪽으로 열리는 것은 어포던스, 평평한 푸시 플레이트는 시그니파이어입니다. 둘이 어긋나면 사용자는 반드시 실수합니다.
Q. 안내 문구를 추가하면 사용성이 개선되지 않나요?
개선되지 않습니다. 사용자는 형태를 먼저 인지하고 글자를 나중에 읽기 때문입니다. 문구가 늘어난다는 건 설계 결함이 남아 있다는 신호이므로, 문구를 늘리기 전에 형태를 바꿔야 합니다.
Q. UI 디자인에서 어포던스를 점검하는 가장 빠른 방법은 무엇인가요?
모든 툴팁과 안내 문구를 제거한 상태로 사용자에게 과제를 수행시켜 보는 것입니다. 설명 없이 통과하면 형태가 제 역할을 하고 있는 것이고, 막히면 그 지점이 고쳐야 할 자리입니다.
참고 — 도널드 노먼, 『디자인과 인간심리(The Design of Everyday Things)』 / 제임스 깁슨의 지각심리학 어포던스 이론
출처 : 디자인DB > 디자인연구 디자인사전(서비스·경험디자인)한국디자인진흥원, 홍익대학교, 한국디자인학회 https://share.google/YvdcpfYweHtTv4Kqq – 이 글은 한국디자인진흥원(@kidp_servicedesign)의 게시글을 참고하여 작성하였습니다
