변경 히스토리
•
2024.04.15(월): 검토 문구 반영 (조지현)
•
2024.04.17(수)
◦
알림톡 차단 케이스 토스트 메세지에서 팝업 메세지로 변경
◦
간편인증 앱투앱 이동 플로우 변경(App Only) (성정민)
▪
카카오톡: 카카오톡 앱 미설치 유저는 카카오톡 플레이/앱 스토어로 이동, 카카오톡 앱 설치 유저는 카카오톡 앱 실행화면으로 이동
네이버: 네이버 앱 미설치 유저는 네이버 플레이/앱 스토어로 이동, 네이버 앱 설치 유저는 네이버 앱 실행 화면으로 이동
•
2024.04.17(수): WEB - 최종 문구 교체, 알림 이미지 교체, 알림톡 차단 팝업 추가, 입출금 잔고확인 버튼 수정 / APP - 일부 문구 수정, 인터랙션 가이드 추가, 다크모드 애니메이션 추가, 팝업 문구, 컴포넌트 교체, 버튼 교체 화면 추가, 전체 디자인 가이드 추가 (조지현)
•
2024.04.22(월): 잔액 확인 아이콘 변경 (조지현)
•
2024.04.22(월): Tracking plan 공유 APP) id 460~468, WEB) id 469~474 - pm이 작업 예정 (성정민)
1. 목표
원화 입출금시, 간편인증 시간초과/잔액부족 사유로 입금을 실패하는 유저들에게 안내 개선을 통해 입금을 성공경험을 높인다.
2. 개발 범위
•
APP
◦
Android
◦
iOS
•
Web
3. 흐름도
4. UI/UX
5. 기능 명세
App 기능 상세
1. 인증별 알림 확인 요청
카카오톡 인증 확인요청 화면
•
화면 노출 조건: 기존 간편인증 메세지 발송 안내 모달 노출 조건과 동일, 인증방법 - 카카오톡 선택, 카카오톡 간편인증 등록 완료 상태, 카카오톡 인증요청 발송 에러 없음
•
타이틀: "카카오톡에서 온 알림을 눌러 2분 내로 인증을 진행해주세요"
•
서브타이틀: "카카오톡 알림이 꺼져있다면 알림을 받을 수 없습니다."
•
상단 로띠 애니메이션 영역 추가
•
버튼 텍스트: "카카오톡 앱 바로 실행하기"
•
연동 가이드: Kakao Developers > 카카오톡 채널 채팅하기
•
카카오톡 앱 미설치 유저: 카카오톡 플레이/앱 스토어로 이동
•
카카오톡 앱 설치 유저: 카카오톡 앱 실행화면으로 이동
•
인증 완료: 화면 진입 시 disable 상태, 2.5s 후 enable 상태
•
유입경로에 따른 버튼 누를 시 랜딩 경로: 원화 입출금은 GNB 홈 > 원화 입출금 화면 > 전체 탭 활성 상태로 이동, 간편거래는 GNB 홈 > 간편거래 탭 활성 상태로 이동
네이버 인증 확인요청 화면
•
화면 노출 조건: 기존 간편인증 메세지 발송 안내 모달 노출 조건과 동일, 인증방법 - 네이버 선택, 네이버 간편인증 등록 완료 상태, 네이버 인증요청 발송 에러 없음
•
타이틀: "네이버에서 온 알림을 눌러 2분 내로 인증을 진행해주세요"
•
서브타이틀: "네이버 알림이 꺼져있다면 알림을 받을 수 없습니다."
•
상단 로띠 애니메이션 영역 추가
•
버튼 텍스트: "네이버 앱 바로 실행하기"
•
연동 가이드: 네이버 앱 URL Scheme 연동 가이드
•
네이버 앱 미설치 유저: 네이버 플레이/앱 스토어로 이동
•
네이버 앱 설치 유저: 네이버 앱 실행 화면으로 이동
•
인증 완료: 화면 진입 시 disable 상태, 2.5s 후 enable 상태
•
유입경로에 따른 버튼 누를 시 랜딩 경로: 원화 입출금은 GNB 홈 > 원화 입출금 화면 > 전체 탭 활성 상태로 이동, 간편거래는 GNB 홈 > 간편거래 탭 활성 상태로 이동, 기존 가상자산 선택 유지
2. 잔액 확인
•
공통 진입 경로: GNB 입출금 > 원화 입금 버튼
Web 기능 상세
1. 입금 > 인증 확인 요청
카카오톡 인증 확인요청 화면
•
화면 노출 조건: 기존 간편인증 메세지 발송 안내 모달 노출 조건과 동일, 인증 방법 - 카카오톡 선택, 카카오톡 간편인증 등록 완료 상태, 카카오톡 인증요청 발송 에러 없음
•
타이틀: "카카오톡에서 온 알림을 눌러 2분 내로 인증을 진행해주세요"
•
서브 타이틀: "카카오톡 알림이 꺼져있다면 알림을 받을 수 없습니다."
•
상단 로띠 애니메이션 영역 추가
•
하단 안내문구 영역: "웹에서는 카카오톡 인증을 진행할 수 없습니다. 휴대폰에서 확인해주세요."
•
버튼: "인증 완료" (화면 진입시 disable 상태, 2.5s 이후 enable 상태로 변경)
네이버 인증 확인요청 화면
•
화면 노출 조건: 기존 간편인증 메세지 발송 안내 모달 노출 조건과 동일, 인증 방법 - 네이버 선택, 네이버 간편인증 등록 완료 상태, 네이버 인증요청 발송 에러 없음
•
타이틀: "네이버에서 온 알림을 눌러 2분 내로 인증을 진행해주세요"
•
서브 타이틀: "네이버 알림이 꺼져있다면 알림을 받을 수 없습니다."
•
상단 로띠 애니메이션 영역 추가
•
하단 안내문구 영역: "웹에서는 네이버 인증을 진행할 수 없습니다. 휴대폰에서 확인해주세요."
•
버튼: "인증 완료" (화면 진입시 disable 상태, 2.5s 이후 enable 상태로 변경)
원화 입금금액 입력 화면 - 기본상태
•
노출 조건: 이용 재동의 조건 해당 안됨, 한도상향 조건 충족되지 않음
•
버튼 텍스트: "잔액 확인"
•
딥링크: https://kakaobank.onelink.me/0qMi/bify77cl
•
앱 미설치: 카카오뱅크 앱스토어로 이동
•
앱 설치: 카카오뱅크 홈 화면으로 이동
원화 입금금액 입력 화면 - 입금 서비스 이용 재동의
•
노출 조건: 이용 재동의 조건 해당, 한도상향 조건 충족되지 않음
•
버튼 상태: 잔액 확인 disable
원화 입금금액 입력 화면 - 한도상향
•
노출 조건: 이용 재동의 조건 해당 안됨, 한도상향 조건 충족
•
버튼 텍스트: "잔액 확인"
•
딥링크: https://kakaobank.onelink.me/0qMi/bify77cl
•
앱 미설치: 카카오뱅크 앱스토어로 이동
•
앱 설치: 카카오뱅크 홈 화면으로 이동
원화 입금금액 입력 화면 - 입금 서비스 이용 재동의 + 한도상향
•
노출 조건: 이용 재동의 조건 해당 안됨, 한도상향 조건 충족
•
버튼 상태: 잔액 확인 disable
2. 출금 > 인증 확인 요청
•
공통 출금 탭 활성 상태
•
확인 버튼 동작: 자산 > 입출금 > KRW 입출금 > 내역 탭으로 이동
•
카카오톡 인증 확인요청 화면: 입금 > 인증 확인 요청 2와 동일
•
네이버 인증 확인요청 화면: 입금 > 인증 확인 요청 3과 동일
3. 간편거래 > 입금 > 인증 확인 요청
•
공통 3번째 바 포커스 상태
•
확인 버튼 동작: 간편거래 탭 활성 상태로 이동, KRW to BTC 상태
•
카카오톡 인증 확인요청 화면: 입금 > 인증 확인 요청 2와 동일
•
네이버 인증 확인요청 화면: 입금 > 인증 확인 요청 3과 동일
4. 잔고 확인
[모웹] 공통
•
버튼 텍스트: "잔액 확인"
•
딥링크: https://kakaobank.onelink.me/0qMi/bify77cl
•
앱 미설치: 카카오뱅크 앱스토어로 이동
•
앱 설치: 카카오뱅크 홈 화면으로 이동
[웹] 기존 화면 유지
원화 입금금액 입력 - 기본 상태
•
노출 조건: 한도상향 조건 충족되지 않음
원화 입금금액 입력 - 한도 상향
•
노출 조건: 한도상향 조건 충족
6. 에러처리 화면
APP 팝업 (에러코드: 502605 - 카카오톡 알림톡 차단)
•
카카오 인증 누를 시, 바텀 시트 닫히고 해당 화면 유지 및 팝업 노출
•
타이틀: "인증 메세지를 받을 수 없습니다"
•
내용: "카카오톡 코인원 채널에서 알림톡 차단여부를 확인해주세요."
•
버튼: 알림톡 가이드 (링크: 원화, 가상자산 입금 / 출금 관련 오류, 인앱에서 이동, 팝업 닫힘), 확인 (팝업 닫힘)
WEB 팝업 (에러코드: 502605 - 카카오톡 알림톡 차단)
•
카카오 인증 누를 시, 바텀 시트 닫히고 해당 화면 유지 및 팝업 노출
•
타이틀: "인증 메세지를 받을 수 없습니다"
•
내용: "카카오톡 코인원 채널에서 알림톡 차단여부를 확인해주세요."
•
버튼: 알림톡 가이드 (링크: 원화, 가상자산 입금 / 출금 관련 오류, 새 탭으로 열기, 팝업 닫힘), 확인 (팝업 닫힘)
