라이트브레인 UX 아카데미 23기 Open Project로 이번에 소개해 드릴 결과물은 대표적인 배달앱인 ‘토스 모바일앱 – UX/UI 개선 프로젝트’입니다.
간편 송금 서비스로 시작한 토스는 토스증권과 토스뱅크를 출시하며 대중화된 종합 금융 플랫폼으로 진화 중입니다.
현재 토스의 이미지인 깔끔함, 편리한, 단순한, 젊음의 이미지를 유지하지만 더 전문적이고 신뢰를 주는 이미지가 필요하다고 보고 UX아카데미 교육과정을 통해 UX/UI 개선을 고민해 보았습니다.
지난 UX 아카데미 23기 교육 기간 동안 토스조가 만들어 낸 신선한 아이디어를 Rightbrain lab을 통해 공개해 드립니다. 라이트브레인 아카데미 수강생들이 어떤 과정을 통해 아이디에이션 하고 또 인사이트와 컨셉을 도출했는지 궁금하시다면 지금 바로 슬라이드쉐어로 내용을 확인하세요.
6. 탐색 조회&주활동
사용자는 홈화면에서 어떤 정보를 얻고싶을까
홈화면에서 자산/투자/소비 중 가장 가장 많이/적게 이용하는 서비
스는 무엇일까
사용자들에게 검색 기능이 '전체(메뉴)' 탭과 홈화면 중 어느 곳이 더
접근성이 좋을까
원하는 메뉴를 더 쉽게 찾기 위한 배열은 무엇인가
카드 추천을 받을 때 어떤 기준으로 추천을 받길 원하는가?
토스가 제공하는 총자산분석 내용에서 소비자들이 가장 얻고자 하는 정보는 무
엇인가
주식에서 니즈가 해소되지 않을 경우 다른 어플을 사용한 경험이 있는지? 필요
했던 기능은 어떤건지
소비분석에서 유저가 가장 얻고자 하는 정보는 무엇일까
토스 증권 [오늘의 발견]에서 유용한 정보를 충분히 얻을 수 있는가
토스 증권 [오늘의 발견]에서 가장 많이 이용하는 서비스는 무엇인가
토스 혜택을 더 직관적으로 이해하기 위해서는 어떤 점을 개선해야 하는가
사용자들이 토스 혜택의 이점을 충분히 체감하고 있다고 느끼는가?
이슈
이슈도출
01UX분석
10. Word Concept Association
조사포인트
사용자들은 토스에 대해 어떤 이미지를 가지고 있는가
토스 어플 내 서비스별 사용 빈도가 얼마나 되는가
토스가 어떻게 개선되길 바라는가?
Question
현재 토스를 사용하시면서 가지고 계신 이미지를 표현하는
단어를 3개 골라주세요.
앞으로 토스가 이렇게 되었으면 좋겠다는 기대를 표현하는
단어를 3개 골라주세요.
기법별 스크립트 & 머터리얼 준비
02 필드리서치 l 필드리서치 설계/수행
12. Narration
조사포인
검색 페이지에서 사용성 고충 / 니즈는 무엇인가?
Question
토스에서 ‘모임 통장 만들기’를 위해 해당 서비스를 찾고자 검색 기능을
사용하려고 합니다. 검색 기능을 찾아보시겠어요
(찾았다면)토스 검색 기능을 이용하신 경험이 있으신가요
(경험이 있다면) 토스 검색 기능을 이용하실 때 어려운 점이 있으셨나
요
토스의 검색 기능이 어디에 있어야 더 편하게 이용할 수 있다고 생각하
시나요?
기법별 스크립트 & 머터리얼 준비
02 필드리서치 l 필드리서치 설계/수행
Card Sorting
조사포인
토스증권에서 사용자에게 가장 유용성이 높은 서비스는 무엇인가
사용자가 더 제공받고 싶은 토스증권 기능은 무엇인가?
Question
토스증권 [오늘의 발견]에서 가장 많이 사용하시는 서비스 순으로나열해주
시겠어요
토스 증권 [오늘의 발견]에서 제공하는 서비스 ,기능 외에 추가로제공받고
싶은 기능이 있을까요?
17. 홈화면
04 UX 모델링 l User Voice l Key Finding
5whys
User Voice Key Finding
사용자가 홈화면에서 더 머무를 수 있도
록 내용을 더 구체적이고 직관적인 형태
로 전달한다. (% 보다는 금액
각 유저가 원하는 정보가 표시되는 개인
화된 홈화면을 제공한다.
대부분의 사용자가 홈화면에서 계좌조
회,송금만 사용하고 다른 정보엔 흥미를
느끼지 못한다.
사용자마다 자주 사용하는 기능이나 정
보를 홈화면에서 표시해주길 원한다.
Insight
홈화면에서 주로 계좌 조회만 사용해요
자산기능이 가장 중요하다고 생각하고 홈화면
에서 자산관련 정보를 더 세부적으로 보고 싶
어요
홈화면에 자주 사용하는 기능이 없어서 홈화면
을 자주 사용하지 않아요.
저는 주식을 주로 사용해서 홈화면에 주식이
먼저 나왔으면 좋겠어요
끝까지 스크롤 해본 적이 없어서 홈화면 설정
기능을 인지하지 못했어요.
18. 토스 금융
04 UX 모델링 l User Voice l Key Finding
5whys
User Voice Key Finding Insight
할인 혜택을 일일이 확인해가며 카드를 사용하
는데에 불편함을 느껴요. 그래서 혜택을 잘 사용
하지 못할 때가 많아요
결제하기 전 카드를 사용할 때 어떤 카드를 사용
하면 할인이 가장 클 지 보여주는 걸을 원해요
카드 추천할 때 자주 사용하는 혜택을 위주로 자
세하고 구체적으로 알려주었으면 좋겠어요.
카드 혜택을 최대한 누리기 위해 신경쓰고 해야
하는 것에 대해 귀찮게 느껴져서 굳이 혜택을 따
라서 카드를 만들지 않아요
카드 혜택 기준으로 추천해준다면 토스 카드 추
천을 받을 의향이 있어요.
사용자는 소비단계에서 어떤 카드가 더 좋
은 혜택을 제공하는지 일일이 확인하지 않
기 때문에 유용한 혜택의 카드를 사용하지
못할 때가 있다
사람마다 사용하는 혜택이 다르기 때문에
자신의 사용용도에 맞추어 카드를 추천받
고 싶어한다.
카드를 선택하고 사용할 때 개인의 필요와
혜택에 맞는 맞춤 서비스를 제공한다.
19. 혜택
04 UX 모델링 l User Voice l Key Finding
5whys
User Voice Key Finding Insight
광고성 혜택보다 사용자에게 성취감을 주는
혜택에 동기를 느낀다.
토스 혜택 이용시 투자하는 시간 대비 얻어지
는 포인트가 적다고 느낀다.
포인트를 넘어 성취감을 줄 수 있는 추가적인
혜택 서비스를 제공한다.
토스 혜택은 노력 대비 효용이 크다고 생
각하지 않아요
혜택 10원이 너무 적다고 생각해요
혜택의 양보다 (ex.팔굽혀펴기) 무언가 내
가 오늘 했다는 기쁨을 느끼길 원해요
32go 어플처럼 다양한 컨텐츠를 원해요
사용자는 혜택 창의 만보기를 혜택받기 보
다는 내가 얼마만큼 걸었네? 확인하는 정
도로만 보고 있어요.
20. 토스 증권
04 UX 모델링 l User Voice l Key Finding
5whys Card Sorting
User Voice Key Finding Insight
토스증권의 주 사용자는 주식 초보들이지
만 주식에 대해 더 알고 싶고 전문가로 발전
하길 원하여 토스가 그 부분에 있어서 도움
이 되는 길잡이 기능이 있었으면 한다
토스의 커뮤니티는 사용자들의 유대 관계
를 형성하여 소속감을 느끼고 흥미를 불러
일으키며 더 다양한 커뮤니티의 니즈가 있
다.
주식을 잘 모르던 사용자도 토스 증권을 사
용하며 주식을 익힐 수 있도록 점진적인 온
보딩 서비스를 제공한다.
현재 제공하고 있는 주식 커뮤니티 뿐 아니
라 금융 및 혜택에 대한 자유로운 소통이 가
능한 커뮤니티 채널을 제공한다.
토스도 1금융권처럼전문적인 정보들을 줬으
면 좋겠어요
금융과주식을 잘 모르지만 토스의 용어와화
면 모두직관적이라 초보자에게도 쉬어요
커뮤니티를 활용하여 다른사람들의 의견을
보는 경우가 많아요
주식 커뮤니티에 재미있는 글들을 자주 확인
해요
주식 커뮤니티 외에도 나와소비성향이 비슷
한 사람들과공유할수 있는 커뮤니티가 있으
면 좋겠어요.
28. As-is
소비 알림 1
05 프로토타입 l User-Flow
To-be
New Service
방금 전 놓친 500원
홍길동님 방금 전 [던킨 홍대점]에서 KB 신용카
드로 5,200원을 결제하셨군요. 만약 토스카드
로 결제하셨다면 500원을 아낄 수 있었어요.
확인
방금 전 놓친 500원
홍길동님 방금 전 [던킨 홍대점]에서 KB 신용카
드로 5,200원을 결제하셨군요. 만약 토스카드
로 결제하셨다면 500원을 아낄 수 있었어요.
확인
토스 알림
Next Page
사용자가 더 좋은 혜택의
카드를 사용하지 않고 계산
을 하였을 때 알림이 뜬다.
직관적인 UX Writing
[방금 전 놓친 500원]이라는
직관적인 표현으로 사용자의
주목성을 높인다.
확인 버튼 Tap 후 화면
29. 소비 알림 2
05 프로토타입 l User-Flow
To-be
토스의 [적용중 혜택] 화면으로 이동
해당 카드의 혜택 더보기로 넘어간다.
직관적인 금액 표시
사용자가 얼마나 혜택을 누릴
수 있는 지 직관적으로 금액
을 보여준다.
간편한 알림 on/off 기능
알림을 원하지 않는 사용자들을 위해
간편하게 알림을 on/off 할 수 있도록
하단에 해당 기능을 제공한다.
30. As-is
카드 추천
05 프로토타입 l Key Feature
!
!
사용자 행동 유도
나이대에 따라 추천하는 카드는 개인화되고 맞춤형의 정
보가 부족하고,
소비분석에 따라 추천하는 카드는 얼마나 혜택이 좋은지
직관적으로 정보를 파악하기가 힘들다.
직관적인 UX Writing
사용자가 얼마나 혜택을 누릴
수 있는 지 직관적으로 금액
과 내용을 표현한다.
사용자의 소비패턴을 분석하여 가장 혜택을 많이 받을 수 있는 2 가지 카테고리의 카드를 추천한다.
카드 추천에 도움이 되는 보유한 카드와의 비교
할인 BEST 카테고리
현재 보유하고 있는 카드의 혜택과 비교하여 사용자에게 카드 발급
을 결정하는데 도움이 되도록 한다.
소비에 대한 정확한 사용자 데이터를 얻고자 사용자
에게 소비 카테고리를 분류하는 행동을 유도한다.
Tap시나오는 StickyNote
To-be
31. As-is
To-be
저축 화면
05 프로토타입 l Key Feature
상세한 정보 전달
이자율만 확인할 수 있어서 어느 정도 이자를
받을 수 있는지 직관적으로 확인이 어렵다.
직관적인 금액 표시
사용자가 얼마나 이자를 받을 수
있는 지 직관적으로 이자 금액을
보여준다.
이자를 받는데 있어서 중요한 세
금과 같은 정보들을 상세하게 보
여준다.
알고싶은 정보 전달
사용자가 가장 알고 싶어하는 정보 중의
하나인 중도 해지 금액을 보여준다.
비과세 저율과세
37. As-is
혜택 홈ㅣ편집 화면
05 프로토타입 l User-Flow
To-be
노력대비 효용이 크지 않는 혜택 서비스가
많아 사용자가 시간낭비라고 생각하는 요소
의 혜택 서비스가 많다.
단순한 혜택 쌓기가 아닌 성취감이나 동기를 줄 수 있는 나의 루틴 혜택 서비스를 추가한다.
미션ㅣ나의 루틴
기존 혜택을 미션으로 유지하고
새로운 탭을 통해 신규 서비스
로 이동할 수 있게 한다.
간편하게 루틴 편집
친절한 오류 설명
토글버튼을 통해 사용자가
더욱 편리하게 루틴을 편집
할 수 있도록 한다.
5개까지 루틴을 설정할 수 있고,
넘었을 경우 토스트 팝업을 통해
오류의 이유를 설명해준다.
안녕하세요 미정님
토스와 일상을 함께해요.
미션 나의 루틴
혜택 3,250원
P
이번달은운전말고대중교통어떠세요?
대중교통챌린지도전하기
나의루틴
[금융]이슈3개읽기
목표달성까지3개남았어요!
[금융]이슈3개읽기
목표달성까지3개남았어요!
무지출챌린지
2시간남았어요 조금만더힘내세요!
무지출챌린지
2시간남았어요 조금만더힘내세요!
유튜브1시간이내로보기
오늘시청시간이30분남았어요!
유튜브1시간이내로보기
오늘시청시간이30분남았어요!
아침일찍일어나기
오늘기상에성공했어요!
달성완료
아침일찍일어나기
오늘기상에성공했어요!
달성완료
편집(최대5개)
[금융]이슈3개읽기
매일 [금융]이슈에서 기사를 읽어요
[금융]이슈3개읽기
매일 [금융]이슈에서 기사를 읽어요
무지출챌린지
하루동안 무지출에도전해요
무지출챌린지
하루동안 무지출에도전해요
유튜브1시간이내로보기
유튜브 시청시간정해놓고 봐요
유튜브1시간이내로보기
유튜브 시청시간정해놓고 봐요
대중교통이용하기
대중교통 이용하면 절약할 수 있어요
대중교통이용하기
대중교통 이용하면 절약할 수 있어요
도시락 싸서 식비 줄이기
외식 대신에도시락을 만들어봐요
도시락 싸서 식비 줄이기
외식 대신에도시락을 만들어봐요
하루1분 명상하기
하루 1분호흡에집중해봐요
하루1분 명상하기
하루 1분호흡에집중해봐요
아침일찍일어나기
토스와 함께 일찍하루를 시작해요
아침일찍일어나기
토스와 함께 일찍하루를 시작해요
5개진행중
루틴은5개까지설정 가능해요 확인
친근한 UXWriting
친근한 문구로 기존 혜택 서비
스와다르게 사용자에게 정서적
으로 친근감을 준다.
39. 혜택상세
05프로토타입 l User-Flow To-be
안녕하세요미정님
토스와일상을함께해요.
미션 나의루틴
혜택 3,250원
P
나의루틴
[금융]이슈3개읽기
목표달성까지3개남았어요!
[금융]이슈3개읽기
목표달성까지3개남았어요!
무지출챌린지
2시간남았어요조금만더힘내세요!
무지출챌린지
2시간남았어요조금만더힘내세요!
유튜브1시간이내로보기
오늘시청시간이30분남았어요!
유튜브1시간이내로보기
오늘시청시간이30분남았어요!
아침일찍일어나기
오늘기상에성공했어요!
달성완료
아침일찍일어나기
오늘기상에성공했어요!
달성완료
편집(최대5개)
대중교통이용하기
오늘대중교통을이용하셨군요!
대중교통이용하기
오늘대중교통을이용하셨군요! 포인트받기
루틴이달성되면[포인트받기]
버튼이생기며,누르면포인트받
기화면으로이동한다.
간편한[포인트받기]버튼
금융 이슈 바로가기버튼으로포인트달성의 편의성을 제공한다.
[한눈에 보는 금융 이슈]화면으로이동
루틴 자동 달성
목표가 달성되었을 때 혜택을 받을 수
있는 팝업창을 보여준다.