최소한으로 앱 삭제 개선하기
Y
yiseo
Work
Work
yaer: 2022
at: doctornow
role: design lead, product design, QA
teammate: 1 PO, 1 FE, 1 BE, 1 PD
at: doctornow
role: design lead, product design, QA
teammate: 1 PO, 1 FE, 1 BE, 1 PD
1. 어떤 문제가 있었는가?
7월을 기점으로 안드로이드 사용자를 대상으로 구글 플레이 스토어 리뷰에서 ‘상단바에서 만보기를 끄고
싶다’, ’만보기 권한 어떻게 설정하나요.’ ‘걸음 수 끄는 옵션 만들어주세요.’ 등의 만보기 기능 개선에 대한
리뷰가 지속해서 올라왔습니다.
싶다’, ’만보기 권한 어떻게 설정하나요.’ ‘걸음 수 끄는 옵션 만들어주세요.’ 등의 만보기 기능 개선에 대한
리뷰가 지속해서 올라왔습니다.
구글 플레이 스토어 리뷰
2. 그것이 왜 문제였는가?
부정적인 리뷰는 얼마든지 올라올 수 있습니다. 하지만 만보기 때문에 앱을 삭제한다는 리뷰가 간간히 올라왔고
리뷰를 남기는 사람 이외에 하루에 2천 명 정도씩 앱 삭제가 이루어지고 있었기 때문에 당시 굉장히 시급한 문제로 떠올랐습니다.
리뷰를 남기는 사람 이외에 하루에 2천 명 정도씩 앱 삭제가 이루어지고 있었기 때문에 당시 굉장히 시급한 문제로 떠올랐습니다.
3. 이 문제를 지금 해결하는 것이 왜 중요한가?
이 당시 전사 목표는 MAU와 리텐션을 높이는 것이었습니다. 만보기로 추측되는 앱 삭제는 목표에 방해가 되기 때문에 시급히 처리해야 했습니다.
4. 어떤 가설을 세웠는가?
안드로이드 앱 삭제율이 높아진 것에 대해서 만보기 이슈가 원인일 것으로 추측했습니다. 그래서 아래 가설을
세우고 작업을 시작했습니다.
세우고 작업을 시작했습니다.
•
안드로이드 사용자를 대상으로 알림센터에서 만보기를 설정할 수 있도록 도와주면 안드로이드 앱 삭제율이
줄어들 것이다.
줄어들 것이다.
•
알림센터에서 만보기를 제거하면 부정 리뷰가 줄어들 것이다.
5. 어떻게 해결했는가?
해결 1: 안드로이드 알림센터에 있는 버튼을 만보기 비활성화 할 수 있는 버튼으로 변경
•
사용자들은 안드로이드 알림센터에 만보기가 있는 것을 불편해했기 때문에 역설적으로 만보기 알림센터에서
만보기 비활성화 버튼이 있어야 했습니다. 비활성화 버튼을 눌러 설정할 수 있는 화면으로 이동하면 매끄러운
사용자 경험을 줄 수 있을거라 판단했습니다. 그래서 기존에 [진료내역], [포인트]로 구성되어 있던 안드로이드 알림 바의 버튼 구성을 포인트, 만보기 끄기로 변경했습니다.
만보기 비활성화 버튼이 있어야 했습니다. 비활성화 버튼을 눌러 설정할 수 있는 화면으로 이동하면 매끄러운
사용자 경험을 줄 수 있을거라 판단했습니다. 그래서 기존에 [진료내역], [포인트]로 구성되어 있던 안드로이드 알림 바의 버튼 구성을 포인트, 만보기 끄기로 변경했습니다.
•
아이콘 작업도 들어가야 했기에 버튼 이름과 어울리는 모양을 찾아 그려넣었습니다. 비활성화 시킨다 → Exit에서 영감을 받은 아이콘으로 제작해 그려 넣게 되었습니다.
Q. 갤럭시 내에 알림센터를 설정할 수 있는데 그것을 생각해보지 않았는가?
→ 이미 갤럭시에 있는 기능인데 그 기능을 활용하지 못하고 있었고 그 기능을 사용하게끔 만드려면 앱 사용설명에 넣어야 합니다. 하지만 사용자들은 이미 만보기를 끄기 위해서 앱을 탐색하고 있었고 [만보기 끄기]라는 직관성이 사용자들에게 잘 어필할 수 있다고 판단했습니다.
→ 이미 갤럭시에 있는 기능인데 그 기능을 활용하지 못하고 있었고 그 기능을 사용하게끔 만드려면 앱 사용설명에 넣어야 합니다. 하지만 사용자들은 이미 만보기를 끄기 위해서 앱을 탐색하고 있었고 [만보기 끄기]라는 직관성이 사용자들에게 잘 어필할 수 있다고 판단했습니다.
해결 2: 상세 화면에 만보기 설정 영역 추가
이 문제는 시급히 처리했어야 했기에 아주 간단한 모달작업으로 개선됐습니다. 만보기를 설정할 수 있는 구좌를 화면 아래에 두면 이 문제를 처리하려는 의지가 떨어져 보이기 때문에 화면 상단에 위치시켰습니다.
만보기를 설정할 수 있다는 기능만 넣고 유지를 권고하는 UX와 부정의 의미를 직접적으로 전달하는 UX 보다 직접적인 UX가 사용자의 요구사항에 알맞고 헷갈리게 하지 않다는 측면에서 A 시안이 채택되었습니다.
해결 3: 로그인 후에 피트니스 권한 동의 받기
•
피트니스 동의를 로그인 전에는 할 수 없도록 변경해서 오작동이 될 수 없도록 방지했습니다.
◦
로그인 전: 만보기 클릭 → 로그인 안내 → 로그인 완료 → 만보기 클릭 → 권한 동의 안내 → 권한 수락
→ 만보기 시작
→ 만보기 시작
◦
로그인 후: 만보기 클릭 → 권한동의 안내 → 권한 수락 → 만보기 시작
해결 4: 추가적으로 환경 설정에 관리할 수 있도록 배포
환경 설정에 만보기 권한 동의를 추가해서 온오프를 즉각적으로 반영할 수 있도록 했습니다.
Q. 이 정도로 문제이면 없애는 것도 방법이지 않을지?
→ 건강탭 활동으로 포인트를 모을 수 있습니다. 당연히 만보기로도 포인트를 모을 수 있습니다. 앱 내
활동으로 얻은 포인트는 약 배달시 배달비를 할인하는 용도로 사용할 수 있기 때문에 함부로 삭제할 수가 없었습니다.
→ 건강탭 활동으로 포인트를 모을 수 있습니다. 당연히 만보기로도 포인트를 모을 수 있습니다. 앱 내
활동으로 얻은 포인트는 약 배달시 배달비를 할인하는 용도로 사용할 수 있기 때문에 함부로 삭제할 수가 없었습니다.
6. 문제가 해결됐는가?
•
103%를 찍었던 안드로이드 앱 삭제율이 배포한지 열흘 후에 50%대로 내려가면서 감소 추이를 보였습니다. 이 기간동안 어떠한 제품 출시도 이벤트도 없었기 때문에 앱삭제율과 만보기의 상관관계가 있었다고 파악할 수 있었습니다.
•
만보기 사용자수가 줄어들까 걱정했던 것과는 달리 만보기 포인트 받는 유저수는 약 12% 증가했습니다.
•
구글 플레이 스토에에 등록된 부정적인 리뷰는 7월에 7건, 8월에 15건으로 올라갔다가 배포 이후 점진적으로 줄어들어 12월달에 0건으로 줄어들었습니다.
•
그리고 현재 시점에서 만보기로 포인트 적립이 가능해서 너무 좋다는 리뷰가 있어 만보기의 긍정적인 효과가 나타나고 있습니다.
Subscribe to 'yiseo'
Subscribe to my site to be the first to receive notifications and emails about the latest updates, including new posts.
Join Slashpage and subscribe to 'yiseo'!
Join Slashpage and subscribe to 'yiseo'!
Subscribe
Other posts in 'Work'
시스템으로 디자인 통일성 지키기
year: 2022 at: doctornow role: platform design teammate: 4 PD 1. 시작하게 된 배경은? 제품 개선이 동시 다발적으로 이루어지고 주기가 빠르다보니 디자인 리소스를 자주 변경해야 하는 상황이었습니다. 표준 규칙이 존재하지 않아 매번 다른 요소가 생성되다 보니 UI의 일관성이 떨어졌습니다. 디자인 작업 만큼이나 싱크를 맞추는 데 상당한 시간이 허비되고 있었습니다. 앞서 제작된 그리고 제작한 UI 요소들의 관리가 제대로 이루어지고 있지 않다보니 관리하는데 어려움이 있었습니다. 이렇다 보니 개발자는 매번 새로운 코드를 생성하게 되어 비효율적으로 개발하고 있었습니다. 2. 시스템을 만들어야 하는 이유 디자인 시스템을 만들어놓았을 때의 이점은 상당합니다. 반복되는 컴포넌트 제작에 소비되는 시간을 아껴서 사용자에게 더 집중할 기회를 주고 제품의 일관성을 유지할 수 있도록 도와줍니다. 디자인 시스템은 그 명칭 때문에 디자이너들을 위한 시스템이라고 오해될 수 있지만 개발자 입장에서도 모든 UI 요소에 대한 완전한 참조 가이드를 제공받기 때문에 개발자에게 도움이 될 수 있습니다. 3. 우리의 목표는?
닥터나우 보이스앤톤 가이드
year: 2022 at: doctornow role: design lead, platform design, project lead teammate: pnly one 1. 실행하게된 배경은? 닥터나우의 앱과 웹 모든 곳에서 일관되지 않은 보이스앤톤이 사용자에게 전달되고 있었습니다. 또한 제품을 만들 때마나 글쓰기에 관한 규칙이 없다보니 고민하는 시간에 리소스가 많이 들어갔습니다. 2. 그것이 왜 문제였는지? 언어적 요소와 비언어적 요소가 일관되고 상호보완적일 때, 사용자는 서비스의 성격에 대한 일관된 그림을 그릴 수 있기 때문에 인터페이스가 똑똑하고 재미있으며 설득력 있다고 느낍니다. 또한, 서비스의 메시지를 더 잘 이해하고신뢰하며 서비스가 요구하는 행동을 하게 됩니다. 하지만 앞선 배경에서 볼 수 있듯이 닥터나우는 유저에게 격식을 차릴 때도 있고 그렇지 않을 때도 있습니다. 또한 한 메시지 안에서도 불협화음이 일어나고 있었습니다. 이처럼 닥터나우에서는 보이스앤톤과 UX writing에 대한 명확한 기준이 없었고 문구를 작성할 때 개인의 기준에 맞춰 작성하다 보니 일관성이 떨어졌습니다. 사람의 건강을 책임지는 헬스케어 플랫폼에서의 신뢰감을 주는 것은 기본자세입니다. 일관된 문구의 명문화를 통해 고객 만족도를 높일 필요가 있었습니다. 3. 목표는 무엇이었는지? 모든 프로젝트를 진행할 때 목표가 가장 중요하다고 생각합니다. 명확히 설정한 목표를 통해 프로젝트의 방향을 정해 나아가고, 선택이 필요한 순간에 빠른 판단을 할 수 있기 때문입니다. 아래와 같이 다음과 같은 목표를 정했습니다. 일관된 마이크로카피를 작성할 수 있도록 해주는 보이스앤톤 디자인을 정의한다.
예약솔루션 디자인 템플릿
year: 2021 at: tablemanager role: project lead, platform design teammate: only one 1. 어떤 문제가 있었는가? 테이블매니저는 자사의 예약 솔루션을 여러 파트너사와 제휴하여 서비스하고 있었습니다. 하지만 → 뚜렷한 기준이 없었기에 매 번 새로운 디자인 결과물 도출 → 원본을 각자의 해석으로 개발하여 효율성 하락 이라는 문제점을 가지고 있었고, 코어 가이드의 부채와 커뮤니케이션 비용이 떨어지지 않아 물 빠진 독에 한정된 리소스만 들이붓는 상황이었습니다. 따라서 디자인 가이드를 정립하여 개발 및 디자인 리소스를 줄이고 일관성있는 UI를 전달하고자 했습니다. 2. 어떤 방법을 사용했는가? 가이드 체계는 Material Guidelines, Adobe International design을 참고했으며, 예약 시스템 UI의 모든 요소들을 해부하여 아래 이미지와 같은 구조도로 표현할 수 있었습니다. 화면의 가장 작은 단위를 foundation, 각기 다른 foundation이 모아진 Elements, 하나 이상의 Elements로 이루어진 Modules을 합쳐component로 규정하였습니다. 3. 어떻게 해결했는가? ① 아토믹 시스템으로 체계화하기 foundation : Color & Typography 다수의 파트너사와 연동하기 때문에 이를 돕기 위해 미리 제작된 UI와 컬러 팔레트가 필요합니다.
Made with Slashpage