to tell the truth
Perception · UX · 심리 — No.33-screen-sizzle

손끝의 지글거림

UX/UI는 문장이 아니라 반응으로 욕망을 설계한다
이 글이 답하는 질문
  • UX/UI 시즐이란 무엇인가?
  • 마이크로 인터랙션은 왜 사용자를 중독시키는가?
  • 가변 보상(Variable Reward)이 새로고침을 멈추지 못하게 만드는 원리는?
  • 마찰(Friction)이 오히려 신뢰를 만드는 경우는 언제인가?
이런 분께앱·서비스의 리텐션과 UX를 고민하는 프로덕트·마케팅 담당자

화면은 문장보다 먼저 태도를 드러낸다. 어떤 앱은 열자마자 손이 먼저 움직이고, 어떤 앱은 한 번 켰다가 두 번 다시 켜지 않는다. 그 차이를 가르는 건 세련된 카피 한 줄이 아니라, 화면이 매 순간 보내는 반응 하나하나다.

이걸 기능의 많고 적음, 정보의 유용함으로 설명하려는 순간 이미 틀린다. 진짜 차이는 화면 위에서 일어나는, 눈에 잘 띄지 않는 반응의 설계에 있다. 하트가 빨갛게 채워지는 찰나, 로그인 버튼을 누른 뒤의 정적, 새로고침했을 때 무엇이 뜰지 모르는 짧은 긴장. 스테이크 없는 세계, 즉 화면 안에도 지글거림은 존재한다. 다만 굽는 대상이 고기가 아니라 손끝이라는 점이 다를 뿐이다.

이걸 UX/UI 시즐이라 부르자. 버튼의 반응, 화면 전환의 리듬, 정보가 놓인 순서, 심지어 사용자가 겪는 작은 불편함까지 — 모두 정교하게 설계된 감각의 신호다. 카피 한 줄 없이도, 화면은 이미 태도를 말하고 욕망을 설계하고 있다. 과거의 마케터가 지면과 영상 속에서 벌이던 게임을, 오늘의 프로덕트 팀은 손끝 몇 밀리미터 안에서 벌이는 셈이다.

하루에도 수십 번, 우리는 이 손끝의 게임 안으로 걸어 들어간다. 그리고 대개는 그것이 게임인 줄도 모른 채 걸어 나온다. 광고는 우리가 경계하며 보지만, 화면의 반응은 경계 없이 받아들인다. 그래서 이 시즐은 다른 어떤 시즐보다 은밀하고, 다른 어떤 시즐보다 강력하다.

앱 보관함 한구석에 방치된 앱들을 떠올려보자. 삭제하지는 않았지만 다시 열지도 않는 앱. 대개 콘텐츠나 기능이 부족해서가 아니다. 열었을 때 아무 반응이 없었기 때문이다. 버튼을 눌러도 눌린 건지 아닌지 알 수 없고, 화면이 넘어갈 때 뚝뚝 끊기고, 로딩이 끝났는지조차 알려주지 않는 화면. 사용자는 그 무반응을 '불친절하다'고 느끼기도 전에, 그냥 손이 먼저 멀어진다.

무반응은 침묵이 아니다. 하나의 메시지다. '당신의 행동이 여기서는 그다지 중요하지 않다'는 메시지. 사용자는 그 메시지를 말로 듣지 않지만, 손끝으로는 정확히 전달받는다. 그래서 마이크로 인터랙션을 설계하는 일은 결국 사용자에게 반대되는 메시지 — '당신이 지금 한 행동을, 우리는 놓치지 않고 지켜보고 있다' — 를 매 순간 보내는 일이다.

손끝에서 터지는 사탕

The candy in every tap

인스타그램에서 하트를 누르면 회색 하트가 붉게 차오른다. 메신저에서 '좋아요'를 길게 누르면 아이콘이 부풀다 통 터진다. 이 찰나의 반응을 마이크로 인터랙션이라 부른다. 기능적으로는 '당신의 행동이 접수됐다'는 확인일 뿐이다. 그런데 실제로 하는 일은 그보다 크다. 확인을 놀이로 바꾸는 일이다.

종이비행기가 날아가는 전송 애니메이션, 할 일 목록에서 항목이 취소선과 함께 사라지는 순간. 하나하나는 사소해서 의식적으로 알아채기도 어렵다. 그런데 바로 그 사소함이 힘이다. 이성은 무시하고 지나가지만, 감각은 그 짧은 보상을 기억한다. 반복되는 행동 끝에 매번 작은 사탕이 놓여 있다면, 그 행동은 어느새 습관이 된다.

