클래스101는 어떤 서비스 인가요?
클래스101는 기존 클래스101에서 제공하는 다양한 콘텐츠의 클래스를 자유롭게 이용할 수 있는 구독형 서비스입니다.
현재 클래스 101에는 생애 첫 구독이라면 누구나 월간 구독 시 첫 달 천 원 혜택이 1회 적용되는 서비스를 실행하고 있으며, 실제 이벤트 광
고를 통해 직접 수강하고 있습니다. 수강을 하면서 느꼈던 개선점을 나열해 보겠습니다.
1. 유저 플로우 설계 (= 유저 플로우 다이어그램)
먼저 유저 플로우란 사용자가 서비스로 어떠한 작업을 완료하기 위해 거치는 모든 단계에 관한 설계를 말합니다. 사용자가 서비스를 사용할 때 경험할 동선을 설계하는 일 입니다. 사용자가 수행하는 작업을 시각적으로 묶어 설명하는 과정입니다. 서비스를 만드는 팀이 사용자 요구사항을 바탕으로 앱과 상호 작용하는 가장 좋은 방법을 파악하는 데 쓰는 도구입니다. 이런 식으로 한눈에 들어오게 만들어 보면, 사용자 경험을 이해하는 데 큰 도움이 됩니다. 사용자는 어떠한 프로세스를 겪을 때, 처음부터 끝까지 쉽게 이동할 수 있어야 합니다.
4가지 물음에 맞추어, 유저 플로우를 설계해 보았으며, 링크도 첨부하겠습니다.
- 사용자는 무엇을 하려고 하나요? (목표)
-> 목표 1~4 번으로 요약했습니다. 최종 목표는 수강입니다. - 이 흐름은 어디에서 진입하나요? (어디서)
-> 가장 처음 진입은 이벤트 팝업 광고를 통해 진입했습니다. (인스타그램 등) - 사용자가 작업을 수행하려면 어떤 정보가 추가로 필요하나요?
-> 회원가입을 하기 위한 정보입력, 관심사 선택, 구매 결제 수단 앱스토어 등록이 필요합니다. - 사용자가 작업을 수행할 때 방해하는 요소는 무엇인가요? (문제)
-> 빨간색 메모로 방해할 포인트를 잡아보았습니다.
2. User flow에서 UX 개선이 필요한 부분
- 기능명 : 수강 재생의 커리큘럼 탭의 강의 탐색 부분
- 고객은 효과적인 수강을 위해 요약된 커리큘럼과 일목요연한 강의 목록을 원한다.
처음 클래스 101에서 강의를 선택하고 강의 홈에 들어와서 강의 내용을 살펴보는데에 혼란이 있었습니다. 커리큘럼이라고 있는 탭에서 재생과 시간, 댓글 수 완강여부, 챕터를 확인할 수 있습니다. 하지만 수업목록을 파악하기 위해서는 끝없는 스크롤을 해야했습니다. 커리큘럼탭에서 강의 재생을 다루는 기능을 넣는 것 보다는 강의 내용을 한 눈에 볼 수 있도록 진짜 커리큘럼만 담았다면 끝없는 스크롤 대신 빠르게 강의 내용을 확인할 수 있을 것입니다. 그리고 다른 탭인 강의재생 탭을 만들어서 기존의 내용을 담았으면 합니다.
그리고 강의 목록에서 큰 챕터별로 수강 내용이 있는데, 챕터와 수강 목록의 구분이 크지 않습니다. 똑같은 색과 똑같은 글씨체, 조금 큰 폰트 정도로만 구분하고 있습니다. 확실하게 구분을 한다면, 강의를 나눠서 듣는 수강생들에게 더 빠른 접근성을 줄 수 있을 것입니다.
3. UX 개선이 필요한 부분의 와이어 프레임
개선이 필요하다고 느낀 개선점은 총 6가지가 있었습니다. 이를 해당 화면과 문제와 해결방안으로 정리해 보았으며, 총 5가지의 요구사항을 정리해 보았습니다.
1. 챕터와 강의 목록 구분의 모호함
2. 커리큘럼 탭의 네이밍오류 -> 강의목록으로 수정
3. 요약된 커리큘럽 기재
4. 수강 완료 체크표시 -> 수강률을 볼 수 있는 시각적 ui
5. 미션이 있는 강의는 수강률 파악 불가
4. 요구사항 정의서
1) 주요 사용자
첫 신규 고객 이벤트 사용자 대상
2) 요약 및 배경
최근 구독서비스로 변경한 클래스 101은 신규 고객을 잡기위해 해당 1,000원 구독 이벤트를 진행한한다. 신규고객이 처음 서비스를 접하는 고객경험 중 강의 수강의 경험이 미흡하기 때문에 개선이 필요하다. 첫 신규고객에게 만족하는 수강경험을 제공하기 위해 수정이 필요하다.
3) 기능적 요구사항
- 강의 목록에서 챕터와 강의 목록의 구분이 모호합니다. 대제목인 챕터와 소제목인 강의 제목을 구분을 위한 디자인을 개선해 주세요.
- 커리큘럼 -> 강의목록으로 탭 네이밍 변경바랍니다. 탭의 네이밍 의미가 모호해서 수강자에게 혼란을 줍니다.
- 한 눈에 볼 수 있는 커리큘럼 탭을 신설해서 강의 내용을 한 눈에 볼 수있게 요약된 강의 목차를 기재해 주세요.
- 체크표시로 수강률을 파악하기 보다는 진도율 퍼센테이지와 이미지로 파악할 수 있게 도움을 주어 원할한 수강에 도움을 주세요.
- 미션이 있는 강의 목록은 수강여부를 파악하기 어렵습니다. 미션의 표기는 따로 빼주셔서 분리 바랍니다.
4) 핵심 사용여정 (3번 순서대로)
- 강의 목록에서 챕터와 강의 제목을 한 눈에 볼 수 있어서 스크롤하며 탐색하는 부담을 줄일 수 있습니다.
- 모호했던 탭 네이밍에 혼란이 줄어서 강의목록에서 강의를 탐색할 수 있다.
- 여러 강의를 탐색하는 과정에서 요약된 커리큘럼만 확인하고 수강을 결정하는데에 빠른 도움을 받을 수 있다.
- 수강을 도중에 중단하거나, 수강생의 진도율을 확인하고 싶을 때 퍼센테이지와 이미지로 보여지는 진도율은 효율적인 수강에 도움을 받는다. 진도율이 부족한 영역을 보충할 수 있다.
- 미션을 부여한 강의와 수강여부를 따로 체크 할 수 있어서, 미션이 있는 강의의 수강여부도 파악할 수 있다.
5) 지원문서 (3번 순서대로)
- 디자인 담당자
- 디자인 담당자 / 개발 담당자
- 개발 담당자 / 디자인 담당자
- 개발 담당자 / 디자인 담당자
- 디자인 담당자