안녕하세요!
Simplicity 4에서 그래픽 디자인을 맡은 디자이너 김경태, 김영하입니다.
이번 시즌 그래픽 작업을 진행하면서 느낀 고민과 시행착오, 그리고 그 과정 속에서 얻은 인사이트들을 공유해보려 해요.





14개의 세션을 하나의 인상으로

이번 시즌의 Simplicity의 홈페이지의 초안은 14개의 세션 카드로 구성된 레이아웃으로 이루어져 있어요.
각 세션 카드들이 비교적 큰 스케일로 나열되어 있는 형태이기 때문에, 기존처럼 하나의 키비주얼로 전체를 묶는 방식은 적절하지 않다는 생각이 들었어요.


그래서 이번 시즌에서는 14개의 키비주얼이 각각의 세션을 대표하면서, 14개의 그래픽이 모여있는 모습을 통해 컨퍼런스 전체의 인상을 전달하기로 했어요.

먼저 이 많은 세션들을 관통하는 키워드인 ‘Vision-Driven-Design’ 을 드러내기 위해 해당 키워드를 가장 잘 표현할 수 있는 룩앤필(Look & feel)을 찾아야했어요.


룩앤필을 찾아가는 과정에서 너무 많은 시간을 할당하다보면 작업에 매몰되는 경우가 많아요. 그래서 탐색의 단계에서는 짧은 시간 안에 많은 효과적인 시도를 할 수 있도록 AI툴을 활용하기로 했어요.



AI와 함께 협업하기

Step 1. AI로 무드보드 구체화하기

키비주얼의 역할은 사용자가 홈페이지에 진입했을 때 각 세션의 무드와 맥락을 시각적으로 전달하는 것이에요.
또한 세션을 본 이후에도 내용과 이미지가 자연스럽게 결합되어 기억에 남을 수 있어야 한다고 생각했어요. 
그래서 단순한 비주얼 스타일을 넘어서, 맥락을 담을 수 있는 비주얼 메타포을 찾아야 했어요.


먼저 14개의 세션의 내용을 숙지한 뒤, 핵심 키워드를 정리하고 이를 ChatGPT와 공유하면서 주제에 어울리는 시각적 키워드들을 함께 도출했어요.
이렇게 정리된 키워드들과 함께 Midjourney, Runway, ComfyUI 등 다양한 생성형 AI 툴을 활용해 각 세션의 스타일과 분위기를 탐색했고, 이러한 과정을 여러 번 반복하면서 무드보드의 방향성을 구체화해갔어요.



 


Step 2. AI로 도출한 키워드, 비주얼라이즈하기

무드보드를 구체화한 이후에도, 실제 작업 단계에서도 AI와 함께 시각적 메타포를 탐색하고 직관적으로 다듬는 과정은 계속 이루어졌어요.

점심시간을 활용하여 진행되는 사용자 인터뷰를 다룬 세션을 예로 들어볼게요. 처음엔 단순하게 식사를 키워드로 접근해봤어요.


다른 시안은 식사가 아닌 시간이라는 맥락에 집중해서, 실제 캘린더에 인터뷰가 기록되는 모습을 참고해 캘린더 UI를 메타포로 시안을 제작하기도 했어요. 식사에 집중했던 시안보다 주제에 훨씬 더 가까워진 모습이죠.




디자인 조직 안에서 아름다운 경험을 구현하는 인터랙션 개발자의 이야기를 다뤘던 세션 또한 동일한 방식으로 진행했어요.
처음엔 인터랙션을 상징하는 기하학적 형태나, 개발자의 실루엣을 시각메타포로 접근해봤죠.


이후에는 개발자를 더 직관적으로 표현해낼 수 있는 코드 에디터의 구조와 컬러를 메타포로 추가로 도출했죠.
그리고 코드에디터의 형태를 반복되고 분절된 도형 구조로 패턴으로 시각화하는 작업을 진행했어요.


여기에 Slitscan 기법을 더해, 텍스트가 빛으로 만들어진 커텐처럼 쭉- 늘어지는 연출과 “디자인을 언어로 구현하는 개발자의 손길”이라는 메시지를 강화하기 위한 장치로 빛줄기가 개발 코드로 바뀌는 애니메이션을 부여했어요.



이처럼 실제 작업단계에서도 하나의 키워드만 깊게 파기보단, AI를 활용해 여러 키워드를 비주얼라이즈하면서 
각각의 키워드가 주제와 얼마나 직관적으로 연결되는지를 비교해가며 시안을 다듬어나갔어요.



UI와 결합된 인트로 애니메이션 만들기

이번 시즌의 심플리시티는 14개의 세션이 모여 1개의 키비주얼로 이루어지는 구조로 구성되어있기 때문에
인트로 애니메이션은 특정 그래픽 스타일을 드러내지 않으면서도, 세션카드가 나열된 홈페이지로 자연스럽게 이어지는 구조로 설계되어야 한다고 생각했어요.


