Blog·인사이트

사용자 온보딩 UX, 첫 경험이 이탈률을 결정한다

···4분 읽기
요약

앱의 25%는 단 한 번 사용된 후 버려집니다. 1일차 리텐션이 높은 앱과 낮은 앱의 30일차 격차는 최대 10배입니다. Slack·Notion·Canva·Spotify의 패턴 옆에 저희가 운영하는 LG ThinQ 도면 연동, 두코 카탈로그 첫 진입, 케이엠파크 첫 결제 흐름을 짝지어 정리합니다.

Localytics의 조사에 따르면 앱의 25%는 단 한 번 사용된 후 버려집니다. 사용자가 서비스를 처음 만나는 순간의 경험이 이후 모든 것을 결정합니다. 아무리 뛰어난 기능을 갖추고 있어도 첫 경험에서 가치를 느끼지 못하면 사용자는 돌아오지 않습니다.

Mixpanel의 데이터에 따르면 1일차 리텐션이 높은 앱과 낮은 앱의 30일차 리텐션 격차는 최대 10배까지 벌어집니다. 온보딩 UX는 단순한 튜토리얼이 아니라 사용자와 서비스의 첫 만남을 설계하는 작업입니다.

효과적인 온보딩 패턴

점진적 공개(Progressive Disclosure)는 모든 기능을 한 번에 보여주지 않고 사용자의 진행 단계에 맞춰 점진적으로 노출하는 방식입니다. Slack이 대표적인 사례입니다. 처음에는 메시지 보내기만 안내하고, 사용자가 익숙해지면 채널 생성, 앱 연동 등을 소개합니다.

인터랙티브 튜토리얼은 설명을 읽는 것이 아니라 직접 해보면서 배우는 방식입니다. Duolingo처럼 첫 레슨을 가입 전에 체험하게 하면 사용자가 서비스의 가치를 직접 경험할 수 있습니다. 이 방식은 가입 전환율을 크게 높이는 것으로 알려져 있습니다.

빈 상태 디자인(Empty State Design)은 자주 간과되지만 매우 중요합니다. 사용자가 아직 데이터를 생성하지 않았을 때 빈 화면을 보여주면 서비스가 고장난 것처럼 느껴집니다. 대신 샘플 데이터를 미리 보여주거나 첫 번째 행동을 유도하는 가이드를 제공해야 합니다. Notion은 빈 페이지에 템플릿 선택지를 제시하여 사용자가 바로 시작할 수 있게 돕습니다.

저희가 만든 LG ThinQ WebGL 엔진도 이 패턴을 강하게 활용합니다. 사용자가 자기 아파트 단지를 선택하면 그 평면 도면이 자동으로 연결되어 실내 공간이 즉시 3D로 그려집니다. 도면이 등록되지 않은 집은 빈 화면이 아니라 "벽체를 한 면씩 그려서 자기 집을 만들 수 있는 편집기"가 그 자리에 들어갑니다. 사용자는 어느 쪽 경로로 들어가든 첫 화면을 본 지 1분 안에 자기 집 공간 안에서 가전 제품을 배치·제어하는 핵심 가치에 도달합니다. "빈 화면을 어떻게 처리할 것인가"가 그 자체로 서비스 성격을 결정한 사례입니다.

빠른 성과(Quick Win) 패턴은 사용자가 최대한 빨리 핵심 가치를 경험하도록 설계하는 것입니다. Canva는 가입 직후 템플릿을 선택하게 해서 수 분 내에 디자인 결과물을 얻을 수 있게 합니다. 두코 디지털 카탈로그도 같은 원리로 설계됐습니다. 거래처가 링크를 클릭하면 첫 화면에서 인기 SKU가 펼쳐진 상태로 도착해, 별도 가입·검색 없이 그 자리에서 제품을 돌려보고 자사 로고·컬러·재질까지 입혀볼 수 있습니다.

체크리스트 패턴도 효과적입니다. 완료해야 할 단계를 시각적으로 보여주고 하나씩 체크하게 하면 사용자에게 진행 감각과 성취감을 줄 수 있습니다.

반드시 피해야 할 안티패턴

사용자가 아무것도 하기 전에 5개 화면짜리 튜토리얼을 강제로 보여주는 것은 최악의 패턴입니다. 사용자는 맥락 없이 제공되는 정보를 기억하지 못합니다. Nielsen Norman Group의 연구에 따르면 사용자는 튜토리얼 내용의 90% 이상을 수 분 내에 잊어버립니다.