이 사탕은 값도 싸다. 개발자 입장에서 애니메이션 몇 줄, 진동 패턴 하나를 다듬는 정도의 비용이다. 그런데 사용자가 느끼는 보상은 그 비용에 비례하지 않는다. 오히려 반비례에 가깝다. 크고 화려한 이벤트보다, 손끝에서 매번 반복되는 이 작은 반응들이 사용자를 특정 앱에 붙들어두는 실질적인 힘이다. 그래서 좋은 프로덕트 팀은 화면 전체를 새로 그리기 전에, 사용자가 가장 자주 누르는 그 하나의 버튼부터 살핀다.

버튼 하나의 반응 속도, 색의 채도, 진동의 세기 같은 것들은 회의실에서 논쟁거리조차 되지 못할 만큼 작아 보인다. 그러나 사용자는 그 미세한 차이를 하루에도 수백 번 반복해서 겪는다. 작은 차이가 수백 번 누적되면, 큰 차이보다 더 큰 결과를 만든다. 시즐은 이렇게, 가장 작은 단위에서 가장 크게 작동한다. 광고 한 편을 새로 만드는 것보다, 버튼 하나의 떨림을 다듬는 것이 리텐션에 더 크게 기여하는 이유도 여기에 있다.

행동을 확인해 주는 반응은, 그 자체로 다시 누르고 싶은 이유가 된다.
A screen that reacts to you is already asking to be touched again.

아무것도 묻지도 따지지도 않고

The comfort of not having to think

은행 앱 두 개를 나란히 놓아보자. 하나는 로그인에만 인증서, 보안카드, ARS까지 세 개의 관문을 요구한다. 송금하려면 계좌 목록을 뒤지고, 입력창을 몇 번이나 확인하고, 마지막으로 OTP를 쳐야 끝난다. 다른 하나는 지문 인식 한 번으로 열리고, 친구 목록에서 이름을 고르고 금액을 입력한 뒤 보내기를 누르면 십여 초 안에 끝난다.

전자를 쓴 사람은 '무사히 보냈다'는 안도보다 '다시는 하고 싶지 않다'는 피로를 먼저 느낀다. 후자를 쓴 사람은 편리하다는 감상을 넘어, 막혔던 것이 뚫리는 감각에 가까운 쾌감을 느낀다. 이 차이를 만드는 것이 인지적 편안함이다. 뇌는 생각하기를 극도로 싫어하는, 말하자면 인지적 구두쇠에 가깝다. 복잡한 선택지 사이에서 고민하는 일은 에너지를 태우는 고통이고, 아무 고민 없이 목표에 닿는 경험은 그 자체로 보상이다.

토스가 뚫은 지점이 정확히 여기였다. 공인인증서와 보안카드로 대표되던 불편을 없앤 게 아니라, 송금이라는 행위에서 본질이 아닌 모든 마찰을 걷어냈다. 더 많은 기능을 얹은 게 아니라 더 적은 고민을 판 것이다. 소비자가 열광한 건 새로운 기능이 아니라, 아무것도 묻지도 따지지도 않는다는 감각이었다.

여기서 흥미로운 건, 이 편안함이 광고 카피로는 절대 만들어지지 않는다는 점이다. '우리는 편리합니다'라는 문장은 아무도 믿지 않는다. 편안함은 오직 사용해 본 뒤에야, 몸이 먼저 알아채는 방식으로만 증명된다. 그래서 UX는 말로 하는 약속이 아니라, 실제로 지켜지는 약속에 가깝다. 광고는 약속을 선언하지만, 화면은 그 약속을 매번 다시 검증받는다.

이 지점에서 많은 서비스가 착각한다. 기능을 더하면 더 나은 경험이 된다고 믿는 것이다. 실제로는 정반대인 경우가 많다. 사용자에게 던지는 질문 하나, 확인시켜야 하는 단계 하나가 늘어날 때마다, 편안함은 그만큼씩 새어 나간다. 더하는 것보다 빼는 것이 어렵다는 걸, 편안함을 설계해본 팀은 안다. 결제 창에 입력칸 하나를 더 넣을지 말지를 두고 회의가 길어지는 이유도, 결국 그 한 칸이 편안함의 총량을 갉아먹기 때문이다.

