주제 | 회원가입 중 이탈한 사용자는 어느 화면으로 보내야 할까?
전체를 보았다고 생각했는데, 놓친 기획들을 마주할 때마다 부족함을 많이 느낀다. 그중 하나는 화면 이탈 후 어디로 랜딩 되는지에 대한 상세기획.. 또 놓쳤다. (정말 반성하자..)
이번에 제작 중인 서비스는 비밀그룹 SNS로 회원가입 절차를 (고의로) 까다롭게 설계했다. 그래서 우리의 사용자는 여러 화면을 순차적으로 마주하게 되는데, 이때 기획자는! 각 화면마다 이탈 후 다시 들어왔을 경우 어떤 화면을 보여줄지에 대한 상세 기획이 필요했다. 이 과정에서 참고한 몇 가지 서비스를 정리해 보려 한다.
이 서비스 이런 이유로 궁금했어요!
견고한 서비스기획을 하기 위한 화면 이탈 후 재방문시 어떤 화면을 보여줄 때 덜 불편한지 정리해 보았습니다.
왜 해야 하지?: 화면별 사용자 이탈시 재입장시 보여줄 화면 기획 및 개발을 위해서
: 이 과정에서 다른 서비스는 어떻게 만들고 있는지 이해하기 위해서
: 이번 레퍼런스 리서치를 통해 확실히 장단점을 이해하고
→ 다음 프로젝트에서 같은 과정 기획시, 개발팀에서 질문받기 전부터 놓치지 말자!
CASE STUDY
Case1. 배달의민족
User Flow | 회원가입
•
특이사항 ㅣ 로그아웃해도 이전에 검색한/등록한 위치 정보는 저장되어 있음 (왜일까?)
User Flow | 약관동의/연령 | 휴대전화 인증1 | 휴대전화 인증 1-2번호 입력 | 이메일1 (중복확인) | 이메일1-2 (중복확인 페이지) + 닉네임 + 비밀번호 / <완료 X> | <완료 후> | 약관동의(선택)
+ 내 주문 횟수를 가게에 제공
<완료 X> | <완료 O> |
이탈시 랜딩위치 | 가입X | 가입X | 가입X | 가입X | 가입X | 가입X | 가입X | 로그인O |
Case2. 아몬즈
User Flow | 회원가입
휴대폰 본인확인 | 휴대폰 본인확인/인증번호 | 이메일/비밀번호/생일&초대코드 입력
(시작하기 disabled) | 이메일/비밀번호/생일&초대코드 입력
(시작하기 able)
<완료 X> | <완료 O> |
로그인 X | 로그인 X | 로그인 X | 로그인 X | 로그인O / 메인 |
Case3. Life360
User Flow | 시작하기/회원가입
•
특이사항 ㅣ 위치 동의 : ‘항상’으로 설정 전까지 팝업 반복 노출
전화번호/약관동의(자동동의) | 이름 | 이메일 | 비밀번호 설정
<완료 X> | 중간스플래쉬?
<완료O> | 초대코드 입력
/새 코드 발급 | 서클 이름 입력 | 초대코드 공유/
공유하기
/공유했음 표시 | 서클 역할 입력 | 사진추가
/계속
/건너뛰기 | 권한 요청
(푸시알림/모션센서/위치)
/계속
나중에 알림 | 장소추가
/계속 | 위치동의 팝업
/ 설정으로 이동
X 닫기버튼 | 주소입력
/저장
/건너뛰기
| 위치내역 무료체험 시작
/무료체험 시작
/나중에 | 위치동의 팝업
/ 설정으로 이동
(2) → 재노출
X 닫기버튼 | 메인 홈(위치) |
로그인 X | 로그인 X | 로그인 X | 로그인 X / 계정생성 X | 로그인 ? / 계정생성 O
중간스플래쉬?
<완료O> | 초대코드 입력
/새 코드 발급 | 서클 이름 입력 | 초대코드 공유/
공유하기
/공유했음 표시 | 서클 역할 입력 | 사진추가
/계속
/건너뛰기 | 권한 요청
(푸시알림/모션센서/위치)
/계속
나중에 알림 | 장소추가
/계속 | 장소추가
/계속 | <위치동의 팝업 재노출>
X 닫기버튼
주소입력
/저장
/건너뛰기
| 위치내역 무료체험 시작
/무료체험 시작
/나중에 | 위치동의 팝업
/ 설정으로 이동
(2) → 재노출
X 닫기버튼 | 메인 홈(위치) |
Case4. TRIPLE
User Flow | 회원가입
이메일 | 이메일/비밀번호/비밀번호 확인 | 약관동의 | 닉네임
<시작 전> | <시작 O>
| 휴대폰 번호 등록하기 / 닫기버튼 / 다음에하기
국가코드 / 휴대폰번호 /인증하기
/인증번호
/인증완료 | 중간스플래쉬?
위치 및 알림 설정 요청?
확인버튼 | 홈 |
로그인 X | 로그인 X | 로그인 X | 로그인 X | 로그인 ? / 계정생성 O | 로그인 ? / 계정생성 O | 로그인 ? / 계정생성 O | 로그인O |
Case5. 비트윈
User Flow | 회원가입
•
특이사항 ㅣ
1) 초대코드 : 쌍방입력해야 함
2) 남은 시간 안에 상대방도 회원가입 및 연결신청을 해야 계정 연결이 완료됨
3) 상대방 중 한명이 마저 가입하고 / 보낸 링크를 입력하며 바로 연결됨
이메일/비밀번호
/이용약관/개인정보 정책 동의 | 내 초대코드 / 공유
(상대방 초대코드 입력)
또는
전화번호로 연결
/연결하기 버튼
/문의하기/로그아웃 | (전화번호로 연결시)
내 전화번호
상대방 전화번호
/연결하기 버튼 | 상대방의 수락을 기다리는 중
(연결 유효시간)
/ 상대방에게 알려주기 버튼
/ 연결이 안된다면?
/ 새로고침 버튼 | (링크로 연결 유도) | 프로필 입력
/ 생일
/처음 만난 날(선택)
/시작하기 버튼 |
로그인 X | 로그인 O / | 로그인 O | 로그인 O / | ||
동일페이지로 랜딩 | 초대코드 공유페이지로 랜딩 | 동일페이지로 랜딩 | 동일페이지로 랜딩 |
배운 점 및 적용해 볼 점
•
일정 프로세스에서 이탈할 경우에는, 정보를 저장하지 않고 처음으로 보낸다.
•
이때 화면은 풀팝업에 최상단 ‘<’을 갖고 있는 화면으로 보이는 공통된 특징을 발견했다.
•
휴대전화 인증은 대게 3분으로 적용되어 있다. (→ 이는 서버 개발에서 설정 가능함)