가입 시 과도한 정보를 요구하는 것도 치명적입니다. 이름, 이메일, 비밀번호, 회사명, 직책, 사용 목적까지 물으면 대부분의 사용자는 중간에 이탈합니다. Formstack의 데이터에 의하면 폼 필드가 하나 늘어날 때마다 전환율이 약 4%씩 감소합니다.

가입 후 아무런 안내 없이 대시보드에 던져놓는 것도 문제입니다. 사용자는 다음에 무엇을 해야 할지 모르면 그냥 닫아버립니다.

Time to Value — 핵심 가치까지의 시간이 곧 리텐션이다

Time to Value는 신규 사용자가 서비스의 핵심 가치를 처음 경험하기까지 걸리는 시간입니다. 이 시간이 짧을수록 리텐션이 높아집니다. Twitter의 핵심 가치는 관심 있는 콘텐츠를 소비하는 것인데, 가입 직후 팔로우할 계정을 추천하는 것은 이 시간을 단축하기 위한 전략입니다. Spotify는 가입 직후 좋아하는 아티스트 3명만 선택하면 맞춤 플레이리스트를 즉시 생성해줍니다.

저희가 운영하는 케이엠파크(km-park.com)에서도 같은 원리가 적용됩니다. 주차권은 본질적으로 정기 결제 모델이고, 사용자가 처음 결제하는 그 한 번이 가장 큰 허들입니다. 빌링키 등록을 결제 흐름 안에 자연스럽게 녹여 첫 결제와 동시에 다음 자동 연장 권한까지 한 번에 받아두면, 사용자는 두 번째부터는 가입·결제 흐름을 다시 거치지 않고 곧장 자기 주차권을 받습니다. 첫 1회 결제까지의 단계 수를 줄이는 것이 곧 Time to Value 단축이고, 그 단축이 한 달 뒤·세 달 뒤의 잔존율을 만듭니다.

프로덕트 메이커의 접근

저희는 어떤 프로젝트든 출시 직전 마지막 한 주를 온보딩 흐름 설계와 측정 지표 세팅에 씁니다. 핵심 가치 경험까지의 클릭 수, 소요 시간, 이탈 지점을 처음부터 이벤트로 찍어두지 않으면 출시 후 어디에서 새는지조차 확인할 수 없기 때문입니다.

온보딩 UX는 디자인이 아니라 측정 가능한 시스템입니다. 첫 화면이 결국 사용자가 한 달 뒤에도 남아 있을지를 결정합니다.

다른 포스팅
Blog·인사이트

사용자 온보딩 UX, 첫 경험이 이탈률을 결정한다

···4분 읽기

Localytics의 조사에 따르면 앱의 25%는 단 한 번 사용된 후 버려집니다. 사용자가 서비스를 처음 만나는 순간의 경험이 이후 모든 것을 결정합니다. 아무리 뛰어난 기능을 갖추고 있어도 첫 경험에서 가치를 느끼지 못하면 사용자는 돌아오지 않습니다.

Mixpanel의 데이터에 따르면 1일차 리텐션이 높은 앱과 낮은 앱의 30일차 리텐션 격차는 최대 10배까지 벌어집니다. 온보딩 UX는 단순한 튜토리얼이 아니라 사용자와 서비스의 첫 만남을 설계하는 작업입니다.

효과적인 온보딩 패턴

점진적 공개(Progressive Disclosure)는 모든 기능을 한 번에 보여주지 않고 사용자의 진행 단계에 맞춰 점진적으로 노출하는 방식입니다. Slack이 대표적인 사례입니다. 처음에는 메시지 보내기만 안내하고, 사용자가 익숙해지면 채널 생성, 앱 연동 등을 소개합니다.

인터랙티브 튜토리얼은 설명을 읽는 것이 아니라 직접 해보면서 배우는 방식입니다. Duolingo처럼 첫 레슨을 가입 전에 체험하게 하면 사용자가 서비스의 가치를 직접 경험할 수 있습니다. 이 방식은 가입 전환율을 크게 높이는 것으로 알려져 있습니다.

빈 상태 디자인(Empty State Design)은 자주 간과되지만 매우 중요합니다. 사용자가 아직 데이터를 생성하지 않았을 때 빈 화면을 보여주면 서비스가 고장난 것처럼 느껴집니다. 대신 샘플 데이터를 미리 보여주거나 첫 번째 행동을 유도하는 가이드를 제공해야 합니다. Notion은 빈 페이지에 템플릿 선택지를 제시하여 사용자가 바로 시작할 수 있게 돕습니다.