빼는 게 어려운 이유는 기술이 아니라 조직에 있다. 새 기능을 만든 팀은 그것을 화면에 노출시키고 싶어 하고, 새 약관은 어딘가에 동의 체크박스로 남고 싶어 한다. 저마다의 이유는 타당하다. 그런데 그 타당한 이유들이 하나씩 쌓이면, 사용자가 마주하는 화면은 조금씩 무거워진다. 편안함은 누군가 계속해서 지켜내지 않으면 저절로 유지되지 않는, 의식적으로 사수해야 하는 상태에 가깝다.

은행 앱만의 이야기가 아니다. 회원가입 창에 선택 항목까지 필수처럼 늘어놓는 쇼핑몰, 물어볼 필요 없는 것까지 확인받으려는 예약 앱, 한 화면에서 끝날 일을 세 번의 클릭으로 늘려놓은 서비스 신청서. 이 모든 곳에서 사용자는 같은 감정을 겪는다. 목적지는 같은데 가는 길이 다르다면, 사람은 결국 더 짧은 길을 낸 쪽을 택한다.

새로고침을 멈추지 못하는 엄지

Why your thumb keeps pulling the lever

그만 봐야지 생각하면서도 무의식중에 화면을 끌어당겨 새로고침을 하고 있는 자신을 본 적 있을 것이다. 그 짧은 로딩 동안 무엇이 뜰지는 예측할 수 없다. 아무것도 없을 수도, 흥분할 만한 소식이 기다리고 있을 수도 있다.

심리학자 스키너는 실험을 통해, 버튼을 누르면 매번 먹이가 나오는 경우보다 무작위로 나오는 경우에 실험 대상이 훨씬 더 강박적으로 버튼을 누른다는 사실을 발견했다. 보상이 예측 불가능할 때 뇌는 가장 강하게 반응한다. 소셜 미디어의 새로고침은 이 원리를 그대로 옮겨온 디지털 슬롯머신이다. 엄지가 레버이고, 새 게시물은 잭팟이다. 우리는 무엇이 나올지 모른다는 기대와, 혹시 놓치고 있는 게 있을지 모른다는 불안 사이에서 레버를 계속 당긴다.

같은 회로는 메일함에도, 온라인 게임의 아이템 상자에도 심어져 있다. 열어보기 전엔 알 수 없다는 그 한 가지 조건만으로, 지극히 사소한 행동이 반복적인 습관으로, 때로는 강박으로 자란다. 이 설계는 사용자의 시간을 빼앗는다는 점에서 위험한 경계 위에 서 있다. 그러나 동시에, 참여를 끌어내는 가장 효과적인 방법이라는 사실도 부정하기 어렵다. 효과적이라는 것과 정당하다는 것은 다른 질문이다.

정직하게 말하면, 이 경계에서 완전히 자유로운 서비스는 드물다. 알림 하나, 배지 숫자 하나에도 이 원리가 조금씩 스며 있다. 문제는 그 스며듦의 정도와 방향이다. 사용자의 시간을 아껴주는 방향으로 쓰이는 예측 불가능함이 있고, 사용자의 시간을 갉아먹는 방향으로 쓰이는 예측 불가능함이 있다. 같은 도구가 두 얼굴을 가진다는 사실을, 설계하는 쪽은 알면서도 종종 모른 척한다.

이걸 알고 나면 스크롤을 멈추기가 조금은 쉬워진다. 내가 궁금해서 화면을 당기고 있는 게 아니라, 화면이 나를 당기도록 설계됐다는 사실을 아는 것만으로도 레버를 쥔 손에 약간의 거리가 생긴다. 설계를 이해하는 것과 설계에 저항하는 것은 다른 일이지만, 적어도 전자는 후자의 첫걸음이 된다.

이 사실은 설계하는 쪽에도 똑같이 적용된다. 참여 지표가 오르는 걸 보며 스스로도 왜 오르는지 정확히 설명하지 못하는 팀이 있다. 가변 보상의 원리를 의식적으로 쓰는 것과, 그것이 작동하는 줄도 모른 채 우연히 밟는 것은 다르다. 후자의 팀은 지표가 꺾이는 날에도 이유를 모른다.

불편함도 시즐이 될 수 있는가

When friction earns trust

