사용자 테스트를 돌리던 날, 참가자 5명 중 3명이 같은 질문을 했습니다. "이 버튼 누르면 바로 돈이 빠져나가는 건가요?" 버튼 텍스트는 단 두 글자, '확인'이었습니다. 그 순간 저는 레이아웃이나 색상이 아니라, 글자 두 개가 사용자의 행동을 막고 있다는 걸 처음으로 실감했습니다.
버튼 위 두 글자가 전환율을 바꾸는 이유
UX 라이팅(UX Writing)이라는 개념을 처음 접했을 때만 해도, 저는 그냥 '버튼 이름 짓는 일'쯤으로 가볍게 생각했습니다. 여기서 UX 라이팅이란 디지털 제품 안에서 사용자가 마주하는 모든 텍스트, 즉 버튼 문구, 에러 메시지, 온보딩 안내, 툴팁 등을 의도적으로 설계하는 작업을 말합니다. 단순히 문구를 다듬는 게 아니라, 사용자의 행동 흐름 전체를 언어로 설계한다는 관점입니다.
이 작업에서 핵심 재료가 되는 것이 마이크로카피(Microcopy)입니다. 마이크로카피란 인터페이스 안에서 사용자의 결정을 돕는 짧은 텍스트 조각들을 가리킵니다. "아직 결제되지 않습니다"라는 에어비앤비의 문구가 대표적인 사례로 자주 언급되는데, 이 한 줄이 예약 전환율을 끌어올렸다는 점은 이미 업계에서 잘 알려진 이야기입니다.
제가 직접 써봤는데, 이 효과는 생각보다 훨씬 빠르게 나타납니다. 핀테크 앱 프로젝트에서 결제 확인 화면의 버튼 텍스트를 '확인'에서 '송금하기'로 바꾸고, 버튼 바로 위에 '아직 최종 송금이 아닙니다. 다음 단계에서 한 번 더 확인합니다'라는 문구를 추가했습니다. 수정에 든 시간은 30분도 채 걸리지 않았고, 그 결과 CS 문의가 23% 줄었으며 결제 완료율은 12% 상승했습니다. UI 전체를 갈아엎는 리디자인 작업과는 비교도 안 되는 투입 대비 효과였습니다.
UX 연구자 야콥 닐슨(Jakob Nielsen)은 사용자가 화면을 정독하는 것이 아니라 스캔한다고 오래전부터 강조해왔습니다. 모든 단어에 목적이 있어야 한다는 그의 주장은, 바꿔 말하면 목적 없는 단어는 사용자의 판단을 방해한다는 뜻이기도 합니다. '확인'이라는 단어가 딱 그런 경우였습니다. 무엇을 확인하는지, 확인하면 어떤 일이 일어나는지, 아무것도 알려주지 않는 글자였습니다.
토스가 원칙을 만든 이유, 그리고 텍스트 어포던스
그렇다면 개별 화면의 마이크로카피를 개선하는 것과, 조직 전체가 라이팅 시스템을 갖추는 것은 얼마나 다를까요? 저는 이 차이가 생각보다 크다고 봅니다.
토스는 UX 라이터가 합류하기 전까지 디자이너마다 표현 방식이 제각각이었다고 알려져 있습니다. 같은 동작을 두고 어떤 화면에서는 '취소'라고 쓰고, 다른 화면에서는 '돌아가기'라고 쓰는 식이었을 겁니다. 이를 해결하기 위해 수립한 것이 8가지 라이팅 원칙입니다. 그중 제가 실무에서 가장 체감이 컸던 원칙은 Predictable hint입니다. 여기서 Predictable hint란 사용자에게 다음에 어떤 일이 일어날지를 미리 알려주는 텍스트 설계 방식을 말합니다. 제가 버튼 위에 추가한 '아직 최종 송금이 아닙니다'라는 문구가 정확히 이 원칙과 맞닿아 있습니다.
또 다른 원칙인 Weed cutting도 주목할 만합니다. Weed cutting이란 사용자의 이해를 돕지 않는 불필요한 단어, 즉 잡초 같은 텍스트를 솎아내는 작업을 뜻합니다. 말이 길다고 신뢰감이 높아지는 게 아니라, 오히려 핵심만 남겼을 때 사용자의 행동이 빨라집니다.
여기서 한 가지 더 짚고 싶은 개념이 있습니다. 텍스트 어포던스(Text Affordance)입니다. 어포던스(Affordance)란 원래 디자인 심리학에서 쓰이는 용어로, 어떤 사물이나 요소가 사용자에게 행동을 유도하는 특성을 말합니다. 제가 경험상 느낀 건, 이 어포던스가 시각적 요소에만 적용되는 게 아니라는 점입니다. '삭제하기'라는 텍스트는 돌이킬 수 없는 행동임을 암시하고, '돌아가기'는 안전하게 이전 상태로 복귀할 수 있음을 암시합니다. 텍스트 자체가 사용자에게 행동의 결과를 예측하게 해주는 것, 이것이 텍스트 어포던스입니다.
토스와 에어비앤비의 접근 방식을 비교하면, 에어비앤비는 특정 지점의 마이크로카피 하나를 개선한 사례이고, 토스는 전사적 라이팅 시스템을 구축한 사례입니다. 솔직히 말하면 두 접근 모두 맞습니다. 작은 조직이라면 에어비앤비식으로 핵심 전환 지점부터 먼저 건드리고, 규모가 커지면 토스처럼 원칙을 정립하는 순서가 현실적으로 보입니다.
실제로 많은 조직에서 텍스트를 개발 직전에 빈 칸을 채우는 재료 정도로 취급한다고 합니다. 제가 직접 경험한 팀도 그랬습니다. 디자이너는 레이아웃과 컴포넌트를 조정하는 데 대부분의 시간을 쓰고, 버튼 텍스트는 마감 전날 5분 만에 결정되는 경우가 많았습니다. 그 구조적 문제가 결국 '확인'이라는 버튼을 만들어냈던 것입니다.
실전에서 마이크로카피를 바꾸는 접근법
그렇다면 지금 당장 어떻게 시작하면 좋을까요? 제 경험상 가장 효과가 빠른 순서는 이렇습니다.
- 전환율이 낮은 화면의 주요 CTA(Call to Action) 버튼 텍스트를 먼저 점검한다. CTA란 사용자에게 특정 행동을 유도하는 핵심 버튼이나 링크를 말합니다.
- 사용자가 행동 결과를 예측할 수 있는지 확인한다. '확인'처럼 결과가 불명확한 텍스트는 구체적인 동사로 교체한다.
- 에러 메시지와 빈 상태(Empty State) 화면을 점검한다. 빈 상태란 데이터나 콘텐츠가 없을 때 사용자에게 보여주는 화면으로, 이 시점의 텍스트가 이탈률에 직접 영향을 줍니다.
- 온보딩(Onboarding) 플로우의 각 단계에서 사용자가 다음에 무슨 일이 일어나는지 알 수 있는지 확인한다. 온보딩이란 처음 서비스를 사용하는 사용자가 핵심 기능에 자연스럽게 진입하도록 안내하는 흐름입니다.
UX 라이팅의 효과를 수치로 확인하고 싶다면, 변경 전후를 A/B 테스트로 비교하는 것이 가장 명확합니다. A/B 테스트란 두 가지 버전을 동시에 일부 사용자에게 노출하여 어떤 버전이 더 좋은 성과를 내는지 비교하는 실험 방법입니다. 구글은 버튼 색상보다 버튼 텍스트의 A/B 테스트 결과 차이가 더 컸다는 내부 사례를 공개한 바 있으며, 이는 텍스트 설계가 시각 디자인 못지않게 전환율에 영향을 준다는 근거가 됩니다.
제가 이 작업을 처음 해봤을 때 가장 놀랐던 건 속도였습니다. 디자인 시스템을 뜯어고치거나 개발 공수를 투입하지 않아도, 텍스트 한 줄로 사용자의 불안을 줄이고 행동을 유도할 수 있다는 점이 생각보다 강력했습니다. 이 경험 이후로, 저는 새로운 화면을 볼 때 레이아웃보다 텍스트를 먼저 읽는 버릇이 생겼습니다.
마이크로카피는 결국 사용자에게 보내는 신호입니다. '지금 뭘 해야 하는지', '누르면 어떤 일이 생기는지', '지금 상황이 안전한지'를 텍스트로 알려주는 작업입니다. 이 신호가 명확할수록 사용자는 덜 불안해하고, 덜 이탈하고, 더 자주 행동합니다. 아직 결제 화면의 버튼 텍스트를 한 번도 들여다보지 않으셨다면, 지금 바로 열어보시길 권합니다. 생각보다 많은 것이 그 두세 글자 안에 숨어 있을 겁니다.
이 글은 개인적인 경험과 의견을 공유한 것이며, 전문적인 금융 또는 기술 개발 조언이 아닙니다.
출처: https://www.raylogue.com/ux-writing-microcopy-design-principles/