그래서 비주얼을 강조하기보다, 연결 지점으로서의 역할에 집중하기로 했어요.
먼저 14개 세션에 스며드는 듯한 심상을 전달하기 위해 Mission-Driven-Design의 타이틀이 합쳐지면서 확장되는 애니메이션을 설계했죠.


추가로, 별개의 영상에서 끝나는 것이 아닌 홈 화면의 카드 UI 구조와 연결된 흐름으로 이어지도록 설계했어요.
타이포 애니메이션과 함께 일어나는 파동
리퀴드하고 블러한 이펙트가 화면에 번지면서
엣지라이트로 세션 카드들의 형태가 드러나고
엣지라이트의 opacity값이 낮아짐과 동시에 줌아웃되며 홈페이지로 돌아옴


타이틀 → 파동 → 카드 형태로 확장 → 홈 UI 연결

비주얼적 임팩트는 물론, 그래픽에서 UI로 자연스럽게 이어지는 구조를 더하면서 진입하는 순간부터 하나의 경험으로 느껴지는 형태로 제작할 수 있었어요.





마무리하며
Simplicity는 매 시즌 새로운 세션과 그래픽을 만들어야 하는 구조다보니, 모든 걸 매번 손으로 처음부터 만드는 방식만으로는 오래가기 어렵다는 걸 점점 더 실감하게 됐어요.
이번 시즌에는 그런 한계를 조금이라도 줄여보고자, 머신러닝 팀 동료와 함께 ComfyUI를 커스텀 모델을 만들어서 실험해보기도 하고, 토스 그래픽 ai인 토스트뿐만 아니라 여러 생성형 ai를 활용해보는 등 다양한 AI 도구들을 활용하며 진행했어요.
덕분에 초반 탐색에서 시행착오를 줄일 수 있었고, 전체 스타일 방향도 훨씬 빠르게 정리할 수 있었는데요. 퀄리티는 유지하면서도, 지속 가능한 제작 방식으로 나아가는 출발점이 되었던 시즌이 되었던 것 같아요.
다음 시즌엔 또 다른 방식으로, 지금보다 조금 더 새로운 방향으로 접근해보고 싶어요. 앞으로도 Simplicity의 멋진 그래픽 비주얼을 기대해주세요!






안녕하세요!
Simplicity 4에서 그래픽 디자인을 맡은 디자이너 김경태, 김영하입니다.
이번 시즌 그래픽 작업을 진행하면서 느낀 고민과 시행착오, 그리고 그 과정 속에서 얻은 인사이트들을 공유해보려 해요.





14개의 세션을 하나의 인상으로

이번 시즌의 Simplicity의 홈페이지의 초안은 14개의 세션 카

Simplicity4의 그래픽, 어떤 고민을 하며 만들었을까요? 14개의 세션을 하나로 잇기 위한 시각 메타포, 그리고 그 제작 방식을 공유할게요.

세션을 대표하는 키비주얼 그래픽 | Simplicity 4 제작기 #4

토스에서 전생 프로필 이벤트를 참여해보신 적 있나요? 이 글에서 금전적 보상이 없이 바이럴에 성공한 전생 프로필 이벤트 탄생 과정을 공유드려요.


배경
카페나 음식점에서 ‘내 얼굴’로 결제하고 콘서트 입장도 간편하게 얼굴로 할 수 있다면 어떨까요? 얼굴로 입장과 결제를 할 수 있는 페이스페이·페이스패스가 곧 전국에서 사용 가능할 예정이에요.
페이스페이·페이스패스 오픈을 준비하며, 서비스 쓰려면 거쳐야하는 긴 퍼널 문제를 해결하기 위해 최대한 많은 유저를 사전신청 단계에서 확보하려는 목표를 세우고, 이를 위한 이벤트를 기획하게 됐어요.

*퍼널 : 사용자가 앱 내에서 특정 목표(예: 결제, 기능 이용 등)에 도달하기까지의 단계별 여정을 뜻해요. 여기서는 “개인정보 처리 및 약관동의 → 얼굴확인 → 본인인증 → 결제수단&서명 등록” 흐름이 퍼널에 해당해요.

문제
얼굴 인증을 활용한 페이스페이·페이스패스는 기존 토스 서비스에서 볼 수 없었던 새로운 사용성인 만큼 거부감을 줄일 수 있으면서, 유저가 얼굴 인증을 재미있게 느낄 수 있는 이벤트 기획이 필요했어요. 특히, 금전적 보상에 의존하지 않고 유저의 참여를 유도할 수 있는 새로운 바이럴 포인트를 찾아야 했죠.

