어포던스 디자인에 대하여

디자인은 기능이 아니라 행동을 만든다.

우리는 무언가를 사용할 때 그것을 ‘이해하려고’ 하지 않는다. 사실 더 정확하게 말하면, 이해하는 과정을 최대한 건너뛰고 싶어 한다. 앱을 사용할 때 설명서를 먼저 읽는 경우는 거의 없고, 새로운 기기를 샀을 때도 메뉴얼을 펼쳐보는 순간은 생각보다 드물다. 대부분의 경우 우리는 화면을 몇 번 눌러보고, 대충 감으로 움직여보면서 사용하는 방법을 익힌다.

이건 게으름의 문제가 아니라 인간의 자연스러운 방식에 가깝다. 사람은 본능적으로 인지 부담을 줄이려고 하고, 가능한 한 빠르게 목적에 도달하려고 한다. 그래서 좋은 경험이라는 건 무언가를 많이 이해해서 얻어지는 것이 아니라, 이해할 필요조차 없을 때 만들어진다.

보는 순간 어떻게 해야 할지 알 수 있고, 손이 가는 대로 했을 때 원하는 결과가 나오는 것. 우리가 흔히 “직관적이다”라고 말하는 경험은 대부분 이런 상태에 가깝다.

결국 사용자는 생각을 통해 움직이는 것이 아니라, 인식과 반응을 통해 움직인다. 그래서 디자인이 해야 하는 일은 사용자를 ‘이해시키는 것’이 아니라, 생각하기 전에 이미 행동하게 만드는 환경을 만드는 데 있다.

Chapter 01

우리는 왜

헷갈리는 디자인을 만나는가

어포던스 디자인 이미지 01

디자인이 어렵다고 느껴지는 순간을 떠올려보면, 대부분 기능이 부족해서라기보다는 무엇을 해야 할지 몰라서 멈추는 경우가 많다. 기능은 충분히 존재하지만, 그것이 어떻게 작동하는지 알 수 없기 때문에 사용자는 잠깐 멈추고 생각하게 된다. 그리고 그 짧은 멈춤이 반복될수록 경험은 점점 불편해진다.

디자인을 하는 입장에서 보면 우리는 종종 기능을 추가하는 데 집중한다. 더 많은 옵션을 제공하고, 더 다양한 기능을 넣고, 더 많은 것을 할 수 있게 만든다. 하지만 사용자의 입장에서는 “무엇을 할 수 있는가”보다 “지금 무엇을 해야 하는가”가 더 중요하다. 선택지가 많아질수록 오히려 판단은 어려워지고, 행동은 늦어진다.

그래서 디자인의 문제는 기능의 부족이 아니라 이해의 실패에서 발생한다. 아무리 좋은 기능이라도 인지되지 않으면 존재하지 않는 것과 같고, 반대로 존재하지 않는 기능도 그렇게 보이면 사용자는 계속해서 시도하게 된다. 결국 중요한 것은 기능 그 자체가 아니라, 그 기능이 어떻게 ‘읽히는가’다.

우리는 흔히 디자인을 ‘사용자가 선택할 수 있도록 만드는 것’이라고 생각한다. 하지만 실제로는 그 반대에 가깝다. 좋은 디자인은 선택지를 늘리는 것이 아니라, 올바른 방향으로 자연스럽게 움직이도록 유도한다.

사용자는 매 순간 합리적인 판단을 통해 행동하지 않는다. 대신 화면에 보이는 단서들을 바탕으로 빠르게 해석하고, 그 해석에 따라 움직인다. 버튼처럼 보이면 누르고, 화살표가 있으면 따라가고, 잘린 화면이 보이면 스크롤을 내린다. 이 모든 행동은 선택이라기보다 반응에 가깝다.

결국 디자인은 사용자가 선택하도록 두는 것이 아니라, 선택하기 전에 이미 방향이 정해져 있는 상태를 만드는 과정에 가깝다. 이 지점에서 우리는 하나의 질문으로 다시 돌아가게 된다. 왜 어떤 디자인은 보는 순간 바로 이해되고, 어떤 디자인은 계속해서 헷갈리게 만드는가. 그리고 그 차이를 설명하는 개념이 바로 어포던스다.

