UX_Academy_16th_Market_Kurly_UXUI
•
6 likes•22,680 views
라이트브레인 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에 관심 있는 분들에게 제공하고 있습니다.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to UX_Academy_16th_Market_Kurly_UXUI
Similar to UX_Academy_16th_Market_Kurly_UXUI (20)
More from RightBrain inc.
More from RightBrain inc. (13)
UX_Academy_16th_Market_Kurly_UXUI
- 1. UX/UI 개선 마켓컬리 김지영 박나영 박정은 조유진 라이트 브레인 UX 아카데미 16기 2021.06 - 2021.08 |
- 3. 05 04 03 01 02 UX 챌린지 데스트리서치 Overview 경험 파악 이슈 도출 설문조사 UX 분석 리서치 대상자 선정 이슈 & 조사포인트 필드 리서치 어피니티 다이어그램 키파인딩 및 인사이트 도출 수행방향 UX 모델링 스토리보드 와이어플로우 프로토타입 Key Feature 프로토타입 Contents
- 4. 1 데스크 리서치 2 Overview 01. UX 챌린지
- 5. 유통업계새벽배송경쟁,새로운전략이필요한시점 마켓컬리는샛별배송이란서비스를먼저앞세우며인지도를높였으나, 빠르게성장하는새벽배송시장에서대형식료품서비스들이 새벽배송을도입하면서차별화된전략이필요해졌다. 100억 2015 2016 2017 2018 2019 1900억 4000억 8000억 1조5000억 국내새벽배송시장규모추이 마켓컬리&마트앱사용자현황 홈플러스 마켓컬리 이마트몰 롯데마트몰 1월 500,000명 1,200,000명 2월 3월 4월 5월 6월 7월 8월 9월 마트앱추격하는 신선식품앱‘마켓컬리’ 데스크리서치 UX 챌린지
- 7. 새로운식문화탐험및경험을공유할수있는커뮤니티결합 2030세대는인간적인교감을느낄수있는콘텐츠를선호한다.온라인쇼핑몰에서단순히제품을구매하는것을넘어 즐기고,유용한정보를얻고,서로연결되기바라는소비자가점점늘고있다. MZ세대별콘텐츠소비트렌드 COPYRIGHT2021byTheSMCGroupallrightsreserved 밀레니얼1세대 밀레니얼2세대 Z1세대 알파세대 (1981-1990) (1991-2000) (2001-2010) (2011-2020) 소비진입기 E-commerce 2000-2009 이커머스대두 소셜커머스 이커머스전성기 라이브커머스 블록체인 버츄얼스토어 VR AR MR 포털서비스 소셜미디어 라이브스트리밍 버디버디,네이트온 카카오톡 소셜메신저 보이스DM PC게임 모바일게임 소셜게임 2010-2019 2020-2029 2020- Media Communication Game MZ가자주사용하는서비스중‘오늘의집’콘텐츠업로드이유 자아표출의목적 소통의목적 베네핏 콘텐츠를통해나의취향과능력을드러내고싶어서(50.6%) 사람들과정보를공유하고싶어서(47.1%) 콘텐츠업로드시다양한이벤트및혜택이주어져서(31%) 사람들의반응이궁금해서(41.4%) 내팔로우수를늘리기위해서(6.9%) 운영하는타SNS를홍보할수있어서(8%) 데스크리서치 UX 챌린지
- 8. 사용자를위한 더개인화된추천만을모아 서비스신뢰도향상 상품탐색및후기확인기능을 개선하여사용자의탐색및 조회만족도향상 사용자들간에정보를 주고받을수있는공간을마련하여 서비스에대한기대가치향상 맞춤추천으로 간편하게확인하고 함께공유해요 탐색 조회 주활동 Overview UX 챌린지
- 9. 1 경험 파악 2 이슈 도출 3 설문조사 02. UX 분석
- 10. *플레이스토어,앱스토어및SNS리뷰참고 고충 니즈 탐색(홈,추천) 조회(검색,상세페이지) 주활동 보조활동 구매한상품기반레시피나관련재료를추천하여 다양한시도를도와주었으면한다. 홈탭에'지금'이라고명시해놓은카테고리가많은 데'지금'에대한지표가없어혼란스럽다. 할인관련섹션이너무많아중복되는것같다. '내가본상품의연관상품'을제외하고나의구매 패턴과관계없는내용들이많다. '후기가좋은상품'에대한기준점이불명확하다. 홈 추천 검색 장바구니 상세페이지 품절상품검색시관련성없는다른상품추천이 뜬후최하단에품절상품이라는표시가뜬다. 품절된상품에대한유사상품추천방식은 무엇이며,어떤상품까지를사용자는유사 상품이라생각하는가? 후기탐색시제목과이름,사진여부만볼수있어 내용을짐작불가해하나하나클릭해봐야한다. 상품에대한만족도를한눈에알아볼수없어불 편하다. 재고수량이얼마남지않았다는것을장바구니에 담기전알수는없는가? 브랜드검색시,결과에브랜드명/제품명이섞여 나오며브랜드페이지도제공되지않아불편하다. 검색탭에들어가면기본적으로보여지는'인기검 색어'가‘최근검색어’로오인된다. 새로운레시피에도전및그에대한재료구 매까지손쉽게할수있으면좋겠다. Best후기는판매자입장이다보니,소비자입장 에서유용한리뷰도상단에보여줬으면좋겠다. 사용자간특정상품이용레시피를공유하 는등커뮤니케이션이가능하면좋겠다. 경험파악 02. UX분석
- 12. 검색결과화면에추가되면좋을것같은정렬기준을선택해주세요.(중복선택가능) 마켓컬리앱홈화면구성에대한만족도는어떤가요? 마켓컬리접속시물건구매를위해가장먼저,가장자주하는행동은무엇인가요? 마켓컬리앱에서상품구매시리뷰를확인하는목적은무엇인가요?(중복선택가능) 추천 순 36.3% 낮은가격 순 32.4% 할인율 순 53.9% 판매량 순 73.5% 검색 탭 26.5% 홈 탭 25.5% 카테고리 탭 24.5% 매우 불만족 매우 만족 1 2 3 4 5 2.9% 11.7% 34% 42.7% 7.8% 포장상태 확인 20.4% 용량 확인 31.1% 품질 및 신선도 확인 53.4% 맛 확인 63.1% 소비자 만족도 확인 80.6% 온라인설문조사 총 명 103 설문조사 02. UX분석
- 13. 25% 48% 81% 가 물건 구매를 위해 홈 화면을 탐색하나, 는 홈 화면에 대해 보통 이하의 만족도를 보였다. 의 사용자가 상품 구매시 후기 확인 목적이 ‘소비자 만족도 확인’ 이라고 답했으나, 마켓컬리 후기에는 이를 확인할 지표가 존재하지 않는다. 홈 화면부터 후기까지, 목적에 맞는 정보를 탐색할 수 있도록 하여 탐색 만족도를 개선시킬 수 있는 방안 마련
- 14. 1 리서치 대상자 선정 2 이슈&조사포인트 03. 필드리서치
- 15. 코어 사용자 8명 대상으로 FieldResearch를통해심층조사 03. 필드리서치
- 16. 이용빈도에따라구분해가장넓게분포한 월3~5회,월1~2회/20대,30대를위주로인터뷰이설정 주1~2회 월3~5회 월1~2회 구분 20대 30대 40대 리서치대상자선정 03. 필드리서치
- 17. #Card Sorting #Think Aloud 조사&관찰포인트 홈과 추천화면에서 기대하는 정보와 명확한 분류 기준은 무엇인가 상단 탭 바를 인지하고 있는가 탭 바는 어떤 맥락으로 이용하고 있는가? 제공되는 큐레이션 정보에 대한 신뢰도가 있는가 추천화면에서 각 섹션의 보조적 지표에 대한 인식은 어떠한가? 홈/추천화면 구성의 적절성 이슈&조사포인트 03. 필드리서치 분류와 우선 순위의 기준은 무엇인가요? 추천화면에서 기대하는 정보는 무엇인가요? 추천화면에서 ‘내가 본 상품의 연관상품’에 대한 만족도는 어떤가요? 홈과 추천화면에 들어갈 정보를 분류해 우선 순위대로 카드를 배치해주세요. 인기 급상승 랭킹, 후기가 많은 상품등에 객관적 지표는 어떤것을 기대하나요?
- 21. 1 어피니티 다이어그램 - 검색 - 상세페이지 - 후기 - 장바구니 04. UX 모델링
- 23. 어피니티다이어그램 04. UX분석 어피니티다이어그램 04. UX분석 홈/추천 Uservoice 홈탭은사람들이가장먼저,자주확인하게되는 페이지라고생각해서사람들에게확실히필요하고객관 적인정보위주로구성되었으면해요. 추천탭은조금더개인화된추천정보가있을거라고 생각했는데,지금은어떤기준으로추천이이루어지고 있는지모르겠어요.그래서잘들어가지않아요. 후기개수만붙은레이블은신뢰가가지않아요. 후기가좋은상품도컬리에서임의로선택하는것 같아조작이라고생각해요. KeyFinding 개인화 추천탭의경우사용자의소비패턴에맞춰추천되는정보가 없어불필요하다고느끼는경향이있다. 정확성 현재의홈/추천탭은모든정보가섞여있어사용자의기대를 충족시키지못한다. 신뢰성 큐레이션정보들에명확한지표가없어신뢰성이떨어진다. (기준을정확히알고싶다)
- 24. 홈 탭과 추천 탭의 분류 기준을 사용자가 기대하는 분류 기준 대로 홈: '사용자에게 직접적으로 도움이 되는 정보' , 추천: '추가적인 개인화된 정보'로 나눈다. 홈 탭과 추천 탭 재분류 더 개인화된 추천 탭 구성 신뢰성 있는 지표 추가 추천 탭은 사용자의 상품 탐색 패턴과 일치하는 데이터를 기반으로 한다. 모든 큐레이션 정보에는 랭킹 반영 시간 범위, 전체 후기 중 좋은 후기의 비율 등 각 정보에 맞는 명확한 지표가 주어져야한다. Insight 어피니티 다이어그램 04. UX분석 홈/추천
- 26. 최근검색어에삭제,히스토리보기기능을만들어 사용자가검색리스트를주도적으로 관리할수있도록해야한다. 사용자가직접관리하는검색기록 검색입력시점디자인개선 한화면에서인기검색어와최근검색어등 두가지의행동이일어날때는,활성과비활성/ 레이블과텍스트의차이를명확히제공하여 사용자로하여금다음에이루어질행동이 예측가능하도록해야한다. 사용자편의성개선 사용자가많은노력을기울이지않고도 검색어자동완성,키워드추천기능등필요한정보를 얻을수있도록해야한다. Insight 어피니티다이어그램 04. UX분석 검색-검색어입력시점/검색부가기능
- 27. 어피니티다이어그램 04. UX분석 검색-검색결과화면 Uservoice 저는리뷰가높은순으로상품을보고싶은데, 가능하지않아불편해요. 왜샌드위치를검색했는데삼치구이가뜨는지 알수가없어요! 돼지고기를검색후에어프라이어용돼지고기를다시 검색하고싶다면검색창으로다시나가서‘에어프라이어 용돼지고기’를다시검색해야해요. 검색결과가많으면필터로좁히고싶은데,필터기능자체가 없으니하염없이스크롤만내려야해요. KeyFinding 사용자주도권 낮은금액순,리뷰좋은순등의정렬기준을지정할수없다. 검색어와연관없는상품까지모두뜨기때문에 신뢰도가떨어진다. 결과내검색을지원하지않고,새로운키워드로검색을하기 위해서는해당검색결과창에서뒤로가기를누른후,재검색 을해야하는번거로움이있다.
- 28. 할인율순,낮은가격순,판매량순,추천순등 사용자가원하는정렬기준에따라검색결과화면을 정렬할수있어야한다. 상품정렬기능추가 필터링기능추가 사용자들이품절된상품등불필요한정보를 확인하지않고구매가능한상품에만집중하도록 필터링할수있어야한다. 사용자의추가탐색개선 상품검색후그상품의브랜드가보유한다른제품 또한브랜드페이지바로가기등의기능을추가해, 사용자가쉽게볼수있도록해야한다. Insight 어피니티다이어그램 04. UX분석 검색-검색결과화면
- 30. 상세페이지를 탐색하는 사용자가 상품 정보를 더 쉽고 빠르게 인식하기 위해 이미지나 텍스트의 크기가 적절해야하고, 사용자가 원하는대로 확대 및 축소도 가능해야 한다. 상세페이지 GUI 개선 옵션 상품 선택 경험 개선 여러가지 옵션이 있는 상품의 경우, 사용자가 신경써서 기억하지 않아도 직관적으로 선택이 가능하도록 구매 관련 행동 경험이 개선되어야 한다. 사용자의 추가 탐색 개선 상세페이지 내 연관 상품 추천 및 브랜드 페이지 이동을 가능하게 해 사용자가 추가적인 탐색 시 도움이 되도록 해야한다. Insight 어피니티 다이어그램 04. UX분석 상세페이지
- 32. 이용맥락에맞지않는후기쓰기,공지등의정보는 축소하거나목록에서제외시켜야한다. 후기확인시새창이뜨지않고, 후기목록과 내용사이의연결이자연스럽도록하여 사용자이용맥락이끊기지않도록해야한다. 후기이용사용자의맥락고려 평가기준제공 필터기능추가 사용자가더쉽게작성하고볼수있도록 포장상태,품질,맛등제품군에맞는간단한 평가기준을추가해야한다. 별점등신뢰할수있는지표로구성된 후기의전체통계가제공되어야한다. 후기의세부적인탐색시원하는종류의후기를 쉽고빠르게찾아볼수있도록별점순, 사진리뷰모아보기등 필터기능이제공되어야한다. Insight 어피니티다이어그램 04. UX분석 후기
- 34. 장바구니에서 품절상품을 마주할 때, 사용자의 불쾌감을 낮출 수 있도록 대체 상품 추천 등 추가 제안이 필요하다. 상품 품절 시 대안 제시 장바구니 - 상품 탐색 사이의 여정 단축 무료배송을 위해 장바구니에 상품을 추가적으로 담을 때 그 과정이 더 쉽고 빠르게 이루어질 수 있도록, 구매 금액 확인이 쉬워야 하고 장바구니와 상품 사이의 탐색 여정이 단축되어야 한다. Insight 어피니티 다이어그램 04. UX분석 장바구니
- 35. 사용자를위한 더개인화된추천만을모아 서비스신뢰도향상 상품탐색및후기확인기능을 개선하여사용자의탐색및 조회만족도향상 사용자들간에정보를 주고받을수있는공간을마련하여 서비스에대한기대가치향상 맞춤추천으로 간편하게확인하고 함께공유해요 탐색 조회 주활동 #레시피_공유 #고민되는_음식_투표 #컬리_SNS이벤트도_한눈에 #해시태그_기반_랜덤추천 #상황과_맥락에_맞는_추천 #사용자데이터기반_맞춤추천 #세분화된_정렬기준&필터 #후기_별점기능 #통계로_모아보는_후기 수행방향 04. UX분석
- 36. 1 추천 2 커뮤니티 3 검색 4 후기 5 장바구니 + Key Feature (홈/상세페이지) 05. 프로토타입
- 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. 프로토타입 옵션이많은상품, 한눈에확인하고담아보세요
- 65. UX/UI개선 감사합니다. 마켓컬리 김지영 박나영 박정은 조유진 라이트브레인UX아카데미16기 2021.06-2021.08 |