가설
유저가 심리적 연결고리를 느낄 수 있는 결과물을 제공한다면, 유저의 흥미를 자극해 동의 전환율을 높이고 바이럴 효과도 증대될 것이라 판단했어요. 
예를 들어 MBTI나 심리테스트처럼, 유저가 자신의 결과에 흥미를 느끼면 이를 주변 사람과 공유하고 싶어하는 심리가 생기는 것 처럼요.

해결책
1. 캐릭터와 스토리를 통해 유저가 몰입할 수 있는 환경을 조성
우리는 무언가에 공감했을 때 그 안에서의 행동이나 결정을 자연스럽게 받아들여요. 그리고 공감과 몰입에 가장 효과적인 방법 중 하나는 스토리예요. 전생 이벤트에서는 신비로운 구슬이 "얼굴을 보고 전생을 찾는다"는 흥미로운 스토리로 유저를 몰입시켜 얼굴 확인 과정을 자연스러운 단계로 느낄 수 있게 했어요. 또한 전환에 허들인 약관 동의를 스토리의 일부로 제시해 거부감을 줄이려 했어요.
그 결과, 스토리 요소로 인해 페이지 수가 4장 더 많았던 A버전이 더 짧은 B버전에 비해 약관 동의율이 9.1%p 더 높았어요.  

*허들(Hurdle) : 목표를 달성하거나 다음 단계로 나아가는 데 방해가 되는 장벽이나 문제를 의미해요. 예를 들어, 앱에서 회원가입 절차가 너무 복잡하면 이것이 허들로 작용해 전환율(=회원가입 통과율)이 낮아질 수 있어요. 

2. 다양한 전생 결과를 제공하여 유저의 호기심을 자극
혹시 MBTI 테스트를 어떤 이유로 받았는지 기억나세요? 친구가 공유해준 결과를 보고 “내 MBTI는 뭘까?”하는 궁금증으로 시작하지 않았나요? 이처럼 전생 이벤트에서도 ‘만성피로 임금’부터 ‘대감집 머슴’까지 다양한 조선의 직업과 내용으로 결과에 대한 유저의 호기심을 유도했어요.
또한, 이러한 다양한 직업 제공은 유저로 하여금 결과물이 자신에게 맞춰진 내용이라고 느끼게 하여 자기표현 욕구를 자극할 수 있어요. 이는 곧 유저 스스로 대화 소재로 결과를 주변 사람들에게 공유할 가능성이 높아지는 것을 의미해요.

3. 전생과 현생을 잇는 문구를 일반적이고 모호하게 표현해, 많은 사람들이 이를 자신의 이야기로 느끼게 유도
사람들은 종종 일반적인 내용을 자신과 연결 짓는 경향이 있어요. 오랜 역사와 전통을 가진 ‘혈액형’이나 ‘별자리’가 그 대표적인 예시라 할 수 있어요. 이러한 이유로, 전생 이야기도 많은 사람이 자기 얘기처럼 느낄 수 있도록 일반적이고 모호한 표현을 사용했어요.


결과
이 이벤트를 진행한 한 달 동안, SNS로 결과물이 바이럴되면서 주변 지인들과 즐거운 시간을 가졌다는 유저 반응이 많았어요. 
결과를 보신 분들 중 10명 중 7명 이상이 친구들과 공유했어요.
다른 이벤트와 비교했을 때, 전환율이 최대 23%p 더 높았어요.
특히, 공유를 통해 들어오신 분들 중 65%가 캠페인에 참여했어요.

적용해보기
금전적 보상 없이 제품을 바이럴되게 만들려면, 제품 자체가 공감과 흥미를 끌어낼 수 있어야 해요. 이를 위해 바넘 효과나 스토리, 캐릭터 등의 보조 수단을 활용하는 방법을 고려해 보세요. 
특히, "공감"은 유저의 마음을 움직이는 가장 강력한 도구중 하나라는 점을 기억해 주세요.

페이스페이의 디자인 이야기를 아래 영상에서 더 확인할 수 있어요.



토스에서 전생 프로필 이벤트를 참여해보신 적 있나요? 이 글에서 금전적 보상이 없이 바이럴에 성공한 전생 프로필 이벤트 탄생 과정을 공유드려요.


배경
카페나 음식점에서 ‘내 얼굴’로 결제하고 콘서트 입장도 간편하게 얼굴로 할 수 있다면 어떨까요? 얼굴로 입장과 결제를 할 수 있는 페이스페이·페이스패스가 곧 전국에서 사

CPA 0.8원 이벤트 제작 과정을 알아보세요.

금전적 보상없이, 이벤트 바이럴이 가능할까?

언더커버사일로 비하인드 토크, 재미있게 보셨나요? “토스 참 쪼잔하다”는 유저의 말 한마디에 1억을 태웠던 만보기 사일로의 코멘터리가 돌아왔습니다.
지난 편에서 가장 뜨거운 반응을 얻었던 바로 그 이야기, 지금부터 더 깊게 파고들어 보겠습니다.