Chapter 02

어포던스,

사물이 행동을 만드는 방식

어포던스 디자인 이미지 02

앞에서 말한 “생각하지 않아도 행동하게 되는 상태”를 설명하는 개념이 바로 어포던스다. 이 단어는 영어 ‘afford’에서 출발한다. 보통 afford는 ‘~할 여유가 있다’라는 의미로 많이 쓰이지만, 어포던스에서의 의미는 조금 다르다. 어떤 대상이 사용자에게 특정 행동을 ‘가능하게 해준다’는 뜻에 가깝다.

조금 더 쉽게 말하면, 사물이 사용자에게 “이렇게 사용할 수 있다”는 가능성을 열어주는 상태다. 중요한 건 이 가능성이 말로 설명되지 않는다는 점이다. 형태와 구조 자체가 이미 하나의 메시지가 되어 행동을 유도한다. 그래서 어포던스는 기능의 문제가 아니라, 관계의 문제에 가깝다. 사물과 사용자 사이에서 자연스럽게 만들어지는 행동의 연결이다.

우리는 어떤 행동을 하기 전에 항상 생각한다고 믿지만, 실제로는 그렇지 않다. 대부분의 행동은 판단보다 먼저 일어난다. 컵을 보면 손잡이를 잡고, 의자를 보면 앉으며, 버튼을 보면 누른다. 이때 우리는 “이건 잡아야지”, “이건 눌러야지”라고 스스로에게 말하지 않는다. 그냥 그렇게 한다.

이 지점이 어포던스가 작동하는 순간이다. 사물이 행동을 ‘허용하는 것’을 넘어, 자연스럽게 ‘유도하는 상태’. 그래서 어포던스를 단순히 가능성으로만 이해하면 부족하다. 실제 경험에서는 가능성보다 유도가 더 중요하게 작용한다.

예를 들어 버튼이 클릭 가능하다는 사실보다, 버튼처럼 ‘보이느냐’가 더 중요하다. 클릭할 수 있어도 버튼처럼 보이지 않으면 아무도 누르지 않고, 반대로 클릭할 수 없어도 버튼처럼 보이면 사용자는 계속해서 시도한다. 결국 사용자의 행동은 기능이 아니라 인식에 의해 결정된다.

좋은 디자인은 말을 많이 하지 않지만, 행동은 더 많이 만들어낸다. 어포던스는 ‘이걸 어떻게 써야 하는지’를 알려주는 것이 아니라, ‘보는 순간 이미 쓰고 있는 상태’를 만드는 것이다.

Chapter 03

실제 가능성과

지각된 가능성

어포던스 디자인 이미지 03

어포던스라는 개념은 하나로 정의되기보다는, 어디에서 바라보느냐에 따라 의미가 달라진다. 이 차이를 이해하려면 먼저 James J. Gibson의 관점을 볼 필요가 있다.

Gibson은 어포던스를 ‘환경이 제공하는 실제 행동 가능성’으로 보았다. 즉, 사물이나 공간이 본질적으로 가지고 있는 물리적 특성에 의해 특정 행동이 가능해진다는 의미다. 의자는 앉을 수 있고, 계단은 올라갈 수 있으며, 손잡이는 잡을 수 있다. 이러한 가능성은 사용자가 그것을 인지하든, 모르고 지나치든 상관없이 이미 존재한다.

이 관점에서 어포던스는 철저하게 ‘객관적인 속성’이다. 사람의 생각이나 해석이 개입되기 이전에, 환경 자체가 행동을 허용하고 있는 상태다. 그래서 Gibson의 어포던스는 디자인보다는 물리적 세계를 이해하는 개념에 더 가깝다. 무엇을 할 수 있는가, 즉 행동의 가능성 자체에 초점이 맞춰져 있다.

하지만 우리가 실제로 디자인을 다루는 순간, 이 개념만으로는 설명이 부족해진다. 실제로 가능하다는 것과, 사용자가 그렇게 행동한다는 것은 전혀 다른 문제이기 때문이다. 이 지점에서 Donald A. Norman의 관점이 등장한다.

