Connelly Rader
Justin Bettman
Photography portfolio for Justin Bettman, including
work with Nike, Sundance Film Festival, and more.
justinbettman.com
Create your website with Portfolio templates
Gallery
Justin Bettman
익숙하지 않은 플로우로 어려움을 겪는 사용자들
Go from design to site with Framer, the web builder for creative pros.
문제 1
튜터 찾기
공감 (Empathize)
문제정의
문제 정의 (Define)
아이디어 도출 (Ideate)
학생들은 강사의 경력과 리뷰를 확인는데 불편함을 겪었고 특히 회화초보자의 경우 튜터가 학생의 모국어를 구사할 수있는지 확인하는데 불편함을 겪었습니다. 해외 사용자의 경우 번역기능이 재대로 작동하지 않는 경우에는 정보파악이 더 힘들었습니다
-학생과 강사 간의 신뢰 구축이 부족함
-학생이 원하는 강사를 찾는 데 시간이 많이 소요됨
-특정 텍스트 영문, 중국어 번역데이터 축적
01 학생과 강사 프로필 강화:
학생들이 강사의 경력, 과거 학생들의 피드백, 수업 스타일 등을 한눈에 확인할 수 있는 직관적인 ui
튜터의 경우 학생의 정보를 볼수 있는 기능 추가
02 검색 강화: 학생이 원하는 강사의 특성을 입력하면, 관련된 강사를 우선적으로 추천하는 시스템 도입.
문제 3
수업현황 보기
문제정의
공감 (Empathize)
문제 정의 (Define)
아이디어 도출 (Ideate)
많은 사용자가 원하는 결제 이후, 수업 현황 페이지로 진입하지 못하거나 출석부 에서 수업을 찾지 못하는 경우가 상당 수 발생했습니다.
추가로 수업이 소멸되 환불 신청을 하는 문제도 발생했습니다.
-3뎁스로 진입해야 하는 내수업 현황
-출석현황을 따로 찾아야 하는 복잡한 인터페이스
-수업기간과 소멸에 대한 안내 부족
-내 수업 최단 진입 경로 추가 (구조개편이 안될 시)
-수업현황과 출석부를 연결하는 장치 추가
-시각적 피드백
프로토타입 (Prototype)
01 메인 페이지 상단에 바로가기 버튼 추가
02수업현황 페이지에 출석부 바로가기 버튼추가
03 시각적 피드백: 표형태의 수업정보 대신 주요정보순으로 한눈에 볼 수 있는 직관적인 인터페이스
출석부 바로가기 버튼
문제2
찾기 힘든 자동배정 상품
공감 (Empathize)
튜터 검색기능에 대한 부재로 랜덤매칭 기능을 추가했으나 대부분의 사용자들은 자동배정 상품 페이지로 아예 진입하지 못하거나, 1:1수업 페이지에서 이탈하는 경우가 많았습니다.
문제 정의 (Define)
-상품 카테고리 버튼의
진행중인 이벤트를 보고
마이페이지 첫화면에서
문제4
친구추천 코드찻기
공감 (Empathize)
문제 정의 (Define)
-마이 > 내정보 > 개
-가이드와 일치하지 않는 가이드
아이디어 도출 (Ideate)
-연관 컨텐츠인 포인트
-추천코드 복사하기
가설검증과 검증수단
사용자 UX 개선을 통한 정보 탐색 효율 증가
사용자가 수업 관련 정보를 더 빠르고 쉽게 확인할 수 있도록 하여 학습 경험을 개선한다.
사용자 피드백(NPS, CS 문의 수)에서 "정보 찾기 어려움" 관련 불만 비율을 50% 이상 감소시킨다.
결제 내역 및 출석 현황을 찾기 위한 페이지 이탈률을 40% 이상 감소시킨다.
수업 관련 정보를 탐색하는 평균 시간(클릭 수 기준)을 30% 이상 단축한다.
가설검증과 검증수단
"사용자가 결제 내역, 출석 현황, 수업 현황을 하나의 페이지에서 확인할 수 있도록 하면, 정보 탐색 시간이 줄어들고 사용자 만족도가 향상될 것이다."
빠르게 앱사용법을 익히고 싶은 니즈
바쁜 일정 속에서 짧은 시간 활용하고싶은 니즈
출석 현황 및 수업 진행 상태를 쉽게 파악하고 싶은 니즈
기존 페이지 플로우를 정리하고 메뉴 및 정보 구조(IA)를 최적화하여 사용자가 한눈에 필요한 정보를 볼 수 있도록 한다.
로우파이(Lo-Fi) 와이어프레임을 제작하여 화면 레이아웃을 설계한다.
UX 시나리오를 적용하여 프로토타입을 제작하고, 인터랙션을 테스트한다
가설검증과 검증수단
여기저기 흩어져있는 결제정보 출석현황
정보표기방식도 제각각.
내 수업 (튜터)
수업 내역
수업 진행중
1:1 수업
1:1자동배정
윤정화카카오
Free Talking3 (Intermediate~)
C240607-14-708
매주 금
19:00
상태
수업완료
수업 수
1
진행수업
1
잔여수업
0
이전 수업
다음 수업
교재선택
출석부
강의실입장
-
1:1자동배정
윤정화카카오
Free Talking2 (Intermediate)
C240520-13-657
매주 월, 화
09:00
상태
수업진행예정
수업 수
8
진행수업
0
잔여수업
8
이전 수업
24.05.21(화) 09:00~09:1
0
다음 수업
24.05.27(월) 09:00~09:1
0
교재선택
출석부
강의실입장
-
1:1자동배정
리안
Free Talking3 (Intermediate~)
C240419-14-608
매주 월, 화
15:00
상태
수업진행예정
수업 수
4
진행수업
0
잔여수업
4
이전 수업
24.04.23(화) 15:00~15:5
0
다음 수업
24.04.29(월) 15:00~15:5
0
교재선택
출석부
강의실입장
-
1:1자동배정
리안
Free Talking2 (Intermediate)
C240419-13-607
매주 월, 수
22:00
상태
수업진행예정
수업 수
8
진행수업
0
잔여수업
8
이전 수업
24.04.22(월) 22:00~22:3
0
다음 수업
24.04.24(수) 22:00~22:3
0
교재선택
출석부
강의실입장
-
1:1자동배정
윤정화카카오
Free Talking Lv.3(HSK5-6)
C240223-14-396
매주 금
18:00
상태
수업완료
수업 수
1
진행수업
1
잔여수업
0
이전 수업
다음 수업
교재선택
출석부
강의실입장
-
1
2
그룹 수업
등록된 수업이 없습니다.
수업시간 엄수
* 수업시간을 철저히 지켜주세요.
* 수업 사간에 늦었다면 반드시 사과 내용을
전달하고, 늦은 수업만큼 수업을 더 진행해
주세요.
내 수업 (학생)
결제내역
결제내역
결제일
2024-04-08 11:46:24
C240408-12-536
사용처
Free Talking1 (Beginner)
수업스케줄
수업언어 : 중국어
추가옵션 : 상관없음
성별 : 여자
매주 월
11:50
상태
결제
사용 쿠폰
-
사용 포인트
4,800.00
결제 구분
포인트
결제금액
-
환불금액
-
보유 포인트
130,700.00
조치
결제완료
결제일
2024-02-19 15:12:12
C240219-12-378
사용처
Free Talking Lv.1(HSK1-2)
수업스케줄
수업언어 : 중국어
추가옵션 : 상관없음
성별 : 상관없음
매주 월
15:20
상태
결제
사용 쿠폰
-
사용 포인트
4,800.00
결제 구분
포인트
결제금액
-
환불금액
-
보유 포인트
140,300.00
조치
환불요청
환불 정책
* 수업 시작 전 환불가능, 1주일 이내 세금 20%
제외 2회 차 빼고 환불, 2주 지날 시 환불 불가.
* 환불 요청을 하여도 승인 전까지는 수업이
그대로 진행됩니다.
1
내 출석부
학생 출석부
튜터 출석부
1:1/1:1자동배정
그룹수업
완료 수업
Conversation (Beginner lv2)
(윤정화카카오) | 10분| 일, 월, 화, 수, 목, 금, 토
14:40 | 12 회
1
1회
출석
피드백 완료
2회
출석
피드백 완료
3회
출석
피드백 완료
4회
출석
이전수업
5회
출결전
이전수업
6회
출석
이전수업
7회
출결전
이전수업
8회
출결전
이전수업
9회
출결전
이전수업
10회
출결전
이전수업
11회
출결전
이전수업
12회
출결전
이전수업
윤정화카카오
히스토리 보기
목요일
2024-02-22
1440
금요일
2024-02-23
1440
토요일
2024-02-24
1440
일요일
2024-02-25
1440
월요일
2024-02-26
1440
화요일
2024-02-27
1440
수요일
2024-02-28
1440
목요일
2024-02-29
1440
금요일
2024-03-01
1440
토요일
2024-03-02
1440
일요일
2024-03-03
1440
월요일
2024-03-04
1440
학생명
10분
매주 일, 월, 화, 수, 목, 금, 토
14:40
12회
이용약관
개인정보처리방침
회사 소개
수강후기
튜터정보
학습상담
유학정보
예금주 : (주)윙키
국민은행 001501-04-175173
상호명 : 주식회사 윙키ㆍ대표명 : 이승효 ㆍ사업자번호 : 277-88-
02038
문의 연락처 : 02-757-1466 ㆍ문의 이메일 :
gpyouhak@naver.com
주소 : 서울특별시 금천구 가산디지털2로 169-16, 9층 A917호
통신판매업신고번호 : 2023-서울금천-0471 호
Copyright © 2021 주식회사 윙키. All Rights Reserved.
홈
내수업
채팅
출석부
내정보
윙키는 이러한 문제를 해결하기 위해 내 수업 페이지를 개편하기로 했습니다.
디자인 주안점
반응형에 최적화 된
레이아웃이여야한다.
내 수업현황 카드에서 너무많은 정보를 담지 않는다.
테스크 수행을 위해
2뎁스를 거치치 않아야한다.
1.상단 전환 영역
화면 상단에 학생/튜터 전환 토글 버튼 배치
2. 필터 영역
진행상태 필터 (전체/진행중/종료/예정 등) 탭 메뉴
3. 수업 카드 그리드 레이아웃
카드 크기 328x254px
과목 정보 (과목명, 레벨) / 이전수업 / 주문번호 / 빠른매칭 표시여부
수업 시간 정보 / 다음 수업 일정 / 튜터 프로필 (이미지, 이름) / 수업 진행 상태 뱃지
4. 카드 하단 액션 버튼
각 카드 하단에 기능 버튼 배치:
강의실 입장 버튼 (강조)
출석부 보기 버튼
채팅 버튼
5. 반응형 레이아웃
1440px 기준으로 최적화
여백: 좌우 각 60px
모바일과 최대한 동일한 경험을 할 수 있도록 재구성
A-주요 액션버튼과 결제 정보출석현황 체크를 상세에서
A-주요 액션버튼과 결제 정보출석현황 체크를 상세에서
B-기존프레임유지
가설검증과 검증수단
내 수업 (학생)
진행중인 수업
진행중
3.25. 19:25
주문
매주 월,화 09:00-10:00 (1시간)
링링 일반튜터
상세보기
출석부
강의실
다음수업
24.05.28(화) 09:00~09:10
환불요청완료
3.25. 19:25
주문
매주 월,화 09:00-10:00 (1시간)
링링 일반튜터
상세보기
출석부
강의실
다음수업
24.05.28(화) 09:00~09:10
반응형최적화
결제일시
2025.03.25. 19:25:22
주문번호
2025032527208041
수업 현황
튜터정보
결제정보
주문금액
총 21,100원
상품금액
53,000원
쿠폰할인
-31,900원
배송비
0원
카드 간편결제
21,100원
하나 5327 **** **** ****
일시불
무이자 적용 여부는 카드사로 문의하시면 정확하게 확인할 수 있습니다.
포인트 혜택
구매적립
총 1,055원
기본적립
211원
멤버십 추가적립
844원
리뷰적립
최대 150원
동일상품의 상품/한달리뷰 적립은 각 1회로 제한
진행중
매주 월,화 09:00-10:00 (1시간)
10/12회차 (3회남음)
과목: -
링링 일반튜터
강의실
출석부
채팅
마지막수업
24.05.28(화) 09:00~09:10
다음수업
24.05.28(화) 09:00~09:10
小谕
4.9
(238 reviews)
Male • 28 • American
#math
#Art
#Movies
#Movies
#Movies
#Movies
#Movies
#Movies
중국어
영어
학습자료
이벤트
챌린지
이벤트 인증
챌린지 인증
고객센터
출석부
My
채팅
알림
로그아웃
튜터정보
한국어
내수업(학생)
진행중
2.22. 03:54
주문
매주 월,화 09:00-10:00 (1시간)
링링 일반튜터
상세보기
강의실
출석부
채팅
다음수업
24.05.28(화) 09:00~09:10
수업전
2.22. 03:54
주문
매주 월,화 09:00-10:00 (1시간)
링링 일반튜터
상세보기
강의실
출석부
채팅
다음수업
24.05.28(화) 09:00~09:10
수업완료
2.22. 03:54
주문
매주 월,화 09:00-10:00 (1시간)
링링 일반튜터
상세보기
강의실
출석부
채팅
다음수업
24.05.28(화) 09:00~09:10
How We Work
We delve deep into understanding your brand, target audience, and objectives, unraveling the insights that will shape our creative journey.
Armed with insights, our design experts bring concepts to life, seamlessly blending aesthetics and functionality for a visually stunning and user-centric experience.
We iterate tirelessly, refining our designs based on feedback, ensuring every pixel and interaction aligns perfectly with your brand identity and user expectations.
The culmination of our collaborative efforts results in the delivery of a polished, cohesive digital experience that not only meets but exceeds your expectations.