← 블로그 목록

로그인 UX: 가입 버튼을 누르기 전에 고객은 이미 떠났습니다

로그인 화면은 제품의 첫인상이 아니라, 마지막 관문입니다. 그 관문에서 고객을 잃지 않는 설계법.

당신의 랜딩 페이지는 완벽합니다. 카피도 좋고, CTA도 눈에 띕니다. 고객이 "시작하기" 버튼을 누릅니다. 그리고 회원가입 화면이 나타나는 순간, 40%가 이탈합니다.

이것은 과장이 아닙니다. Baymard Institute의 연구에 따르면, 복잡한 계정 생성 과정은 전자상거래 이탈의 두 번째로 큰 원인입니다. 당신이 공들여 데려온 잠재 고객이 로그인 화면 하나 때문에 영영 돌아오지 않습니다.

비밀번호 피로: 고객은 비밀번호를 기억하고 싶지 않습니다

평균적인 인터넷 사용자는 100개 이상의 온라인 계정을 가지고 있습니다. 그리고 대부분은 같은 비밀번호를 재사용합니다. "대문자, 소문자, 숫자, 특수문자를 포함해 8자 이상"이라는 조건을 보는 순간, 고객의 머릿속에는 한 가지 생각만 남습니다.

"나중에 하자."

"나중에"는 대부분 "영원히 안 한다"는 뜻입니다. 인디 파운더에게 이것은 치명적입니다. 대기업은 브랜드 파워로 고객을 돌아오게 만들 수 있지만, 당신의 제품은 그 한 번의 기회가 전부일 수 있습니다.

로그인은 고객이 가치를 경험하기 위해 지불하는 세금입니다. 세금이 높으면 시민은 떠납니다.

소셜 로그인: 버튼 하나가 전환율을 2배로 만듭니다

구글, 카카오, 네이버. 한국 사용자의 98%는 이 세 플랫폼 중 하나의 계정을 가지고 있습니다. 소셜 로그인은 회원가입 과정을 15초에서 2초로 줄입니다.

하지만 소셜 로그인을 넣을 때 인디 파운더가 자주 범하는 실수가 있습니다.

  • 선택지가 너무 많습니다. 구글, 카카오, 네이버, 애플, 깃허브, 페이스북... 6개의 버튼이 나란히 있으면 고객은 오히려 선택 마비에 빠집니다. 한국 서비스라면 카카오와 구글, 최대 3개면 충분합니다.
  • 이메일 가입을 위에 놓습니다. 가장 쉬운 방법을 가장 먼저 보여주세요. 소셜 로그인 버튼이 화면 상단에, 이메일 가입은 "다른 방법으로 가입"으로 접어두는 것이 정답입니다.
  • 권한 요청이 과도합니다. 처음부터 이름, 이메일, 프로필 사진, 친구 목록까지 요청하면 고객은 뒤로 가기를 누릅니다. 이메일 하나면 시작할 수 있습니다.

매직 링크: 비밀번호 없는 세계가 이미 시작됐습니다

Slack, Notion, Linear. 최근 가장 빠르게 성장하는 SaaS 제품들의 공통점이 있습니다. 매직 링크 로그인을 지원합니다.

매직 링크는 간단합니다. 이메일을 입력하면, 받은편지함에 로그인 링크가 도착합니다. 클릭하면 즉시 로그인됩니다. 비밀번호를 만들 필요도, 기억할 필요도, 재설정할 필요도 없습니다.

인디 파운더에게 매직 링크는 특히 매력적입니다. 비밀번호 해싱, 솔팅, 재설정 플로우를 구현할 필요가 없으니 개발 시간이 절반으로 줄어듭니다. Supabase, Firebase, Resend 같은 도구를 쓰면 30분 안에 구현할 수 있습니다.

단점도 있습니다. 이메일이 늦게 도착하면 사용자 경험이 나빠집니다. 스팸 폴더로 빠지는 문제도 있습니다. 그래서 매직 링크와 소셜 로그인을 함께 제공하는 것이 가장 안전한 전략입니다.

회원가입 벽을 없애세요: 가치 먼저, 가입은 나중에

가장 강력한 로그인 UX는 로그인을 요구하지 않는 것입니다.

Figma는 가입 없이도 디자인 파일을 볼 수 있게 합니다. Canva는 템플릿을 편집하다가 저장할 때 비로소 가입을 요청합니다. Notion은 페이지를 읽는 데 계정이 필요하지 않습니다.

