깁슨에서 노먼까지
심리학자 깁슨(1979)은 환경이 동물에게 제공하는 행동 가능성을 어포던스라고 불렀어요. 의자는 앉을 수 있게, 손잡이는 잡을 수 있게 해 줘요. 노먼(1999)은 화면 위에서는 '실제' 어포던스보다 사용자가 알아차리는 '지각된' 어포던스가 중요하다고 정리했고, 노먼(2013)은 행동 가능성을 알려주는 단서를 기표(signifier)라는 말로 구분했어요. 터치스크린은 화면 전체를 누를 수 있으니, 무엇을 누를 수 있는지는 오직 기표가 알려줘요.
숨겨진 어포던스와 거짓 어포던스
게이버(1991)는 행동이 가능한데 보이지 않는 '숨겨진' 어포던스와, 보이는데 실제로는 안 되는 '거짓' 어포던스를 구분했어요. 모바일의 숨겨진 스와이프 삭제나 길게 누르기 메뉴는 숨겨진 어포던스, 밑줄만 있고 링크가 아닌 텍스트는 거짓 어포던스예요. 하트슨(2003)은 이를 인지적(무엇인지 아는가), 물리적(누를 수 있는가), 감각적(보이는가), 기능적(쓸모 있는가)으로 나눠 점검하라고 해요. 물리적 어포던스는 충분한 터치 타깃 크기와 직결돼요.
플랫 디자인과 모바일 버튼
모란(2017)은 시선 추적 연구에서 그림자·테두리 없는 플랫 UI 요소가 주목을 덜 받고 망설임을 만든다고 보고했어요. 해결책은 장식으로 돌아가는 게 아니라 분명한 기표를 쓰는 거예요. 버튼에는 채워진 배경이나 테두리, 링크에는 색과 밑줄, 스와이프 가능한 영역에는 살짝 잘린 다음 카드를 보여주세요. 제스처 내비게이션처럼 보이지 않는 조작은 첫 사용 때 힌트를 주고, 제이콥의 법칙이 말하는 관습적 모양을 활용하면 학습이 빨라요.
자주 묻는 질문
- 어포던스와 기표는 어떻게 다른가요?
- 어포던스는 가능한 행동 자체이고, 기표는 그 행동이 가능하다는 것을 알려주는 시각적 단서예요.
- 플랫 디자인은 쓰면 안 되나요?
- 써도 돼요. 다만 버튼 배경·테두리·색처럼 누를 수 있다는 기표는 분명히 남겨야 해요.
출처 검토일: 2026-10-27
참고문헌
- Gibson, J. J. (1979). The ecological approach to visual perception. Houghton Mifflin. 어포던스라는 말을 처음 만든 생태심리학의 고전이라, 개념의 기원을 볼 때 참고하면 도움이 돼요.
- Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. 실제 어포던스와 지각된 어포던스를 구분한 글이라, 화면 디자인에 적용할 때 참고하면 도움이 돼요.
- Gaver, W. W. (1991). Technology affordances. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 79–84). ACM. 숨겨진·거짓 어포던스를 분류한 연구라, 오해를 부르는 UI를 진단할 때 참고하면 도움이 돼요.
- Hartson, R. (2003). Cognitive, physical, sensory, and functional affordances in interaction design. Behaviour & Information Technology, 22(5), 315–338. 어포던스를 인지·물리·감각·기능의 네 종류로 나눈 틀이라, 모바일 요소를 점검할 때 참고하면 도움이 돼요.
- Norman, D. A. (2013). The design of everyday things (Revised and expanded ed.). Basic Books. 기표(signifier) 개념을 도입한 개정판이라, 버튼이 '눌러 보이게' 만드는 원리를 볼 때 참고하면 도움이 돼요.
- Moran, K. (2017, September 3). Flat UI elements attract less attention and cause uncertainty. Nielsen Norman Group. 시선 추적으로 플랫 UI의 약한 기표가 망설임을 만든다는 걸 보여, 버튼 스타일을 정할 때 참고하면 도움이 돼요.
- Lidwell, W., Holden, K., & Butler, J. (2010). Universal principles of design (Rev. ed.). Rockport. 어포던스 항목을 사례와 함께 짧게 정리해, 팀 교육 자료로 참고하면 도움이 돼요.