Norman은 어포던스를 ‘사용자가 인지하는 행동 가능성’으로 확장했다. 즉, 중요한 것은 실제 기능이 아니라 그것이 어떻게 ‘보이느냐’다. 버튼이 클릭 가능하게 만들어져 있어도 버튼처럼 보이지 않으면 아무도 누르지 않는다. 반대로 클릭이 불가능한 요소라도 버튼처럼 보이면 사용자는 계속해서 시도한다.

이 순간부터 어포던스는 물리적인 개념이 아니라, 인식의 영역으로 넘어간다. 사용자는 기능을 그대로 받아들이지 않는다. 대신 그것을 해석하고, 자신의 경험을 바탕으로 의미를 만들어낸다. 그래서 디자인에서는 기능을 만드는 것보다, 그 기능이 어떻게 읽히는지를 설계하는 일이 더 중요해진다.

결국 Gibson과 Norman의 차이는 이렇게 정리할 수 있다. 하나는 “무엇이 가능한가”에 대한 이야기이고, 다른 하나는 “무엇이 가능해 보이는가”에 대한 이야기다. 그리고 우리가 실제로 마주하는 대부분의 문제는 이 둘이 어긋나는 순간에서 발생한다.

디자인은 현실이 아니라, 인식을 다루는 일이다. 디자이너는 형태를 만드는 사람이 아니라, 행동을 만들어내는 사람에 가깝다. 그리고 그 행동은 언제나 ‘보이는 방식’에서 시작된다.

Chapter 04

좋은 어포던스는

어떻게 만들어지는가

어포던스 디자인 이미지 04

사용자는 보이는 것만 사용한다. 이건 단순하지만 가장 자주 놓치는 원칙이다. 아무리 좋은 기능이라도 눈에 들어오지 않으면 존재하지 않는 것과 같다. 반대로 특별한 설명이 없어도 눈에 잘 띄는 요소는 자연스럽게 사용된다.

그래서 디자인에서 가시성은 단순히 ‘잘 보이게 하는 것’ 이상의 의미를 가진다. 무엇이 중요한지, 무엇을 먼저 해야 하는지를 시각적으로 드러내는 것. 사용자가 고민하기 전에 이미 시선이 가고, 손이 가게 만드는 구조다. 결국 사용자는 선택하는 것이 아니라, 먼저 보이는 것을 따라간다.

사용자가 어떤 행동을 했을 때 아무 반응이 없다면, 그 순간 경험은 끊긴다. 눌렀는지, 적용된 건지, 제대로 작동한 건지 알 수 없기 때문이다. 그래서 피드백은 단순한 효과가 아니라, 사용자가 시스템을 이해하는 핵심적인 요소다.

버튼을 눌렀을 때 색이 바뀌거나, 화면이 전환되거나, 작은 애니메이션이 발생하는 것. 이런 변화들은 단순한 연출이 아니라 “지금 행동이 제대로 이루어졌다”는 신호다. 이 신호가 반복되면서 사용자는 시스템을 학습하게 된다. 좋은 디자인은 항상 반응하고, 그 반응은 빠르고 명확해야 한다.

매핑은 조작과 결과 사이의 관계를 의미한다. 쉽게 말해, 사용자가 한 행동이 어떤 결과로 이어지는지 직관적으로 이해할 수 있어야 한다는 것이다. 슬라이더를 오른쪽으로 움직이면 값이 증가하고, 위로 올리면 볼륨이 커지는 것처럼, 우리의 경험과 일치하는 방향성이 있다.

이런 관계가 자연스럽게 맞아떨어질 때, 우리는 별다른 고민 없이 시스템을 사용할 수 있다. 하지만 기대와 결과가 다르면 사용자는 다시 생각하게 되고, 그 순간부터 경험은 끊기기 시작한다. 결국 직관이라는 건 특별한 능력이 아니라, 이미 알고 있는 관계를 그대로 유지하는 데서 만들어진다.

사용자는 제품이나 서비스를 사용할 때, 그 안에 나름의 ‘이해 방식’을 만든다. 이걸 개념모형이라고 한다. 쉽게 말해 “이건 이렇게 작동할 것이다”라는 머릿속 그림이다. 좋은 디자인은 이 개념모형이 자연스럽게 형성되도록 돕는다. 처음 사용하더라도 전체 구조가 이해되고, 다음 행동이 어느 정도 예측 가능한 상태. 그래서 사용자는 계속해서 생각하지 않아도 된다.