토스 만보기, 전국민의 사랑을 받던 서비스가 겪은 가장 큰 위기
만보기는 2019년에 시작됐어요. 당시 토스의 가장 큰 숙제는 MAU, 즉 월간 활성 사용자를 늘리는 거였죠. 지금은 전연령이 쓰는 토스가 되었지만, 당시에는 30대~ 50대 사이의 사용자가 상대적으로 적었어요. 해당 연령대의 데이터를 살펴보니, 그분들이 만보기 앱을 많이 사용하시더라고요. '아, 이거다!' 싶었죠.
토스가 만보기 서비스를 오픈한 후, 유저 수를 늘리기 위한 여러 차례의 실험이 진행됐어요. 처음엔 친구 추가 기능으로 바이럴을 일으켜 사용자를 키웠어요. 근데 바이럴 효과가 떨어지면서, '올리브영 가면 몇 원 줄게' 같은 개인 미션을 만들었죠. 건강도 챙겨드리고 싶었고요. 그런데 여기서 예상치 못한 문제가 터졌어요. 저희가 유저분들에게 리워드를 드리기 위한 큰 비용을 지출하는데도, 이게 진짜 효과가 있는 건지 성과 측정이 불가능해진 거예요. 결국 만보기는 유저가 증가할 수록 끝없이 비용도 비례하여 증가하는 비용 사업이 됐습니다. 팀 내부에서도 ‘이게 맞나?’ 하는 회의감이 들었죠.

1라운드: 만보기, 존폐의 위기 앞에서
2022년 이전까지 만보기는 혜택 탭의 ‘기둥’ 같은 존재였어요. 이걸 없애는 건 상상할 수 없었죠. 사용자들이 만보기를 쓰러 왔다가 ‘행운복권’도 써보고, ‘버튼 누르고 10원 받기’ 같은 다른 혜택들을 자연스럽게 경험했거든요. 만보기가 혜택 탭 전체로 사용자를 이끄는 가장 중요한 입구였던 셈이에요.
그러다 ‘함께 토스 켜기’처럼 더 쉽고 강력한 서비스가 생기면서, 데이터상 만보기의 1위 자리를 내주게 됐어요. 내부에서는 당연히 ‘이제 만보기를 닫아야 하는 거 아니냐’는 목소리가 나오기 시작했죠. 하지만 데이터를 깊게 들여다보니, 떠났던 사용자를 다시 불러오고(부활 유저), 여전히 혜택 탭을 꾸준히 쓰게 만드는 힘은 만보기에 있더라고요.
사실 (토스 대표인) 승건님과 만보기를 닫는 문제로 논쟁이 붙기도 했어요. 당시 만보기는 이용하는 유저 규모만큼의 비용을 무조건  지출해야하는 구조였는데, 이 비용을 메꿀만큼 이익을 내려면 무조건 그 이상의 추가적인 가치를 만들어내야 했죠. 그때 제가 광고를 담당하는 토스 Ads Product 팀에 있었는데, 솔직히 7개월 안에 그만한 성과를 낼 자신이 없었습니다. 그래서 제가 직접 하겠다고 나선 거예요. 만보기를 그만두는 대신, 어떻게든 수익화해서 이 문제를 풀어보자고 결심한 거죠. 만보기 자체의 가능성을 더 믿었던 것 같아요.
주변에서 계속 ‘이제 그만하자’는 의견에 더 거세질 때도, ‘딱 2주만 더 해보자’고 버텼습니다. ‘나 같은 사용자라면, 보상이 10원에서 8원으로 줄었다고 해서 이 서비스에 아예 등을 돌리진 않을 텐데’ 라는 믿음이 있었거든요. 그 2원의 차이가 사용자를 떠나게 할 결정적인 이유는 아니라고 생각했어요.
그 전까지 만보기의 목표는 MAU(월간 활성 사용자)를 높이는 것이었고, 그 목표는 이미 달성된 상태였어요. 하지만 저는 돈, 즉 ‘수익화’에 관심이 있었죠. 무엇보다 만보기는 사람들이 알림을 받고 수시로 들어와 걸음 수를 확인하는, 아주 강력한 습관을 만드는 서비스였습니다. 사용자의 일상에 깊숙이 들어와 있는 이 접점을 없애는 건 너무 아깝다고 생각했어요.

