라이트브레인 UX 아카데미 16기 Open Project입니다.
이번에 소개해 드릴 결과물은 새벽배송 시대를 연 신선 식품 전문 온라인 쇼핑몰 '마켓컬리 – UX/UI 개선 프로젝트'입니다.
마켓컬리는 샛별배송이란 서비스를 먼저 앞세우며 인지도를 높였으나, 빠르게 성장하는 새벽배송 시장에서 대형 식료품 서비스들이 새벽배송을 도입하면서 차별화된 전략이 필요해졌습니다.새벽 배송 서비스의 주 사용자가 2~20대 층인만큼 MZ 세대를 타겟으로 하는 새로운 전략의 도입이 필요할 것으로 보고 맞춤 추천으로 사용자를 위한 더 개인화된 서비스로 신뢰도를 향상 시키고 간편하게 상품 탐색 및 조회하며 사용자 간 정보를 주고 받는 공유기능을 추가해 보았다고 합니다.
지난 UX 아카데미 16기 교육 기간 동안 마켓컬리조가 만들어 낸 신선한 아이디어를 Rightbrain lab을 통해 공개해 드립니다.
라이트브레인 아카데미 수강생들이 어떤 과정을 통해 아이디에이션 하고 또 인사이트와 컨셉을 도출했는지 궁금하시다면 지금 바로 슬라이드쉐어로 내용을 확인하세요.
UX 아카데미 ‘라이트브레인 U –
미래의 UXer들을 위한 교육으로 UX전문가로서 성장할 수 있는 발판이 되는 교육입니다. UX에 대한 기초지식이 있는 학생과 직장인들을 대상으로 하며 정규 과정은 보통 15회 강의로 구성됩니다. UX 개념, 필드 리서치, 모델링, 서비스 디자인, 프로토타이핑과 같은 구성으로 UX디자인의 주요 프로세스를 모두 경험하고 최종 결과물을 발표하는 것을 목표로 합니다. 2019년 상반기 배출된 8기부터 아카데미 정글과 함께 UX Academy를 개설하여 보다 전문적이며, 밀도 있는 교육을 UX에 관심 있는 분들에게 제공하고 있습니다.
13. 25%
48%
81%
가 물건 구매를 위해 홈 화면을 탐색하나,
는 홈 화면에 대해 보통 이하의 만족도를 보였다.
의 사용자가 상품 구매시 후기 확인 목적이 ‘소비자 만족도 확인’
이라고 답했으나, 마켓컬리 후기에는 이를 확인할 지표가 존재하지 않는다.
홈 화면부터 후기까지, 목적에 맞는 정보를 탐색할 수 있도록 하여
탐색 만족도를 개선시킬 수 있는 방안 마련
17. #Card Sorting #Think Aloud
조사&관찰포인트
홈과 추천화면에서 기대하는 정보와 명확한 분류 기준은 무엇인가
상단 탭 바를 인지하고 있는가
탭 바는 어떤 맥락으로 이용하고 있는가?
제공되는 큐레이션 정보에 대한 신뢰도가 있는가
추천화면에서 각 섹션의 보조적 지표에 대한 인식은 어떠한가?
홈/추천화면 구성의 적절성
이슈&조사포인트
03. 필드리서치
분류와 우선 순위의 기준은 무엇인가요?
추천화면에서 기대하는 정보는 무엇인가요?
추천화면에서 ‘내가 본 상품의 연관상품’에 대한 만족도는 어떤가요?
홈과 추천화면에 들어갈 정보를 분류해 우선 순위대로 카드를 배치해주세요.
인기 급상승 랭킹, 후기가 많은 상품등에 객관적 지표는 어떤것을 기대하나요?
24. 홈 탭과 추천 탭의 분류 기준을 사용자가
기대하는 분류 기준 대로
홈: '사용자에게 직접적으로 도움이 되는 정보'
,
추천: '추가적인 개인화된 정보'로 나눈다.
홈 탭과 추천 탭 재분류 더 개인화된 추천 탭 구성 신뢰성 있는 지표 추가
추천 탭은 사용자의 상품 탐색 패턴과
일치하는 데이터를 기반으로 한다.
모든 큐레이션 정보에는
랭킹 반영 시간 범위, 전체 후기 중 좋은 후기의 비율 등
각 정보에 맞는 명확한 지표가 주어져야한다.
Insight
어피니티 다이어그램
04. UX분석
홈/추천
30. 상세페이지를 탐색하는 사용자가 상품 정보를
더 쉽고 빠르게 인식하기 위해
이미지나 텍스트의 크기가 적절해야하고,
사용자가 원하는대로 확대 및 축소도 가능해야 한다.
상세페이지 GUI 개선 옵션 상품 선택 경험 개선
여러가지 옵션이 있는 상품의 경우,
사용자가 신경써서 기억하지 않아도 직관적으로
선택이 가능하도록 구매 관련 행동 경험이
개선되어야 한다.
사용자의 추가 탐색 개선
상세페이지 내 연관 상품 추천 및
브랜드 페이지 이동을 가능하게 해
사용자가 추가적인 탐색 시 도움이 되도록 해야한다.
Insight
어피니티 다이어그램
04. UX분석
상세페이지
34. 장바구니에서 품절상품을 마주할 때,
사용자의 불쾌감을 낮출 수 있도록 대체 상품 추천 등
추가 제안이 필요하다.
상품 품절 시 대안 제시
장바구니 - 상품 탐색 사이의
여정 단축
무료배송을 위해 장바구니에 상품을 추가적으로
담을 때 그 과정이 더 쉽고 빠르게 이루어질 수 있도록,
구매 금액 확인이 쉬워야 하고 장바구니와
상품 사이의 탐색 여정이 단축되어야 한다.
Insight
어피니티 다이어그램
04. UX분석
장바구니
40. To-be
당신만을 위한 조금 더 세심한 추천!
나만을 위해 준비된 추천을 만나봐요
원하는 카테고리에 딱 맞는
추천 받기
구매 패턴을 파악하여
AI 기반으로 추천
As-is
사용자 구매 패턴과 연관없는 상품들로 이루어진 화
사용자의 선호가 전혀 반영되지 않은 무작위 추천
프로토타입
05. 프로토타입
당신만을위한더세심한추천
44. NEW!
다른 사람들은 무엇을 사고, 어떻게 요리할까요?
특정 상황에 더 알맞은 음식은 무엇일까요?
컬리생활에서 꿀팁 공유하고 함께 이야기해요!
레시피 상세화면
양/시간/난이도
간단하게 확인 가능
사용자가 작성한 레시피
스텝 별 노출
레시피에 이용한 제품은
바로바로 담을 수 있게
마음에 드는 레시피는
바로바로 북마크
프로토타입
05. 프로토타입
컬리생활에서 꿀팁 공유
& 함께 이야기해요
49. To-be
당신이 기대하는 바로 그 위치에
당신이 기대하던 바로 그 내용이!
As-is
사용자의 기대와 다르게 배치돼 최근 검색어로 오인되는 인기 검색
삭제 및 관리가 불가능한 최근 검색어 목록
검색창 하단에 최근 검색어 배치하여
사용자의 혼란을 줄임
탐색 시 추가적인 정보로 도움이 될
추천 검색어, 인기 검색어 배치
프로토타입
05. 프로토타입
정렬기준&필터로쉽고편한검색 제품명이 아닌 브랜드명을 검색하는 사용자 고려하여
최상단에 검색어와 일치하는 ‘스토어 바로가기’ 띄움
50. As-is
정렬기준을 지정도, 품절 상품을 제외도 없는 검색 결과 화
원하는 조건으로 필터링도 불가
프로토타입
05. 프로토타입
정렬기준 & 필터로 쉽고 편한 검색
To-be
새로 생긴 상세한 정렬기준&필터로
쉽고 편하게 원하는 상품을 검색해요!
필터제공
원하는 상품을 선택할 수 있도록
필터 제공
선택된 필터
검색 결과화면 상단에 띄워
쉽게 인지 및 편집할 수 있도록 한다
54. To-be
후기 하나하나 확인하기 힘드셨죠
이제 원하는 정보만 쏙쏙, 손쉽게 확인해요!
As-is
평가 기준이 없어 둘러보기도, 작성하기도 불편한 후
후기 하나를 자세히 보기 위해서는 여러 뎁스를 거쳐야 함
와이어플로우
05. 프로토타입
이제원하는후기만쏙쏙,
쉽게확인해요
후기 사진만 모아보기
사진 기준으로 상세 후기를 확인
간단하게 확인할 수 있는
후기 통계
59. To-be
무료배송까지 필요한 금액 확인은 더 쉽게,
품절 상품의 대체 상품도 바로바로 담아요!
As-is
무료배송까지 필요한 금액 확인 번거로
장바구니 내 상품 품절시 대체 활동 부족
프로토타입
05. 프로토타입
무료배송금액확인도,
대체상품도더쉽게
무료배송 게이지
무료배송까지 얼마 더 필요한지
한 눈에 보여주는 게이지
대체상품 추천
담아둔 상품이 품절되어도
대체상품 추천 버튼만 누르면
펼쳐지는 유사상품 추천
무료배송까지의 금액이 모자라다면
보다 간편한 탐색을 위해
검색이나 찜하기로 바로 이동 가능
구매불가 상품은 한 섹션으로
묶어 한 번에 모아볼 수 있도록
62. To-be
조금 더 확실하고 신뢰가는 정보들을
바탕으로 배치했어요!
컬리만 믿고 한 번 둘러보세요 ;)
수치화된 정보
As-is
어떤 기준으로 선택되었는지 알 수 없는
상품들로 중구난방 이루어진 화면
프로토타입
05. 프로토타입
수치화된정보의메인 필터
카테고리화된 필터로
원하는 상품 선택
수치화된 정보 제공
64. To-be
여러가지 옵션이 있는 상품의 경우,
사용자가 신경써서 기억하지 않아도
직관적으로 선택해요!
옵션창 토스트UI
레시피
옵션 창에도 각 옵션의 이미지를 넣어
사용자가 옵션 정보를 직접 기억해야했던 불편함을 줄임
토스트에 바로가기 버튼을 함께 띄워
장바구니로 이동하는 여정을 간편하게
컬리생활 레시피로
이동할 수 있는 링크 제공
As-is
여러가지 옵션이 있는 상품의 경우,
옵션 선택 및 구매를 사용자의 기억에만 의존
프로토타입
05. 프로토타입
옵션이많은상품,
한눈에확인하고담아보세요