카카오뱅크 IA 작성기
카카오뱅크는 '이미 모두의 은행'이는 슬로건에 걸맞게 학생부터 사업자까지 모든 사용자를 아우르는 서비스 구성이 돋보였습니다. GNB와 scroll menu로 모든 서비스를 한눈에 파악할 수 있어 사용법이 쉽고 간편하다는 점을 느꼈어요. 또한 3 Depth만으로 모든 기능에 접근 가능하다는 특징이 있었습니다. 좋은 서비스는 3 Depth를 벗어나는 경우가 흔치 않다고 해요.
정보구조도를 그리며 궁금했던 부분은, 중복 메뉴를 많이 구성해둔 이유였는데요. 아래 정보구조도를 확인했을 때 80% 이상의 메뉴가 중복됨을 확인할 수 있었습니다. (게시글 하단에 IA를 Depth 별로 정리해둔 파트가 있으므로 정보구조도 내용보다는 회색 형광팬으로 체크되어 있는 중복 메뉴 부분의 비중만 확인해 주셔도 될 것 같습니다.)
중복메뉴는 사용자가 다양한 분류 체계로 쉽게 이용하고자 하는 서비스에 접근할 수 있는 장점이 있는 반면, 방대한 메뉴로 개발적인 측면에서 유지, 개발에 많은 인력과 비용이 투입된다는 단점을 생각해 보았습니다. 앱 설계 시 중복 메뉴 기능의 장점과 단점을 조금 더 알아보고자 챗gpt에게 물어봤습니다.
중복메뉴의 장점과 단점
장점
1. 사용자 편의성 증대 : 동일한 기능을 여러 경로에서 접근할 수 있게 함으로써 사용자 경험을 향상
2. 유여한 내비게이션 : 사용자가 앱을 탐색하는 동안 더 많은 자유를 주어, 앱 내에서 원활한 흐름을 유지
3. 학습 곡선 완화 : 새로운 사용자가 앱을 배우는 과정에서 도움을 줌, 여러 위치에서 동일한 메뉴를 제공함으로써 사용자가 더 쉽게 메뉴 구조를 이해하고 익힐 수 있음
단점
1. 혼란 유발 : 너무 많은 메뉴 항목이 중복되어 있으면 사용자가 어디서 무엇을 찾아야 할지 혼란스러워 할 수 있음, 앱의 직관성 저해
2. 유지 관리 어려움 : 여러 위치에 동일한 메뉴를 배치하면, 메뉴를 업데이트하거나 변경할 때 여러 곳을 수정해야 하는 번거로움이 생김, 이는 개발 및 유지 관리 비용을 증가시킬 수 있음
3. 퍼포먼스 문제 : 너무 많은 중복 메뉴는 앱의 로딩 속도와 성능에 영향을 줌, 이는 사용자 경험을 저해하고 사용자 이탈률을 높임
정보구조도 문서화하기
정보구조도를 파악했다면 나만의 문서로 정리하면 됩니다! 저는 엑셀을 활용하여 Depth 별로 메뉴를 구분해 봤어요. 또한 각 메뉴별로 어떤 UI가 활용되었는지도 작성해 봤습니다.
| 분류 | Depth1 | Depth2 | Depth3 | UI |
| Main | 내계좌 | 김수인의 통장 | 더하기 방식 | |
| 모임통장1 | ||||
| 모임통장2 | ||||
| 모임통장3 | ||||
| 내정보 | ||||
| GNB (최상단 노출메뉴) |
상품/서비스 | 전체 | scroll menu | |
| 예적금 | 입출금통장 | |||
| 모임통장 | ||||
| 세이프박스 | ||||
| 저금통 | ||||
| 정기예금 | ||||
| 자유적금 | ||||
| 기록통장 | ||||
| 26주적금 | ||||
| 한달적금 | ||||
| 카드 | 혜택좋은신용카드 | |||
| 프렌즈체크카드 | ||||
| 모임체크카드 | ||||
| 카드청구금액알림 | ||||
| 대출 | 신용대출 비교하기 | |||
| 비상금대출 | ||||
| 마이너스 통장대출 | ||||
| 신용대출/중신용대출 | ||||
| 중고차 구매대출 | ||||
| 전월세보증금 대출 | ||||
| 주택담보대출 | ||||
| 신용대출 갈아타기 | ||||
| 전월세보증금 대출갈아타기 | ||||
| 주택담보대출 갈아타기 | ||||
| 서비스 | 쿠폰 사고팔기 | |||
| 개인금고 | ||||
| 내 신용정보 | ||||
| 내 DSR정보 | ||||
| 해외송금 보내기 | ||||
| 해외송금 받기 | ||||
| 투자 | 펀드 | |||
| 국내주식투자 | ||||
| 해외주식투자 | ||||
| 약속한 수익받기 | ||||
| 증권사 주식계좌 | ||||
| mini | 카카오뱅크 mini | |||
| mini 카드 | ||||
| mini 26주 적금 | ||||
| 우리학교 급식표/시간표 | ||||
| 사업자 | 개인사업자통장 | |||
| 개인사업자 신용대출 | ||||
| 개인사업자 보증서대출 | ||||
| 개인사업자 체크카드 | ||||
| 개인사업자 제휴신용카드 | ||||
| 내사업장 신용정보 | ||||
| 국세청 사업용 계좌/카드 등록하기 | ||||
| 종합소득세/부가가치세 조회 | ||||
| 알림 | ||||
| 더보기 | 고객센터 | |||
| 인증/보안 | ||||
| 공지사항 | ||||
| 이벤트 | ||||
| 앱설정 | ||||
| 신용대출비교하기 | ||||
| 박재범이 말하는 '돈' | ||||
| 혜택 | scroll menu | |||
| MY | ||||
| 이체/출금 | ||||
| 생활/편의 | ||||
| 카드 | ||||
| 해외송금 | ||||
| 투자 | ||||
| 대출서비스 | ||||
| 대출 | ||||
| 사업자 | ||||
| mini | ||||
| mini생활 | ||||
| 예/적금 |
개선했으면 하는 부분
포스팅에서는 간략한 정보를 제공하기 위해 '더보기'란의 기능을 3 Depth로만 IA를 작성했습니다. 분석하면서 개선했으면 했던 부분은 '더보기'란도 '상품/서비스'처럼 상단 메뉴바의 추가입니다. scroll menu 만으로 13개의 세부항목 전체를 파악하려다 보면 끝까지 scroll을 내리지 않는 사용자들의 이탈로 이어질 가능성이 있지 않을까 하는 생각이 들었습니다.
IA에 정답은 없습니다! 저는 이번 카카오뱅크의 IA를 작성해 보면서 나름의 개선사항도 생각해 보게 되었는데요. 이렇듯 IA를 그려 보다 보면 어떤 부분이 불편했는지 파악할 수 있고 익숙하게 사용하던 서비스라도 구조를 다시 한번 파악할 수 있는 장점이 있습니다.
군포 어깨왕(ott 서비스 기획)님의 의견에 따르면 예비 기획자들은 꼭 정보구조도를 그려보길 권하는데요. 단순히 Depth를 파악하는 것을 넘어 기능이 어떻게 묶여 있는지, 콘텐츠가 표현되는 방식은 어떤 것인지 등을 쉽게 파악할 수 있다고 해요. 저도 이번 분석을 통해서 GNB라는 분류체계와 중복메뉴의 장단점을 배우게 되었습니다.
혹시 이 글을 읽고 계실 예비 기획자님 또는 현직 기획자님들께서 저의 분석에 피드백을 남겨주신다면 정말 감사하겠습니다!! (더하여, IA 분석만으로는 아쉬워 카카오뱅크 UI/UX에 대해 찾아보던 중 홈 화면의 '빼기의 미덕' 기고글을 찾게 되어 공유합니다. )
https://dbr.donga.com/article/view/1203/article_no/8473/ac/magazine
[DBR] 쉽다, 편하다, 재밌다!' UX 혁신으로 은행 성공 공식을 바꾸다
Article at a Glance 카카오뱅크는 기존 은행이 제공하지 못했던 사용자경험(UX) 설계를 통해 모바일뱅킹의 사용성을 극대화했다. 공인인증의 불편함을 없애고 국민 메신저인 카카오톡과 연동해 모바
dbr.donga.com
'Today I learned > 서비스기획' 카테고리의 다른 글
| 무신사, 쿠팡의 구매 전환율을 높이는 UX 설계 방법 (0) | 2024.06.17 |
|---|---|
| 부킹닷컴 온보딩 50% 상승률을 이끈 팝업창 A/B 테스트 사례 (0) | 2024.06.17 |
| 서비스 정책서는 기획자의 헌법이다 - 회원가입 정책 예시 (3) | 2024.06.11 |
| 그로스 해킹 (2) 해적지표 AARRR 분석법 (0) | 2024.05.28 |
| 그로스 해킹 (1) PMF(product market fit) product 단계에서 고민해야 할 것 (2) | 2024.05.27 |