1 프로젝트 배경
영어 독해력 향상을 위한 읽기 솔루션
초등학생부터 고등학생까지 학생 사용자들은
RSPT 시스템을 통해 영어 독해력 평가 시험을 치루고
자신의 리딩 레벨을 확인하고 꾸준히 향상시킬 수 있습니다.
웹 기반 인터페이스
사용자 정보 확인과 시험 진입을 할 수 있는 메인 화면,
시험 플로우 화면을 구체화해 제안합니다.
사용자 목표
주기적인 리딩 레벨 확인
학습 목표 설정 지원
장기적인 학습 효과 극대화
2 Product Requirements Document 분석
PRD에 기반해 사용자가 수행해야할 Task와 Touch point를 정의하고, 화면에 포함되어야 하는 정보 목록을 기재했습니다.
3 데스크 리서치
유사한 사용자 사례를 기반으로 방향성을 설정하고 추가적인 개선점을 도출하기 위해 데스크 리서치를 수행했습니다.
1 듀오링고
언어 학습 목표를 반영한 듀오링고의 시험 과정과 5개 학습 방법이 적용된 화면을 분석했습니다.
듀오링고
명확한 학습 진도 현황
아이콘과 스크롤로 학습 진도를 직관적으로 확인할 수 있습니다.
듀오링고
시험 완료 후 검토기능
시험을 치룬 후, 자신이 알고있는 내용과 모르는 내용을 확인하여 다음 학습에 반영할 수 있습니다.
2 레드키위
일관된 디자인 방향성 설정을 위해 레드키위의 레이아웃 및 톤앤매너를 살펴보았습니다.
레드키위
목표, 리뷰, 히스토리를 한눈에 확인할 수 있는 레이아웃
핵심 정보를 균형 있게 배치해 학습에 대한 접근성을 높이고 빠르게 목표를 확인할 수 있습니다.
레드키위
직관적이고 친숙한 일러스트 아이콘
일러스트 아이콘을 사용해 가독성을 높이고 학습에 대한 부담감을 줄여 지속적인 학습을 유도할 수 있습니다.
4 컨셉 및 와이어프레임
PRD 분석과 리서치 인사이트를 바탕으로 제품 컨셉과 목표를 정의하고
사용자 플로우를 시각화하기 위한 와이어프레임을 제작했습니다.
오늘의 시험에 집중하세요, 학습의 기록은 자연스럽게 쌓입니다.
주어진 시험을 치루고, 이전에 치룬 시험을 직관적으로 확인할 수 있도록 합니다.
리딩 레벨 달성률 한눈에, 다음 목표를 향한 동기 부여를 제공합니다.
다음 리딩 레벨까지의 남은 시험을 확인하고, 현재 나의 리딩 레벨을 지속적으로 파악할 수 있도록 합니다.
놓친 부분 없이, 시험 후 리뷰는 향상할 수 있는 부분을 파악하고 보완합니다.
구체적인 리딩 능력 진단을 위해 시험 후 제공하는 리뷰로 학습효과를 높일 수 있도록 합니다.
5 시각화 및 프로토타입
UI 컬러 사용 의미를 정의하고 제품개발팀에 전달할 디자인을 기반으로 프로토타입을 제작했습니다.
완료
다음의
확인한 상태의
유도
동기부여
확인해야하는
프로토타입
홈
한눈에 확인하는 오늘의 시험과 리딩 레벨
오늘 치루어야하는 시험을 확인하고, 현재 사용자의 리딩레벨을 탐색하고, 다음 레벨까지 남은 시험을 알 수 있습니다.
시험준비
팝업 안내로 시험 전 필수 사항 확인
팝업창 안내를 통해 시험 전 확인해야하는 안내사항을 숙지하도록 유도합니다.
시험
시험 진행 상황 실시간 확인
남은 시간 안내와 시험 진행 현황을 상단에서 시험도중에도 직관적으로 확인할 수 있습니다.
시험 완료
시험 피드백 제공
시험을 완료했다는 안내와 함께 시험에 대한 피드백을 제공합니다.
