{3줄 요약}
사용자는 인터페이스를 배우고 싶어 하지 않아요.
좋은 디자인은 설명 없이도 사용 방법을 이해하게 만들어요.
이때 중요한 개념이 바로 Affordance예요.
인터페이스가 사용 방법을 알려주는 방식
사람들은 새로운 제품을 사용할 때 매뉴얼을 먼저 읽지 않아요.
대신 화면이나 사물의 형태를 보고 어떻게 사용해야 할지 추측해요.
이때 디자인이 제공하는 힌트를 Affordance라고 불러요.
Affordance는 사용자가 어떤 행동을 할 수 있는지 자연스럽게 알려주는 디자인 특성이에요.
예를 들어 버튼처럼 보이는 요소는 눌러야 할 것 같고, 스크롤 가능한 영역은 아래로 움직일 수 있을 것처럼 보여요.
이런 시각적 신호는 사용자가 시스템을 이해하는 데 중요한 역할을 해요.
그래서 좋은 인터페이스는 설명 없이도 행동을 유도하는 구조를 가지고 있어요.
사람은 왜 인터페이스를 직관적으로 이해할까
사람이 인터페이스를 직관적으로 이해하는 이유는 경험 때문이에요.
우리는 일상에서 수많은 사물을 사용하면서 어떤 형태가 어떤 행동과 연결되는지 학습해 왔어요.
예를 들어 손잡이는 잡는 용도이고 버튼은 누르는 용도라는 것을 자연스럽게 알고 있어요.
이런 경험은 디지털 인터페이스에서도 그대로 적용돼요.
그래서 인터페이스 디자인에서는 사람들이 이미 알고 있는 행동 패턴을 활용하는 것이 중요해요.
디지털 인터페이스에서 Affordance가 보이는 순간
초기의 스마트폰 인터페이스는 버튼인지 아닌지 구분하기 어려운 경우가 많았어요.
Apple의 iOS는 버튼에 그림자와 형태를 사용해서 클릭 가능한 요소를 명확하게 표현했어요.
사용자는 자연스럽게 그 요소를 눌러야 한다는 것을 이해하게 되었어요.
이 디자인은 단순한 그래픽 표현이 아니라 사용자의 행동을 안내하는 인터페이스 구조였어요.
오늘날 많은 모바일 인터페이스에서도 버튼 색상, 카드 구조, 스크롤 힌트 등을 통해 사용자가 무엇을 할 수 있는지 자연스럽게 전달하고 있어요.
실무에서 Affordance를 설계하는 방법
실무에서는 다음과 같은 방식으로 Affordance를 설계해요.
- 클릭 가능한 요소는 버튼처럼 보이게 만들기
- 스크롤 영역을 시각적으로 구분하기
- 인터랙션 가능한 요소에 움직임 제공하기
예를 들어 카드 UI는 사용자가 눌러서 상세 페이지로 이동할 수 있다는 신호를 전달해요.
작은 애니메이션이나 hover 효과도 사용자의 행동을 유도하는 중요한 힌트가 돼요.
이런 요소들은 사용자가 인터페이스를 배우지 않아도 자연스럽게 행동하도록 만드는 디자인 장치예요.
References
Victor Papanek — Design for the Real World (1971)
Don Norman — The Design of Everyday Things (1988)
William Lidwell — Universal Principles of Design (2003)
John Maeda — The Laws of Simplicity (2006)
Steve Krug — Don't Make Me Think (2014)
Nielsen Norman Group — Nielsen Norman Group – 10 Usability Heuristics (2026)
Nielsen Norman Group — Nielsen Norman Group – UX Research Reports (2026)