이것이 "가치 우선(Value First)" 패턴입니다. 고객이 제품의 핵심 가치를 먼저 경험하게 하고, 계속 사용하고 싶을 때 가입을 유도합니다. 전환율이 높을 수밖에 없습니다. 이미 가치를 확인한 사람만 가입하니까요.

고객에게 문을 열라고 하기 전에, 창문으로 안을 보여주세요. 안이 마음에 들면, 문은 스스로 열립니다.

한국 시장의 특수성: 카카오톡이 곧 인증입니다

한국은 독특한 인증 생태계를 가지고 있습니다. 카카오톡 인증이 사실상의 표준입니다. 카카오 로그인은 단순한 소셜 로그인이 아닙니다. 결제(카카오페이), 본인 인증, 알림톡까지 연결되는 통합 인프라입니다.

B2C 제품을 만든다면, 카카오 로그인은 선택이 아니라 필수입니다. 한국 사용자에게 "구글로 로그인"만 제공하는 것은, 미국 사용자에게 "카카오로 로그인"만 제공하는 것과 같습니다.

반면, B2B SaaS를 만든다면 구글 워크스페이스 로그인이 더 중요합니다. 기업 고객은 회사 이메일로 통합 관리하기를 원합니다. SAML SSO를 지원하면 엔터프라이즈 고객의 문이 열립니다.

에러 메시지: "올바르지 않은 정보입니다"는 최악의 문장입니다

로그인에 실패했을 때 고객이 보는 메시지. 이것이 고객의 다음 행동을 결정합니다.

"이메일 또는 비밀번호가 올바르지 않습니다." 이 메시지를 보면 고객은 세 가지 중 하나를 합니다. 비밀번호를 다시 입력하거나, 비밀번호 재설정을 누르거나, 그냥 떠납니다.

더 나은 방법이 있습니다.

  • 어떤 정보가 틀렸는지 구체적으로 알려주세요. "이 이메일로 등록된 계정이 없습니다. 가입하시겠습니까?" 또는 "비밀번호가 틀렸습니다. 재설정하시겠습니까?"
  • 비밀번호 재설정을 원클릭으로 만드세요. 에러 메시지 바로 아래에 "비밀번호 재설정 이메일 보내기" 버튼을 배치합니다. 별도 페이지로 이동시키지 마세요.
  • 로그인 방법을 기억해주세요. "이전에 구글로 로그인하셨습니다"라는 힌트 하나가 고객의 5분을 절약합니다.

자동 로그인과 세션 유지: 한 번 열면 닫지 마세요

가장 좋은 로그인 경험은 로그인하지 않는 것입니다. 한 번 로그인한 사용자는 가능한 오래 로그인 상태를 유지해야 합니다.

아직도 30분마다 세션이 만료되는 SaaS가 있습니다. 금융 서비스가 아닌 이상, 이것은 사용자 경험을 파괴하는 행위입니다. refresh token을 활용하면 보안을 유지하면서도 수주일간 로그인 상태를 유지할 수 있습니다.

"로그인 상태 유지" 체크박스는 기본으로 체크해 두세요. 대부분의 사용자는 개인 기기에서 접속합니다. 체크를 해제하고 싶은 소수의 사용자보다, 매번 로그인해야 하는 다수의 사용자가 더 불편합니다.

실전 체크리스트: 오늘 당장 점검하세요

지금 당신의 로그인 화면을 열어보세요. 아래 항목 중 3개 이상 해당된다면, 이번 주에 고쳐야 할 우선순위 1번입니다.

  • 소셜 로그인이 없습니다. 카카오 또는 구글 로그인을 추가하세요. 전환율이 즉시 올라갑니다.
  • 비밀번호 규칙이 8자 이상 + 특수문자입니다. 최소 규칙을 낮추거나, 매직 링크로 전환하세요.
  • 가입 전에 제품을 사용할 수 없습니다. 핵심 기능 하나라도 가입 없이 체험할 수 있게 만드세요.
  • 에러 메시지가 모호합니다. "올바르지 않은 정보"를 구체적인 안내로 교체하세요.
  • 세션이 자주 만료됩니다. 최소 7일, 가능하면 30일간 로그인을 유지하세요.
  • 모바일에서 입력 필드가 작습니다. 터치 타겟을 44px 이상으로 맞추세요.

로그인 화면은 당신이 생각하는 것보다 훨씬 중요합니다. 마케팅에 100만 원을 쓰기 전에, 로그인 화면에 하루를 투자하세요. 그 하루가 전환율을 바꾸고, 전환율이 매출을 바꿉니다.