끝나지 않던 실패의 7개월
처음엔 작은 실험부터 시작했습니다. 구글 애즈(Google Ads)를 붙이면 돈이 되겠다는 생각은 있었지만, 진짜 문제는 ‘어떻게 광고를 보게 할 것인가’였죠. 특히 유저분들은은 5초짜리 광고 시청도 꺼리는 경향이 있으시니까요.
그때, ‘1원이라도 주면 보지 않을까?’ 이 가설 하나가 떠올랐어요. 결국 포인트를 받자마자 광고를 강제로 보게 하는, 사실 토스에서는 금기시되는 게임 회사 방식을 시도했어요. 저희가 딱 4시간 만에 뚝딱 만들어서 내보낸 기능이었는데요. 놀랍게도, 첫날에만 거의 100만 명에 가까운 분들이 이 기능을 사용하셨어요.
하지만 딱 거기까지였습니다. 한두 번 눌러보고는 더 이상 사용하지 않으시더라고요.그래서 커피 쿠폰을 걸어보기도 하고, 상품권을 주기도 하면서 7개월 동안 정말 다양한 시도를 했습니다.  솔직히 당시에는 제가 광고 수익화에 너무 꽂혀 있었던 것 같아요. ‘리워드를 더 주면 더 보지 않을까?’라는 단순한 생각에 빠져 있었죠.
이 실험에서 가장 충격적이었던 사용자 반응이 뭐였는지 아세요? 사실 표면적인 데이터나 댓글에서는 별다른 반응이 없었어요. 저희가 문제의 본질을 알게 된 건, 한 사용자 인터뷰 때였습니다. 사용자분께 평소처럼 서비스를 써달라고 부탁드렸어요. 화면을 켜고, 버튼을 누르시더라고요.

그런데 광고가 나올 타이밍이 되자, 그분은 너무나 자연스럽게 전체 앱 메뉴를 열어서 토스 앱을 위로 쓸어 올려 꺼버리셨어요. 그리고는 제게 오히려 팁을 주시더라고요. “이렇게 하면 광고 안 보고도 포인트를 받을 수 있어요.” 
그 순간 망치로 머리를 맞은 것 같았죠. 아, 내가 지금 사용자에게 절대 해서는 안 될 경험을 강요하고 있었구나. 그걸 깨닫게 된 겁니다.
실행하기 전까지는 고민이 정말 많았는데, 오히려 결과를 보고 나니 마음이 편해졌습니다. ‘사용자에게 강요해도 결국 광고 매출을 만들 수 없구나’ 라는 명확한 실패를 확인했거든요. 덕분에 미련 없이, 아주 빠르게 이 방식을 포기할 수 있었습니다. 저희가 만들어야 했던 건 지급하는 리워드 총합, 그 이상의 임팩트였는데... 이 방식으로는 서비스의 지속가능성을 확보하기 어렵다는 결론에 이르렀습니다.
그때 ‘억지스러운 선택’은 결국 통하지 않는다는 걸 배웠어요. 좋은 제품이 좋은 성과를 낳고, 상식적인 경험이 좋은 광고 경험을 만든다는 단순한 진리를요. 그래서 지금 돌아보면, 이 실패는 정말 많은 것을 얻게 해준 값진 실험이었다고 생각합니다.

2라운드: 관점의 전환, ‘광고의 가치’를 만들다
7개월간 실패하며 깨달은 건 딱 하나였습니다. 사용자가 광고를 안 보는 이유는, 광고를 보는 그 시간이 사용자에게 아무런 ‘가치’가 없기 때문이라는 것. 그래서 질문을 완전히 바꿨습니다. ‘어떻게 광고를 보게 하지?’가 아니라, ‘어떻게 하면 광고를 기다리는 시간을 기꺼이 가치 있게 만들지?’ 라고요.
고민 끝에 답을 찾았습니다. 사람들이 정말로 원하는 것을 기다리게 만들면, 그 시간 동안 기꺼이 광고를 볼 것이다! 그리고 누구나 원하는 것, 바로 ‘100만 원 당첨’이라는 기회였죠. 축의금처럼 급전이 필요한 순간들을 생각했어요. 
광고를 보는 시간 동안 당첨 여부를 기다리게 하는, 그 긴장감의 순간에 가치를 부여한 겁니다. 동시에 사용자들이 박탈감을 느끼지 않도록 ‘꽝’ 없이 최소 2원은 받을 수 있게 설계했고요.