결국 좋은 어포던스는 보이는 것, 반응하는 것, 관계가 맞는 것, 그리고 구조가 예측 가능한 것에서 만들어진다. 이 네 가지가 맞물릴 때 디자인은 설명하지 않아도 작동한다.

Chapter 05

나쁜 디자인은

사용자를 탓하게 만든다

사용자가 어떤 인터페이스 앞에서 멈추는 순간, 우리는 흔히 이렇게 생각한다. “조금만 더 익숙해지면 괜찮겠지.” 혹은 “사용자가 아직 익숙하지 않아서 그런 것 같다.” 하지만 대부분의 경우, 문제는 사용자에게 있지 않다.

사용자는 항상 나름의 기준을 가지고 행동한다. 지금까지의 경험을 바탕으로 빠르게 판단하고, 그 판단에 따라 움직인다. 그런데 그 기준과 다른 방식으로 설계된 디자인을 만나면, 사용자는 멈추게 된다. 그리고 그 멈춤은 곧 혼란으로 이어진다.

즉, 헷갈림은 사용자의 능력 부족이 아니라, 디자인이 예상과 다른 방향으로 신호를 보내고 있기 때문에 발생한다. 사용자는 틀린 것이 아니라, 잘못된 신호에 충실하게 반응했을 뿐이다.

기능이 있다는 것과, 사용자가 그것을 사용할 수 있다는 것은 전혀 다른 이야기다. 디자인에서 기능은 ‘존재하는 것’이 아니라, ‘인지되는 것’일 때만 의미를 가진다. 아무리 중요한 기능이라도 눈에 띄지 않으면 사용되지 않는다. 반대로 중요하지 않은 요소라도 눈에 잘 보이면 사용자의 행동을 차지하게 된다.

특히 디지털 환경에서는 이 문제가 더 크게 드러난다. 버튼인지 아닌지 구분되지 않는 요소, 클릭 가능한지 알 수 없는 이미지, 스크롤이 가능한지 애매한 화면 구조. 이런 상황에서는 사용자가 기능을 발견하는 것이 아니라, 추측해야 한다. 그리고 그 과정에서 경험은 급격하게 불편해진다.

많은 디자인 문제가 기능을 개선하는 방향으로 해결되려고 한다. 더 많은 옵션을 추가하고, 더 자세한 설명을 붙이고, 더 다양한 기능을 제공한다. 하지만 실제 문제는 그 반대 방향에 있는 경우가 많다. 사용자는 기능이 부족해서 멈추는 것이 아니라, 무엇을 해야 하는지 몰라서 멈춘다.

중요한 것은 기능의 수가 아니라, 기능의 의미다. 사용자가 그것을 어떻게 해석하는지, 어떤 행동으로 이어지는지, 그리고 그 결과가 기대와 일치하는지. 이 세 가지가 맞지 않으면 아무리 잘 만든 기능이라도 제대로 작동하지 않는다.

좋은 디자인은 사용자가 실수할 수 없게 만들고, 나쁜 디자인은 사용자가 실수하도록 만든다. 그리고 그 차이는 언제나 아주 사소한 ‘보이는 방식’에서 시작된다.

Closing

좋은 디자인은

설명하지 않는다

좋은 디자인은 설명하지 않는다. 대신 사용자가 자연스럽게 행동하도록 만든다.

사용자는 기능을 읽는 것이 아니라, 보이는 신호에 반응한다. 그래서 디자인은 기능을 정리하는 일이기 전에, 행동의 방향을 만드는 일이다. 무엇을 누르게 할 것인지, 어디로 시선을 보내게 할 것인지, 어떤 순서로 움직이게 할 것인지. 이 모든 것이 디자인 안에서 결정된다.

결국 어포던스 디자인은 사용자를 더 많이 생각하게 만드는 디자인이 아니라, 생각하지 않아도 목적에 도달하게 만드는 디자인이다. 좋은 디자인은 사용자의 머릿속에 오래 남기보다, 사용자의 행동 속에서 조용히 작동한다.