저희가 만든 LG ThinQ WebGL 엔진도 이 패턴을 강하게 활용합니다. 사용자가 자기 아파트 단지를 선택하면 그 평면 도면이 자동으로 연결되어 실내 공간이 즉시 3D로 그려집니다. 도면이 등록되지 않은 집은 빈 화면이 아니라 "벽체를 한 면씩 그려서 자기 집을 만들 수 있는 편집기"가 그 자리에 들어갑니다. 사용자는 어느 쪽 경로로 들어가든 첫 화면을 본 지 1분 안에 자기 집 공간 안에서 가전 제품을 배치·제어하는 핵심 가치에 도달합니다. "빈 화면을 어떻게 처리할 것인가"가 그 자체로 서비스 성격을 결정한 사례입니다.

빠른 성과(Quick Win) 패턴은 사용자가 최대한 빨리 핵심 가치를 경험하도록 설계하는 것입니다. Canva는 가입 직후 템플릿을 선택하게 해서 수 분 내에 디자인 결과물을 얻을 수 있게 합니다. 두코 디지털 카탈로그도 같은 원리로 설계됐습니다. 거래처가 링크를 클릭하면 첫 화면에서 인기 SKU가 펼쳐진 상태로 도착해, 별도 가입·검색 없이 그 자리에서 제품을 돌려보고 자사 로고·컬러·재질까지 입혀볼 수 있습니다.

체크리스트 패턴도 효과적입니다. 완료해야 할 단계를 시각적으로 보여주고 하나씩 체크하게 하면 사용자에게 진행 감각과 성취감을 줄 수 있습니다.

반드시 피해야 할 안티패턴

사용자가 아무것도 하기 전에 5개 화면짜리 튜토리얼을 강제로 보여주는 것은 최악의 패턴입니다. 사용자는 맥락 없이 제공되는 정보를 기억하지 못합니다. Nielsen Norman Group의 연구에 따르면 사용자는 튜토리얼 내용의 90% 이상을 수 분 내에 잊어버립니다.

가입 시 과도한 정보를 요구하는 것도 치명적입니다. 이름, 이메일, 비밀번호, 회사명, 직책, 사용 목적까지 물으면 대부분의 사용자는 중간에 이탈합니다. Formstack의 데이터에 의하면 폼 필드가 하나 늘어날 때마다 전환율이 약 4%씩 감소합니다.

가입 후 아무런 안내 없이 대시보드에 던져놓는 것도 문제입니다. 사용자는 다음에 무엇을 해야 할지 모르면 그냥 닫아버립니다.

Time to Value — 핵심 가치까지의 시간이 곧 리텐션이다

Time to Value는 신규 사용자가 서비스의 핵심 가치를 처음 경험하기까지 걸리는 시간입니다. 이 시간이 짧을수록 리텐션이 높아집니다. Twitter의 핵심 가치는 관심 있는 콘텐츠를 소비하는 것인데, 가입 직후 팔로우할 계정을 추천하는 것은 이 시간을 단축하기 위한 전략입니다. Spotify는 가입 직후 좋아하는 아티스트 3명만 선택하면 맞춤 플레이리스트를 즉시 생성해줍니다.

저희가 운영하는 케이엠파크(km-park.com)에서도 같은 원리가 적용됩니다. 주차권은 본질적으로 정기 결제 모델이고, 사용자가 처음 결제하는 그 한 번이 가장 큰 허들입니다. 빌링키 등록을 결제 흐름 안에 자연스럽게 녹여 첫 결제와 동시에 다음 자동 연장 권한까지 한 번에 받아두면, 사용자는 두 번째부터는 가입·결제 흐름을 다시 거치지 않고 곧장 자기 주차권을 받습니다. 첫 1회 결제까지의 단계 수를 줄이는 것이 곧 Time to Value 단축이고, 그 단축이 한 달 뒤·세 달 뒤의 잔존율을 만듭니다.

프로덕트 메이커의 접근

저희는 어떤 프로젝트든 출시 직전 마지막 한 주를 온보딩 흐름 설계와 측정 지표 세팅에 씁니다. 핵심 가치 경험까지의 클릭 수, 소요 시간, 이탈 지점을 처음부터 이벤트로 찍어두지 않으면 출시 후 어디에서 새는지조차 확인할 수 없기 때문입니다.

온보딩 UX는 디자인이 아니라 측정 가능한 시스템입니다. 첫 화면이 결국 사용자가 한 달 뒤에도 남아 있을지를 결정합니다.

다른 포스팅
WebGL프로젝트 상담