유튜버 조코딩님께서 핵심을 정확히 보셨습니다. ‘광고 보고 복권 받기’는 광고 시청을 강요하는 서비스가 아니라, 보상에 대한 기대를 통해 광고에 대한 거부감을 설렘으로 바꾸는 서비스입니다.
결과는 성공적이었습니다. 사용자에게 드리는 리워드를 뛰어넘는 광고 수익을 창출하며, 마침내 ‘사용자 혜택’과 ‘서비스의 지속가능성’이라는 두 마리 토끼를 모두 잡는 선순환 구조를 만들었기 때문입니다. 이로써 만보기는 다음 단계를 향한 발판을 마련하게 되었습니다.
여기서 중요한 건 ‘보편적 성공’입니다. 저는 한 사람이 10번 광고를 보는 것보다, 20명이 한 번씩 광고를 보는 게 훨씬 더 가치 있다고 믿어요. 그래야 앱 설치나 상품 구매 같은 실질적인 광고 성과도 함께 올라가거든요. 만보기는 마침내 그걸 해낼 수 있는 서비스가 된 거죠.
3라운드: 돈을 넘어, ‘토스만 줄 수 있는 혜택’을 향해
그래서 앞으로 만보기의 목표가 뭐냐고 물으시면, ‘돈을 더 버는 것’이라고 답하지 않을 거예요. 제가 어떻게든 수익을 내려고 했던 건, 이 서비스를 닫고 싶지 않아서였습니다. 만보기가 주는 ‘건강’과 ‘재미’라는 가치를 지키고 싶었거든요. 이제 수익화로 생존 기반을 마련했으니, 저희는 ‘오직 토스만 줄 수 있는 혜택’에 대해 고민하기 시작했습니다. ‘어떻게 하면 사용자에게 더 좋은, 우리다운 혜택을 줄 수 있을까?’ 이 질문에 답하기 위해 저도 그로스 도메인으로 자리를 옮겼고요.
예를 들어, ‘토스 만보기만의 특별한 혜택은 뭘까?’라는 질문에 대한 저희의 답 중 하나는 바로 ‘보험료 할인’입니다. 지금 만보기에서 특별 약관 보험 할인 이벤트를 하고 있어요. 많이 걷는 사람은 자동차를 탈 일이 적을 테니, 사고 확률도 낮아지겠죠? 그 데이터에 근거해서 운전자 보험료를 직접 깎아드리는 거예요.
이것이 바로 저희가 가야 할 길이라고 생각합니다.

가장 보통의 일상, 가장 위대한 기회
PO들이 자기가 아끼는 제품을 ‘예쁘게’ 성장시키고 싶어 한다는 말, 저도 공감해요. 그런데 저는 조금 다른 관점에서 접근했던 것 같아요. 저는 항상 ‘이런 혜택이라면 나도 매일 쓰고 싶겠다’는 생각으로 서비스를 만들어요. 지하철에서, 길에서, 우리 모두가 매일같이 만보기를 켜잖아요. 이게 정말 엄청난 기회라고 생각했습니다. 그래서 저는 공식적인 유저 인터뷰에서는 차마 못 물어보는 것들을 저희 엄마께 전부 여쭤봐요. 지금도 하루에 몇 번씩 통화하면서요. 
제가 예전에 ‘마이리얼트립’에서 일할 땐, 고객이 여행을 한 번 다녀오면 3개월은 앱에 들어오지 않았어요. 하지만 만보기처럼 일상과 밀착된 서비스는 어제 들어온 사용자가 오늘도 들어오게 만드는 힘이 있습니다. 그게 제가 본 만보기의 가장 큰 가치였어요.

지금까지 만보기 사일로의 비하인드 코멘터리, 흥미롭게 보셨나요? 하나의 서비스를 둘러싼 이 치열한 고민의 흔적들은 ‘언더커버 사일로’ 본편에서 더욱 생생하게 만나실 수 있습니다. 다음 편에서는 새로운 기술의 문턱을 낮춰야 했던 페이스페이(Face Pay) 사일로의 뒷이야기로 돌아오겠습니다. 궁금한 점은 언제든 댓글로 남겨 주세요!

Words 박세진  Edit 김태성


언더커버사일로 비하인드 토크, 재미있게 보셨나요? “토스 참 쪼잔하다”는 유저의 말 한마디에 1억을 태웠던 만보기 사일로의 코멘터리가 돌아왔습니다.
지난 편에서 가장 뜨거운 반응을 얻었던 바로 그 이야기, 지금부터 더 깊게 파고들어 보겠습니다.

토스 만보기, 전국민의 사랑을 받던 서비스가 겪은 가장 큰 위기
만보기는 2

어떻게 실패한 실험은 최고의 교과서가 되었나

“토스 참 쪼잔하다”는 유저 말에 1억을 태운 이유 | 언더커버 사일로 비하인드 2화: 만보기 사일로


시각장애인 전용 얼굴 인증 화면을 만든 이유