지금까지의 이야기는 전부 마찰을 없애는 쪽이었다. 그런데 모든 마찰이 나쁜 것은 아니다. 개인정보를 바꾸거나 어렵게 모은 포인트를 쓰려 할 때 비밀번호를 한 번 더 묻는 절차는 분명 귀찮다. 그런데 그 귀찮음이 있어야 '이 서비스는 내 정보를 지켜주고 있구나'라는 안도가 생긴다. 마찰이 보안이라는 가치를 체감하게 만든 것이다.

고가의 제품을 소개하는 사이트가 일부러 느린 스크롤과 화려한 연출로 제작 과정을 천천히 보여주는 경우도 같다. 정보를 얻기까지 시간이 더 걸리지만, 그 지연 자체가 장인정신과 전문성의 인상을 남긴다. 여기서 마찰은 프리미엄이라는 가치를 전달하는 장치다. 빠른 것이 늘 좋은 것은 아니라는 사실을, 이 사이트들은 알고 있다.

그래서 중요한 건 마찰의 유무가 아니라 의도다. 사용자를 붙들어 두기 위한 마찰인가, 사용자를 보호하고 더 깊은 가치를 전하기 위한 마찰인가. 겉모습은 똑같은 로딩 화면, 똑같은 확인 절차라도, 그 뒤에 놓인 의도에 따라 하나는 신뢰의 신호가 되고 다른 하나는 이탈의 이유가 된다. 사용자는 그 의도를 정확한 논리로는 설명하지 못해도, 감각으로는 정확히 구분해낸다.

그렇다면 어디에 마찰을 남겨야 하는가. 기준은 하나로 좁혀진다. 그 마찰이 사용자의 이익을 위한 것인지, 서비스의 이익을 위한 것인지. 보안 확인은 전자다. 해지를 어렵게 만드는 절차는 후자다. 둘 다 '한 단계가 더 있다'는 점에서는 똑같아 보이지만, 그 단계 끝에서 누가 이득을 보는지가 완전히 다르다. 이 질문 하나만 정직하게 던져도, 어느 마찰을 남기고 어느 마찰을 걷어내야 할지는 대개 스스로 답이 나온다.

같은 원리로, 매끄러움도 항상 선은 아니다. 정말 신중해야 할 결정 — 구독 해지, 큰 금액의 결제, 되돌릴 수 없는 삭제 — 을 지나치게 매끄럽게 만들면, 그건 편안함이 아니라 함정이 된다. 사용자가 미처 생각할 틈도 없이 넘어가도록 설계된 매끄러움은, 아무것도 묻지도 따지지도 않는 것이 아니라 아무것도 묻지도 따지지도 못하게 만드는 것이다. 여기서부터는 시즐이 아니라, 흔히 말하는 다크패턴에 가까운 블랙 시즐이다. 같은 기술, 다른 의도가 이 두 세계를 가른다.

화면이 실토하는 것

What the screen confesses

이쯤 되면 UX/UI 시즐의 본질이 보인다. 화면은 문장 없이도 이미 태도를 말한다. 매끄러움을 어디에 두고 마찰을 어디에 두는지가, 그 브랜드가 사용자를 대하는 진짜 속내다. 카피는 얼마든지 꾸밀 수 있어도, 인증 절차 하나와 로딩 시간 하나는 쉽게 꾸며지지 않는다.

'고객을 최우선으로 생각합니다'라는 문장은 어느 서비스나 쓸 수 있다. 그러나 해지 버튼이 가입 버튼보다 세 단계 더 깊숙이 숨어 있다면, 그 문장은 이미 거짓말이 된 뒤다. 광고가 무엇을 약속하든, 화면은 그 브랜드가 실제로 무엇을 우선하는지를 조용히, 그러나 정확하게 실토한다.

그래서 UX/UI를 들여다보는 일은 결국 그 브랜드의 진심을 들여다보는 일과 다르지 않다. 어디를 매끄럽게 하고 어디를 일부러 늦췄는지, 어디에 사탕을 두고 어디에 잭팟을 숨겼는지 — 그 배치도 하나하나가 이미 답이다. 마케터가 회의실에서 아무리 좋은 말을 골라도, 사용자는 그 말을 읽기 전에 화면을 먼저 만진다. 그리고 그 손끝의 몇 초가, 이후에 어떤 카피를 들이밀어도 뒤집기 어려운 첫인상을 만든다.

결국 가장 정직한 카피는 슬로건이 아니라, 사용자가 매일 누르는 그 버튼의 반응 속도일지도 모른다. 말은 고쳐 쓸 수 있어도, 반응은 곧바로 드러난다.

The screen never lies about what it's optimized for.