윙키 서비스 구축 마무리 단계에 투입되어, 운영관리를 위한 가이드 제작 및 UI개선업무를 진행했습니다.
전문인력이 없는 상태에서 구축을 진행했기 때문에 디자인 시스템이 잡혀있지 않았고,
각종 정책 또한 버전관리가 재대로 되어있지 않아 내부 리소스도 함께 정리해야 했습니다..
작업범위
주안점
고객에게 윙키가 얼마나 친숙한지 알아보기 위해 사용성 테스트 및 인터뷰를 진행했습니다.
결론적으로 윙키의 핵심 가치와 서비스, 그리고 다양한 혜택에 대한 정보이 재대로 전달되고 있지 않았습니다.
앞서 진행했던 임직원 인터뷰와 사용자 리서치한 내용을 기반으로
사용 여정에 따른 UX 방향성 4가지를 수립했습니다.
드롭다운 버튼으로 되어있는 메뉴를 포함해 성격에 맞는 컴포넌트 스타일로 재정의
비중이 너무 큰 해더 영역과 정보 구조문제를 동시에 해결
기존엔 평점 및 경력을 확인하려면 튜터 상세에서 최하단으로 스크롤했어야 했습니다.
상세페이지 전체구조 개선 작업을 보류하고 튜터 검색 페이지에 카드를 개선
윙키는 튜터등록 승인시 신청자의 학력 및 경력을 기반으로 등급을 부여합니다.
일반튜터 > 전문튜터 > 특별튜터 순
하지만 대부분의 사용자가 등급의 차순을 이해하기 어려워 헀고,
특히 특별튜터와 전문튜터는 전문분야의 차이로 인식했습니다.
등급제도의 전반적인 검토가 있었으면 하는 아쉬움이 있지만,
특별튜터가 가장 높은등급임을 사용자에게 인식시키기위한 디자인을 착안 했습니다.
주안점
수업소멸에 대한 안내 부재로 인한 사용자의 클레임을 해소하고
실시간 피드백으로 제공해야하는 부분을 선별 후 적용했습니다.
윙키는 총 수업수에 따라 (1주 기준)최소 수업횟수와
수업 기간이 자동 설정되며 기간이 지나면 수업은 소멸합니다.
하지만 오류 피드백이 전혀 제공되지 않았으며, 사용자는 어떤 테스트를 완료하지 않았는지 전혀 알 수 없었습니다.
할인율을 강조해 최대한 많은 횟수의
수업을 결제하도록 하는 방안을 모색했습니다.
사용자는 회원가입 후 my > 개인정보 페이지에서 결제화폐를 선택해야 상품 가격을 볼 수 있습니다.
회원가입 시 결제화폐 선택을 필수입력 항목으로 추가한 후
개발팀과 협의 후 비회원도 가격을 미리 볼수있도록 하고,결제하기 버튼을 눌렀을때 로그인 페이지로 이동하도록 변경했습니다.
컴포넌트 스타일도 변경했습니다.
하단으로 정렬된 [즐겨찾기 추가/결제하기]버튼을 좌우 배치로 변경하고 즐겨찾기 추가버튼은 덜 강조되도록 일부 색상을 변경했습니다.
결제하기 버튼의 체크 아이콘도 삭제했습니다.
pc의 경우 사용자들이 가장많이 보는 내수업현황 페이지로 진입하려면
로그인 > my > 내수업(학생) > 진행중수업 >3뎁스를 거쳐야 했습니다.
빠른 진입을 위해 서브메뉴를 띄우고 메인페이지에 우측플로팅 버튼을 추가했습니다.
분기별 점검을 통해 어떤 디바이스에서든 동일한 경험을 할 수있도록 전체적으로 점검했습니다. 배너와 빌보드의 경우 모바일과 타블렛 사이즈 분기 프레임이 정의되어있지 않아 가이드를 추가했습니다.
배너간소화
메인 전/후
sns회원가입을 유도하는 윙키 전략에 맞춘 로그인 페이지로 변경하고
테스크단위로 그룹핑되어있지 않은 회원가입 양식오류를 수정했습니다.
이 과정에서 비밀번호 찾기시 sns메일주소가 아닌 자동생성된
이메일주소 일부만 나와 복사후 아이디찾기로 이어질수 없는문제를 발견했습니다.
개발팀과 조율후 "마지막 로그인 수단" 정보만 표시하기로 했습니다.
10분단위로 칸을 선택해야하는 방식으로 한칸한칸 클릭하여 수정해야하는 번거로움을 해결하기 위해
드래그앤 드롭 기능을 추가하였습니다.
2.
-테스트 완료 피드백과 페이지 연계 : 결제완료 > 쿠폰지급 알림 -엠티메세지 : 출석부 > 내수업(튜터)