토스에서는 송금이나 결제를 할 때 이상 거래가 감지되면, 보안을 위해 기능이 일시적으로 차단돼요. 이때 얼굴 인증으로 본인 확인을 해야 차단이 해제되죠. 대부분 사용자에게 얼굴 인증은 몇 초 만에 자연스럽게 지나가는 과정일 수 있지만, 시각장애인 사용자에게는 전혀 다른 경험일 수 있어요.
정확한 지시 없이 카메라를 바라보며 시선을 고정하는 건 쉬운 일이 아니거든요. 다른 사람이 옆에서 “왼쪽으로 조금 더 고개 돌려보세요” 등의 도움을 줘야만 인증을 마칠 수 있는 경우가 대부분이었죠. 인증 없이는 송금 등 주요 기능을 사용할 수 없기 때문에, 시각장애인이 도움 없이 혼자서 인증 할 수 있는 환경을 만드는 건 꼭 필요한 일이었어요.
그래서 인증팀과 논의 끝에 스크린리더 사용자 전용 얼굴 인증 과정을 따로 만들기로 했어요. 시각장애인 사용자를 직접 초대해 UT를 진행했고, 계속 이터레이션하며 새로운 흐름을 설계했죠.
이 글에서는 UT에서 발견한 점을 시안에 어떻게 적용해갔는지 하나씩 소개해볼게요.


진행상태를 소리로 알려주기




얼굴 인증은 안내에 따라 여러 방향으로 고개를 돌리고, 몇 초간 가만히 있어야 해요. 처음에는 고개 돌리는 동작이 어렵지 않을까 싶어, 자세한 텍스트 안내를 준비했는데요. 막상 테스트해보니 대부분의 사용자가 무리 없이 잘 따라 하셨어요.
문제는 그다음이었어요. 지금 얼굴이 제대로 인식되고 있는지, 내가 잘 하고 있는지 알 수 없다는 점이었죠.  기존 화면에서는 프로그레스 바로 진행 상태를 시각적으로만 안내하고 있었기 때문에, 스크린리더 사용자 입장에선 현재 상태를 파악하기 어려웠어요.

“다른 서비스는 1%, 18% 이런 식으로 퍼센트를 읽어줘서 감이 오는데, 
그런 게 없으니까 어디까지 됐는지를 모르겠더라고요.”

단순히 숫자를 읽어주는 방식보다는, 프로그레스 바처럼 시각적인 요소를 청각적으로 더 직관적으로 전달하는 게 중요하다고 생각했어요. 그래서 ‘진행 중’ 사운드와 ‘완료’ 사운드를 인증 흐름의 각 단계에 삽입했어요.




얼굴 인식이 진행 중일 때 


인증이 완료됐을 때 


사용자들은 진행 과정에서 큰 불안 없이 훨씬 더 수월하게 따라올 수 있었어요. 청각 UX란 단순히 텍스트를 소리로 읽어주는 것을 넘어, 시각적으로 의미 있는 모든 피드백을 ‘소리’로 전환하는 일이라는 점을 다시금 실감할 수 있었죠. 이번 얼굴 인증 접근성 개선의 핵심도 바로 여기에 있었어요. 처음엔 텍스트만 읽히면 충분하다고 생각했지만, 실제로는 프로그레스 바와 같은 그래픽 요소에도 중요한 정보가 담겨 있었죠. 이 시각적 정보를 사운드로 ‘번역’하면서 비로소 사용자에게 직관적으로 느껴지는 UX를 구현할 수 있었어요.




오류는 토스트로 알려주기


기존 얼굴 인증 플로우는 30초 동안 얼굴 인식에 실패했을 때, ‘다시찍기’ 버튼을 눌러야 해요. 그런데 UT 중 시각장애인 사용자가 이 버튼을 찾기 위해 화면을 더듬다가 자세가 흐트러지고, 다시 얼굴을 맞추기 어려워져 인증을 실패하는 경우가 있었어요.


그래서 이 흐름을 바꿔보기로 했어요. 오류 피드백은 “얼굴이 원을 벗어났어요”처럼 간단한 토스트 메시지로 전달하고, 곧바로 다시 안내가 이어지도록 구성했어요. 버튼을 누르지 않아도 흐름이 자연스럽게 이어지도록 한 거죠. 사실 오류 메시지만 정확히 전달된다면, 굳이 버튼을 누를 필요는 없으니까요.
사용자가 터치 없이도 흐름을 이어갈 수 있게 되니, 자세를 유지하기 훨씬 쉬워졌고 전체 경험도 더 부드러워졌어요.


'카메라 권한 설정’은 단계별로 안내하기



얼굴 인증을 하려면 카메라 권한이 필요해요. iOS에서는 권한 설정 팝업에서 “허용하기” 버튼을 누르면 설정 앱으로 이동하게 되고, 카메라 권한을 켠 뒤에는 다시 토스 앱으로 돌아와야 해요.

하지만 이 과정을 어렵게 느끼시는 분들이 있었어요. “허용해 주세요”라는 짧은 문구만 나오다 보니, 이후 어떤 설정을 해야 하는지 헷갈리거나, 설정을 마친 뒤 앱으로 돌아가야 한다는 사실 자체를 인지하지 못하는 경우도 있었어요. 앱으로 돌아가지 않아서 당황하셨다는 피드백도 있었고요.

그래서 iOS 퍼널에서 권한 설정 과정을 단계별로 분리해서, 각 단계마다 필요한 행동을 명확하게 안내해드리도록 바꿨어요. 덕분에 사용자는 지금 어떤 행동을 해야 하는지, 이후 어떤 흐름이 이어질지 훨씬 더 쉽게 이해할 수 있었고, 흐름을 끊지 않고 자연스럽게 진행할 수 있었어요.


인사 건네기

스크린리더 전용 인증 흐름의 시작에서 “스크린리더를 사용하시네요”라는 안내 문구를 넣었어요. 혹시 불편하게 느끼시진 않을까 걱정했지만, 예상과 달리 많은 분들이 오히려 반가워하고 고마워하셨어요. “내 상황을 이해해주는 시스템”이라는 피드백 자체가 배려로 느껴질 수 있다는 걸 볼 수 있어 뿌듯한 순간이었죠.



중요한 건 ‘달리 만들기’보다 ‘다르게 바라보기’ 
현재 이 퍼널은 이상 거래 탐지 시 본인 확인 프로세스에만 적용돼 있지만, 앞으로 다양한 인증 시나리오도 대응할 예정이에요.
이번 얼굴 인증 개선은 단순히 스크린리더를 대응하기 위한 기술적 작업이 아니었어요.
시각장애인 사용자의 입장에서 이 흐름이 어떻게 느껴질지를 끝까지 상상하고 관찰하면서, ‘당연한 UX’를 낯선 시선으로 다시 바라본 과정이었죠. 실제로 시각적으로 볼 땐 문제가 없어 보였던 화면들이, 다른 조건에 놓인 사용자에게는 충분히 장애물이 될 수 있다는 걸 알 수 있었어요.
예를 들어, 카메라 권한 설정이나 오류가 났을 때 CTA 버튼을 눌러야하는 흐름은, 기존에는 너무 익숙해서 불편함을 느끼지 못했던 지점들이었어요. 하지만 시각장애인 사용자의 관점에서 다시 바라보니, 더 명확한 대안을 찾을 수 있었죠.
이런 개선은 비장애인 사용자에게도 더 나은 사용성으로 이어질 수 있다고 생각해서, 토스트 메시지나 권한 안내 등의 변화는 일반 퍼널에도 적용될 예정이에요. 결국 이번 개선은 특정 사용자만을 위한 예외 대응이 아니라, 모두에게 더 편리한 경험으로 이어질 수 있는 기회였던 셈이죠.
이처럼 스크린리더 대응은 소수만을 위한 대응이 아니라, 모두를 위한 UX를 더 나은 방향으로 이끌어줄 실마리가 될 수 있어요.



적용해보기
만약 여러분도 시각장애인을 위한 기능을 설계하신다면, 이런 질문을 던져보세요. 


화면 속 텍스트를 읽어주는 것만으로 충분할까?
유효한 정보값이 담겨있어서 청각언어로 번역해야하는 그래픽 요소 등은 없는지 확인해봐요.

진행상황, 상태변화에 대한 피드백이 시각장애인도 알 수 있도록 전달되고 있는가?
진행 상황, 상태 변화, 성공/실패 결과는 ‘효과음’이나 ‘음성 피드백’으로 더 직관적으로 전달될 수도 있어요.

이 불편함을 시각장애인이 아닌 다른 사용자도 느끼고 있지 않을까?
때로는 소수를 위한 고민이, 모두에게 더 편한 사용성으로 이어지기도 해요.



기획 : 이수빈, 김유라
글 : 유아란 



시각장애인 전용 얼굴 인증 화면을 만든 이유

토스에서는 송금이나 결제를 할 때 이상 거래가 감지되면, 보안을 위해 기능이 일시적으로 차단돼요. 이때 얼굴 인증으로 본인 확인을 해야 차단이 해제되죠. 대부분 사용자에게 얼굴 인증은 몇 초 만에 자연스럽게 지나가는 과정일 수 있지만, 시각장애인 사용자에게는 전혀 다른 경험

프로그레스 바 같은 시각적인 정보를 어떻게 소리로 잘 전달할 수 있을까요? 시각장애인을 위한 사용 경험을 설계할 때 고려해야할 지점을 알려드릴게요.

시각 정보를 소리로 번역하는 법 - 시각장애인을 위한 얼굴 인증 개선기 | 접근성 업무일지 #2

접근성 업무일지

토스의 접근성 이야기기를 들려드려요.

SLASH 24

언더커버 사일로

토스의 서바이벌 예능 <언더커버 사일로>의 비하인드 스토리

Simplicity 4

토스 디자인 컨퍼런스 Simplicity 4의 비하인드 스토리

아티클 시리즈