Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

UX_Academy_16th_Market_Kurly_UXUI Slide 1 UX_Academy_16th_Market_Kurly_UXUI Slide 2 UX_Academy_16th_Market_Kurly_UXUI Slide 3 UX_Academy_16th_Market_Kurly_UXUI Slide 4 UX_Academy_16th_Market_Kurly_UXUI Slide 5 UX_Academy_16th_Market_Kurly_UXUI Slide 6 UX_Academy_16th_Market_Kurly_UXUI Slide 7 UX_Academy_16th_Market_Kurly_UXUI Slide 8 UX_Academy_16th_Market_Kurly_UXUI Slide 9 UX_Academy_16th_Market_Kurly_UXUI Slide 10 UX_Academy_16th_Market_Kurly_UXUI Slide 11 UX_Academy_16th_Market_Kurly_UXUI Slide 12 UX_Academy_16th_Market_Kurly_UXUI Slide 13 UX_Academy_16th_Market_Kurly_UXUI Slide 14 UX_Academy_16th_Market_Kurly_UXUI Slide 15 UX_Academy_16th_Market_Kurly_UXUI Slide 16 UX_Academy_16th_Market_Kurly_UXUI Slide 17 UX_Academy_16th_Market_Kurly_UXUI Slide 18 UX_Academy_16th_Market_Kurly_UXUI Slide 19 UX_Academy_16th_Market_Kurly_UXUI Slide 20 UX_Academy_16th_Market_Kurly_UXUI Slide 21 UX_Academy_16th_Market_Kurly_UXUI Slide 22 UX_Academy_16th_Market_Kurly_UXUI Slide 23 UX_Academy_16th_Market_Kurly_UXUI Slide 24 UX_Academy_16th_Market_Kurly_UXUI Slide 25 UX_Academy_16th_Market_Kurly_UXUI Slide 26 UX_Academy_16th_Market_Kurly_UXUI Slide 27 UX_Academy_16th_Market_Kurly_UXUI Slide 28 UX_Academy_16th_Market_Kurly_UXUI Slide 29 UX_Academy_16th_Market_Kurly_UXUI Slide 30 UX_Academy_16th_Market_Kurly_UXUI Slide 31 UX_Academy_16th_Market_Kurly_UXUI Slide 32 UX_Academy_16th_Market_Kurly_UXUI Slide 33 UX_Academy_16th_Market_Kurly_UXUI Slide 34 UX_Academy_16th_Market_Kurly_UXUI Slide 35 UX_Academy_16th_Market_Kurly_UXUI Slide 36 UX_Academy_16th_Market_Kurly_UXUI Slide 37 UX_Academy_16th_Market_Kurly_UXUI Slide 38 UX_Academy_16th_Market_Kurly_UXUI Slide 39 UX_Academy_16th_Market_Kurly_UXUI Slide 40 UX_Academy_16th_Market_Kurly_UXUI Slide 41 UX_Academy_16th_Market_Kurly_UXUI Slide 42 UX_Academy_16th_Market_Kurly_UXUI Slide 43 UX_Academy_16th_Market_Kurly_UXUI Slide 44 UX_Academy_16th_Market_Kurly_UXUI Slide 45 UX_Academy_16th_Market_Kurly_UXUI Slide 46 UX_Academy_16th_Market_Kurly_UXUI Slide 47 UX_Academy_16th_Market_Kurly_UXUI Slide 48 UX_Academy_16th_Market_Kurly_UXUI Slide 49 UX_Academy_16th_Market_Kurly_UXUI Slide 50 UX_Academy_16th_Market_Kurly_UXUI Slide 51 UX_Academy_16th_Market_Kurly_UXUI Slide 52 UX_Academy_16th_Market_Kurly_UXUI Slide 53 UX_Academy_16th_Market_Kurly_UXUI Slide 54 UX_Academy_16th_Market_Kurly_UXUI Slide 55 UX_Academy_16th_Market_Kurly_UXUI Slide 56 UX_Academy_16th_Market_Kurly_UXUI Slide 57 UX_Academy_16th_Market_Kurly_UXUI Slide 58 UX_Academy_16th_Market_Kurly_UXUI Slide 59 UX_Academy_16th_Market_Kurly_UXUI Slide 60 UX_Academy_16th_Market_Kurly_UXUI Slide 61 UX_Academy_16th_Market_Kurly_UXUI Slide 62 UX_Academy_16th_Market_Kurly_UXUI Slide 63 UX_Academy_16th_Market_Kurly_UXUI Slide 64 UX_Academy_16th_Market_Kurly_UXUI Slide 65
Upcoming SlideShare
What to Upload to SlideShare
Next

2 Likes

Share

UX_Academy_16th_Market_Kurly_UXUI

라이트브레인 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에 관심 있는 분들에게 제공하고 있습니다.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

UX_Academy_16th_Market_Kurly_UXUI

  1. 1. UX/UI 개선 마켓컬리 김지영 박나영 박정은 조유진 라이트 브레인 UX 아카데미 16기 2021.06 - 2021.08 |
  2. 2. 김지영 ux.jenny25@gmail.com 박나영 nayoung1308@gmail.com youjin.designer@gmail.com 박정은 cocoma0629@gmail.com 조유진 Aboutus
  3. 3. 05 04 03 01 02 UX 챌린지 데스트리서치 Overview 경험 파악 이슈 도출 설문조사 UX 분석 리서치 대상자 선정 이슈 & 조사포인트 필드 리서치 어피니티 다이어그램 키파인딩 및 인사이트 도출 수행방향 UX 모델링 스토리보드 와이어플로우 프로토타입 Key Feature 프로토타입 Contents
  4. 4. 1 데스크 리서치 2 Overview 01. UX 챌린지
  5. 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 챌린지
  6. 6. 새벽배송서비스주사용자가20~30대젊은층인만큼,MZ세대를노린새로운전략도입필요 새벽배송시장에서의경쟁력강화를위해,기존마켓컬리사용층인30~40대에서새벽배송을주로이용하는 20~30대로사용층을확대하여사용자유입필요 데스크리서치 UX 챌린지 65% 20대 59% 30대 51% 40대 40% 50대 새벽배송서비스이용연령대
  7. 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. 8. 사용자를위한 더개인화된추천만을모아 서비스신뢰도향상 상품탐색및후기확인기능을 개선하여사용자의탐색및 조회만족도향상 사용자들간에정보를 주고받을수있는공간을마련하여 서비스에대한기대가치향상 맞춤추천으로 간편하게확인하고 함께공유해요 탐색 조회 주활동 Overview UX 챌린지
  9. 9. 1 경험 파악 2 이슈 도출 3 설문조사 02. UX 분석
  10. 10. *플레이스토어,앱스토어및SNS리뷰참고 고충 니즈 탐색(홈,추천) 조회(검색,상세페이지) 주활동 보조활동 구매한상품기반레시피나관련재료를추천하여 다양한시도를도와주었으면한다. 홈탭에'지금'이라고명시해놓은카테고리가많은 데'지금'에대한지표가없어혼란스럽다. 할인관련섹션이너무많아중복되는것같다. '내가본상품의연관상품'을제외하고나의구매 패턴과관계없는내용들이많다. '후기가좋은상품'에대한기준점이불명확하다. 홈 추천 검색 장바구니 상세페이지 품절상품검색시관련성없는다른상품추천이 뜬후최하단에품절상품이라는표시가뜬다. 품절된상품에대한유사상품추천방식은 무엇이며,어떤상품까지를사용자는유사 상품이라생각하는가? 후기탐색시제목과이름,사진여부만볼수있어 내용을짐작불가해하나하나클릭해봐야한다. 상품에대한만족도를한눈에알아볼수없어불 편하다. 재고수량이얼마남지않았다는것을장바구니에 담기전알수는없는가? 브랜드검색시,결과에브랜드명/제품명이섞여 나오며브랜드페이지도제공되지않아불편하다. 검색탭에들어가면기본적으로보여지는'인기검 색어'가‘최근검색어’로오인된다. 새로운레시피에도전및그에대한재료구 매까지손쉽게할수있으면좋겠다. Best후기는판매자입장이다보니,소비자입장 에서유용한리뷰도상단에보여줬으면좋겠다. 사용자간특정상품이용레시피를공유하 는등커뮤니케이션이가능하면좋겠다. 경험파악 02. UX분석
  11. 11. 1.어떻게'지금가장핫한상품',‘후기가좋은상품’등의신뢰도를높일수있을까? 2.사용자가홈,추천탭에기대하는항목은어떤것이있을까? 3.홈,추천탭내에서이용빈도가높은/낮은섹션은무엇일까? 4.사용자가홈,추천탭의섹션의다양성과양에만족할까? 홈, 추천 검색 상세페이지 1.검색창하단에붙어있는인기검색어레이블을사용자가인지하는데어려움이없을까? 2.자신의최근검색어를삭제및편집할수있게해야할까? 3.검색시원하는것을잘찾을수있을까?어떤것이사용자들이원하는것을찾는데도움이될까? 4.검색결과의정렬기준은어떻게되어야할까? 1.사용자가상세페이지및후기에서얻고자하는주된정보는무엇일까? 2.어떻게상품/후기의신뢰도를높일수있을까? 3.리뷰작성시필수항목이추가되어야하지않을까?(별점,맛만족도등) 품절된상품에대한유사상품추천방식이존재하는가?어떤상품까지를사용자는유사상품이라생각하는가? 탐색 조회 주활동 보조활동 장바구니 쉽게새레시피에도전해볼수있고,그에대한재료구매까지손쉽게할수있으면좋겠다. 사용자간특정상품을이용한레시피를공유하는등커뮤니케이션이가능하면좋겠다. 이슈도출 02. UX분석
  12. 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. 13. 25% 48% 81% 가 물건 구매를 위해 홈 화면을 탐색하나, 는 홈 화면에 대해 보통 이하의 만족도를 보였다. 의 사용자가 상품 구매시 후기 확인 목적이 ‘소비자 만족도 확인’ 이라고 답했으나, 마켓컬리 후기에는 이를 확인할 지표가 존재하지 않는다. 홈 화면부터 후기까지, 목적에 맞는 정보를 탐색할 수 있도록 하여 탐색 만족도를 개선시킬 수 있는 방안 마련
  14. 14. 1 리서치 대상자 선정 2 이슈&조사포인트 03. 필드리서치
  15. 15. 코어 사용자 8명 대상으로 FieldResearch를통해심층조사 03. 필드리서치
  16. 16. 이용빈도에따라구분해가장넓게분포한 월3~5회,월1~2회/20대,30대를위주로인터뷰이설정 주1~2회 월3~5회 월1~2회 구분 20대 30대 40대 리서치대상자선정 03. 필드리서치
  17. 17. #Card Sorting #Think Aloud 조사&관찰포인트 홈과 추천화면에서 기대하는 정보와 명확한 분류 기준은 무엇인가 상단 탭 바를 인지하고 있는가 탭 바는 어떤 맥락으로 이용하고 있는가? 제공되는 큐레이션 정보에 대한 신뢰도가 있는가 추천화면에서 각 섹션의 보조적 지표에 대한 인식은 어떠한가? 홈/추천화면 구성의 적절성 이슈&조사포인트 03. 필드리서치 분류와 우선 순위의 기준은 무엇인가요? 추천화면에서 기대하는 정보는 무엇인가요? 추천화면에서 ‘내가 본 상품의 연관상품’에 대한 만족도는 어떤가요? 홈과 추천화면에 들어갈 정보를 분류해 우선 순위대로 카드를 배치해주세요. 인기 급상승 랭킹, 후기가 많은 상품등에 객관적 지표는 어떤것을 기대하나요?
  18. 18. 조사&관찰포인트 사용자가원하는상품을쉽게탐색하고있는가 탐색과정에서불편을느끼는요소는무엇인가 효율적인탐색을위해어떤보조기능이필요한가 필터과정에서어떤정보들을고려할까 검색결과에만족하고있는가? 검색기능사용성 이슈&조사포인트 03. 필드리서치 #ThinkAloud 검색화면에서상품을구매하는과정을보여주세요. 검색을포기한적이있다면그이유는무엇인가요? 다른검색서비스사용시더도움이되는점이있었나요?어떻게도움이되었나요? 검색결과에대해만족하나요? 어떤기준으로상품을분류하나요? #GuidedTour
  19. 19. 조사&관찰포인트 상세페이지에서얻고자하는정보는무엇인가? 후기에서얻고자하는정보는무엇인가? 후기확인과정에서어떤불편을느끼는가 부족한정보는무엇인가 어떤정보에서신뢰도를갖는가? 상세정보와후기확인 후기에서확인하고싶은정보는무엇인가요? 후기를확인하는과정이쉬웠나요? 부족한정보는어떤방식으로확인하나요? 상품만족도확인을위해어떤정보가필요할까요? 상품을구매할때어떤정보를확인하나요? 이슈&조사포인트 03. 필드리서치 #Narration #GuidedTour
  20. 20. 조사&관찰포인트 탐색과정에서불편을느끼는요소는무엇인가 품절상품에대한유사상품추천시사용자가기대하는범위는? 장바구니 이슈&조사포인트 03. 필드리서치 #Narration #WhatIf 상품이품절되면어떻게하나요? 상품품절시유사상품을추천해주는것은어떨것같나요? 장바구니안에있는상품을구매할때어떤불편한점이있었나요? 다른서비스사용시상품이품절될경우더도움이되는점이있었나요? 어떻게도움이되었나요?
  21. 21. 1 어피니티 다이어그램 - 검색 - 상세페이지 - 후기 - 장바구니 04. UX 모델링
  22. 22. AffinityDiagram 총120여개의유저보이스수집 어피니티다이어그램 04. UX분석
  23. 23. 어피니티다이어그램 04. UX분석 어피니티다이어그램 04. UX분석 홈/추천 Uservoice 홈탭은사람들이가장먼저,자주확인하게되는 페이지라고생각해서사람들에게확실히필요하고객관 적인정보위주로구성되었으면해요. 추천탭은조금더개인화된추천정보가있을거라고 생각했는데,지금은어떤기준으로추천이이루어지고 있는지모르겠어요.그래서잘들어가지않아요. 후기개수만붙은레이블은신뢰가가지않아요. 후기가좋은상품도컬리에서임의로선택하는것 같아조작이라고생각해요. KeyFinding 개인화 추천탭의경우사용자의소비패턴에맞춰추천되는정보가 없어불필요하다고느끼는경향이있다. 정확성 현재의홈/추천탭은모든정보가섞여있어사용자의기대를 충족시키지못한다. 신뢰성 큐레이션정보들에명확한지표가없어신뢰성이떨어진다. (기준을정확히알고싶다)
  24. 24. 홈 탭과 추천 탭의 분류 기준을 사용자가 기대하는 분류 기준 대로 홈: '사용자에게 직접적으로 도움이 되는 정보' , 추천: '추가적인 개인화된 정보'로 나눈다. 홈 탭과 추천 탭 재분류 더 개인화된 추천 탭 구성 신뢰성 있는 지표 추가 추천 탭은 사용자의 상품 탐색 패턴과 일치하는 데이터를 기반으로 한다. 모든 큐레이션 정보에는 랭킹 반영 시간 범위, 전체 후기 중 좋은 후기의 비율 등 각 정보에 맞는 명확한 지표가 주어져야한다. Insight 어피니티 다이어그램 04. UX분석 홈/추천
  25. 25. 어피니티다이어그램 04. UX분석 검색-검색어입력시점/검색부가기능 Uservoice 검색히스토리가있기는한데삭제기능이없네요? 인기검색어와최근검색어가따로구별되어있는지 몰랐어요. 검색어를정확히모르고검색하는경우도많은데컬리의 경우자동완성기능이없어서도움을받을수없어요. 검색어를입력했을때상품바로가기가뜨는건별로에요. 상품바로가기로상품페이지에들어간적이없는것같아요. KeyFinding 사용자주도권 예측가능성 검색어히스토리삭제기능이없어리스트관리가불편하다. 검색화면의인기검색어와,검색창을터치했을때뜨는 최근검색어가비슷하게인식되어둘을구별하지못한다. 현재검색창에검색어입력시상품바로가기가뜨는데 사용자들은자동완성기능이나추천검색어기능을기대한다.
  26. 26. 최근검색어에삭제,히스토리보기기능을만들어 사용자가검색리스트를주도적으로 관리할수있도록해야한다. 사용자가직접관리하는검색기록 검색입력시점디자인개선 한화면에서인기검색어와최근검색어등 두가지의행동이일어날때는,활성과비활성/ 레이블과텍스트의차이를명확히제공하여 사용자로하여금다음에이루어질행동이 예측가능하도록해야한다. 사용자편의성개선 사용자가많은노력을기울이지않고도 검색어자동완성,키워드추천기능등필요한정보를 얻을수있도록해야한다. Insight 어피니티다이어그램 04. UX분석 검색-검색어입력시점/검색부가기능
  27. 27. 어피니티다이어그램 04. UX분석 검색-검색결과화면 Uservoice 저는리뷰가높은순으로상품을보고싶은데, 가능하지않아불편해요. 왜샌드위치를검색했는데삼치구이가뜨는지 알수가없어요! 돼지고기를검색후에어프라이어용돼지고기를다시 검색하고싶다면검색창으로다시나가서‘에어프라이어 용돼지고기’를다시검색해야해요. 검색결과가많으면필터로좁히고싶은데,필터기능자체가 없으니하염없이스크롤만내려야해요. KeyFinding 사용자주도권 낮은금액순,리뷰좋은순등의정렬기준을지정할수없다. 검색어와연관없는상품까지모두뜨기때문에 신뢰도가떨어진다. 결과내검색을지원하지않고,새로운키워드로검색을하기 위해서는해당검색결과창에서뒤로가기를누른후,재검색 을해야하는번거로움이있다.
  28. 28. 할인율순,낮은가격순,판매량순,추천순등 사용자가원하는정렬기준에따라검색결과화면을 정렬할수있어야한다. 상품정렬기능추가 필터링기능추가 사용자들이품절된상품등불필요한정보를 확인하지않고구매가능한상품에만집중하도록 필터링할수있어야한다. 사용자의추가탐색개선 상품검색후그상품의브랜드가보유한다른제품 또한브랜드페이지바로가기등의기능을추가해, 사용자가쉽게볼수있도록해야한다. Insight 어피니티다이어그램 04. UX분석 검색-검색결과화면
  29. 29. 어피니티다이어그램 04. UX분석 상세페이지 Uservoice 글씨가작아서읽기가힘들어요.사진확대도안돼요! 상세페이지에서상품에연관되거나,상품구매에도움이 되는다른정보들도볼수있었으면해요. 쌈장을구매하고싶었는데원하는용량의이미지와옵션명을 일일이기억하고선택해야하더라고요.왜보면서선택이 안되나요? 상세정보탭이왜있는지는모르겠어요.어차피상품설명에 있는정보를떼놓았을뿐이지않나요?이름도헷갈려요. KeyFinding 이해가능성 기억성 니즈 여러가지옵션이있는상품의경우,옵션선택및구매를 사용자의기억에만의존하는느낌이라불편하다. 상품설명탭의텍스트비중이높고크기조절도불가능해 가독성이떨어진다. 상세페이지내에상품부가적인정보나연관정보도있어 추가적인도움이되었으면한다. 가독성이떨어지다보니사용자는본인에게중요한정보 외에는관심을가지지않는다.
  30. 30. 상세페이지를 탐색하는 사용자가 상품 정보를 더 쉽고 빠르게 인식하기 위해 이미지나 텍스트의 크기가 적절해야하고, 사용자가 원하는대로 확대 및 축소도 가능해야 한다. 상세페이지 GUI 개선 옵션 상품 선택 경험 개선 여러가지 옵션이 있는 상품의 경우, 사용자가 신경써서 기억하지 않아도 직관적으로 선택이 가능하도록 구매 관련 행동 경험이 개선되어야 한다. 사용자의 추가 탐색 개선 상세페이지 내 연관 상품 추천 및 브랜드 페이지 이동을 가능하게 해 사용자가 추가적인 탐색 시 도움이 되도록 해야한다. Insight 어피니티 다이어그램 04. UX분석 상세페이지
  31. 31. 어피니티다이어그램 04. UX분석 후기 Uservoice 후기정렬이되지않아불편해요. 사진이있는리뷰는아이콘으로만표시가돼서, 후기를하나하나클릭해서들어가서볼수밖에없어요. 컬리는리뷰를다눌러서읽어야되더라고요. 조금더간단하게볼수있는방법은없을까요? 후기를볼때마다새창이떠서뒤로가기를엄청눌러야해요. KeyFinding 사용자주도권 연결성 사용자가후기작성과확인을쉽게하기어렵다. 후기를보려면여러뎁스를거쳐야해서탐색활동의맥락이 끊기는느낌이들고번거롭다.
  32. 32. 이용맥락에맞지않는후기쓰기,공지등의정보는 축소하거나목록에서제외시켜야한다. 후기확인시새창이뜨지않고, 후기목록과 내용사이의연결이자연스럽도록하여 사용자이용맥락이끊기지않도록해야한다. 후기이용사용자의맥락고려 평가기준제공 필터기능추가 사용자가더쉽게작성하고볼수있도록 포장상태,품질,맛등제품군에맞는간단한 평가기준을추가해야한다. 별점등신뢰할수있는지표로구성된 후기의전체통계가제공되어야한다. 후기의세부적인탐색시원하는종류의후기를 쉽고빠르게찾아볼수있도록별점순, 사진리뷰모아보기등 필터기능이제공되어야한다. Insight 어피니티다이어그램 04. UX분석 후기
  33. 33. 어피니티다이어그램 04. UX분석 장바구니 Uservoice 컬리는장바구니내품절이너무잦아요! 장바구니내에서품절이된다면이번쇼핑에서는포기해요. 비슷한상품을다시찾기는너무귀찮아요. 무료배송까지금액을맞춰서구매하곤하는데, 매번화면끝까지내려서필요한금액을확인해야해서 불편해요. KeyFinding 대체성 사용자주도권 장바구니내에품절시대체행동을제시해주는 콘텐츠가없어사용자들은상품을포기하거나 유일하게주어진대체행동(재입고알림)만을한다. 무료배송금액이최하단에위치해있고,결제예정금액 (배송비포함가격)과혼동이잦아무료배송을위해 부족한금액의물품을담고,재수정하는경우가잦다.
  34. 34. 장바구니에서 품절상품을 마주할 때, 사용자의 불쾌감을 낮출 수 있도록 대체 상품 추천 등 추가 제안이 필요하다. 상품 품절 시 대안 제시 장바구니 - 상품 탐색 사이의 여정 단축 무료배송을 위해 장바구니에 상품을 추가적으로 담을 때 그 과정이 더 쉽고 빠르게 이루어질 수 있도록, 구매 금액 확인이 쉬워야 하고 장바구니와 상품 사이의 탐색 여정이 단축되어야 한다. Insight 어피니티 다이어그램 04. UX분석 장바구니
  35. 35. 사용자를위한 더개인화된추천만을모아 서비스신뢰도향상 상품탐색및후기확인기능을 개선하여사용자의탐색및 조회만족도향상 사용자들간에정보를 주고받을수있는공간을마련하여 서비스에대한기대가치향상 맞춤추천으로 간편하게확인하고 함께공유해요 탐색 조회 주활동 #레시피_공유 #고민되는_음식_투표 #컬리_SNS이벤트도_한눈에 #해시태그_기반_랜덤추천 #상황과_맥락에_맞는_추천 #사용자데이터기반_맞춤추천 #세분화된_정렬기준&필터 #후기_별점기능 #통계로_모아보는_후기 수행방향 04. UX분석
  36. 36. 1 추천 2 커뮤니티 3 검색 4 후기 5 장바구니 + Key Feature (홈/상세페이지) 05. 프로토타입
  37. 37. 당신만을위한조금더세심한추천! 나만을위해준비된추천을만나봐요 1 추천
  38. 38. 스토리보드 05. 프로토타입 당신만을위한더세심한추천
  39. 39. 와이어플로우 05. 프로토타입 당신만을위한더세심한추천
  40. 40. To-be 당신만을 위한 조금 더 세심한 추천! 나만을 위해 준비된 추천을 만나봐요 원하는 카테고리에 딱 맞는 추천 받기 구매 패턴을 파악하여 AI 기반으로 추천 As-is 사용자 구매 패턴과 연관없는 상품들로 이루어진 화 사용자의 선호가 전혀 반영되지 않은 무작위 추천 프로토타입 05. 프로토타입 당신만을위한더세심한추천
  41. 41. 다른사람들은무엇을사고,어떻게요리할까요? 특정상황에더알맞은음식은무엇일까요? 컬리생활에서꿀팁공유하고함께이야기해요! 2 커뮤니티
  42. 42. 스토리보드 05. 프로토타입 컬리생활에서꿀팁공유 &함께이야기해요
  43. 43. 와이어플로우 05. 프로토타입 컬리생활에서꿀팁공유 &함께이야기해요
  44. 44. NEW! 다른 사람들은 무엇을 사고, 어떻게 요리할까요? 특정 상황에 더 알맞은 음식은 무엇일까요? 컬리생활에서 꿀팁 공유하고 함께 이야기해요! 레시피 상세화면 양/시간/난이도 간단하게 확인 가능 사용자가 작성한 레시피 스텝 별 노출 레시피에 이용한 제품은 바로바로 담을 수 있게 마음에 드는 레시피는 바로바로 북마크 프로토타입 05. 프로토타입 컬리생활에서 꿀팁 공유 & 함께 이야기해요
  45. 45. 프로토타입 05. 프로토타입 컬리생활에서꿀팁공유 &함께이야기해요 커뮤니티 투표 플로팅버튼 사용자가글을작성하는데 접근하기쉽도록플로팅버튼사용 고민되는제품은 컬리님들의 투표로결정 사용한레시피를태그하여 사용자들간후기공유가능 컬리에서진행하는 각종SNS이벤트도 컬리앱내에서 한번에확인
  46. 46. 세분화된정렬기준과필터를통해 쉽고편하게원하는상품을검색해보세요! 3 검색
  47. 47. 스토리보드 05. 프로토타입 정렬기준&필터로쉽고편한검색
  48. 48. 와이어플로우 05. 프로토타입 정렬기준&필터로쉽고편한검색
  49. 49. To-be 당신이 기대하는 바로 그 위치에 당신이 기대하던 바로 그 내용이! As-is 사용자의 기대와 다르게 배치돼 최근 검색어로 오인되는 인기 검색 삭제 및 관리가 불가능한 최근 검색어 목록 검색창 하단에 최근 검색어 배치하여 사용자의 혼란을 줄임 탐색 시 추가적인 정보로 도움이 될 추천 검색어, 인기 검색어 배치 프로토타입 05. 프로토타입 정렬기준&필터로쉽고편한검색 제품명이 아닌 브랜드명을 검색하는 사용자 고려하여 최상단에 검색어와 일치하는 ‘스토어 바로가기’ 띄움
  50. 50. As-is 정렬기준을 지정도, 품절 상품을 제외도 없는 검색 결과 화 원하는 조건으로 필터링도 불가 프로토타입 05. 프로토타입 정렬기준 & 필터로 쉽고 편한 검색 To-be 새로 생긴 상세한 정렬기준&필터로 쉽고 편하게 원하는 상품을 검색해요! 필터제공 원하는 상품을 선택할 수 있도록 필터 제공 선택된 필터 검색 결과화면 상단에 띄워 쉽게 인지 및 편집할 수 있도록 한다
  51. 51. 후기하나하나확인하기힘드셨죠 이제원하는정보만쏙쏙,손쉽게확인해요! 4 후기
  52. 52. 스토리보드 05. 프로토타입 이제원하는후기만쏙쏙, 쉽게확인해요
  53. 53. 와이어플로우 05. 프로토타입 이제원하는후기만쏙쏙, 쉽게확인해요
  54. 54. To-be 후기 하나하나 확인하기 힘드셨죠 이제 원하는 정보만 쏙쏙, 손쉽게 확인해요! As-is 평가 기준이 없어 둘러보기도, 작성하기도 불편한 후 후기 하나를 자세히 보기 위해서는 여러 뎁스를 거쳐야 함 와이어플로우 05. 프로토타입 이제원하는후기만쏙쏙, 쉽게확인해요 후기 사진만 모아보기 사진 기준으로 상세 후기를 확인 간단하게 확인할 수 있는 후기 통계
  55. 55. 무료배송까지필요한금액확인은더쉽게, 품절상품의대체상품도바로바로담아요! 5 장바구니
  56. 56. 스토리보드 05. 프로토타입 무료배송금액확인도, 대체상품도더쉽게
  57. 57. 스토리보드 05. 프로토타입 무료배송금액확인도, 대체상품도더쉽게
  58. 58. 와이어플로우 05. 프로토타입 무료배송금액확인도, 대체상품도더쉽게
  59. 59. To-be 무료배송까지 필요한 금액 확인은 더 쉽게, 품절 상품의 대체 상품도 바로바로 담아요! As-is 무료배송까지 필요한 금액 확인 번거로 장바구니 내 상품 품절시 대체 활동 부족 프로토타입 05. 프로토타입 무료배송금액확인도, 대체상품도더쉽게 무료배송 게이지 무료배송까지 얼마 더 필요한지 한 눈에 보여주는 게이지 대체상품 추천 담아둔 상품이 품절되어도 대체상품 추천 버튼만 누르면 펼쳐지는 유사상품 추천 무료배송까지의 금액이 모자라다면 보다 간편한 탐색을 위해 검색이나 찜하기로 바로 이동 가능 구매불가 상품은 한 섹션으로 묶어 한 번에 모아볼 수 있도록
  60. 60. 홈(메인)과상세페이지 +KeyFeature
  61. 61. 와이어플로우 05. 프로토타입 수치화된정보의메인
  62. 62. To-be 조금 더 확실하고 신뢰가는 정보들을 바탕으로 배치했어요! 컬리만 믿고 한 번 둘러보세요 ;) 수치화된 정보 As-is 어떤 기준으로 선택되었는지 알 수 없는 상품들로 중구난방 이루어진 화면 프로토타입 05. 프로토타입 수치화된정보의메인 필터 카테고리화된 필터로 원하는 상품 선택 수치화된 정보 제공
  63. 63. 와이어플로우 05. 프로토타입 옵션이많은상품, 한눈에확인하고담아보세요
  64. 64. To-be 여러가지 옵션이 있는 상품의 경우, 사용자가 신경써서 기억하지 않아도 직관적으로 선택해요! 옵션창 토스트UI 레시피 옵션 창에도 각 옵션의 이미지를 넣어 사용자가 옵션 정보를 직접 기억해야했던 불편함을 줄임 토스트에 바로가기 버튼을 함께 띄워 장바구니로 이동하는 여정을 간편하게 컬리생활 레시피로 이동할 수 있는 링크 제공 As-is 여러가지 옵션이 있는 상품의 경우, 옵션 선택 및 구매를 사용자의 기억에만 의존 프로토타입 05. 프로토타입 옵션이많은상품, 한눈에확인하고담아보세요
  65. 65. UX/UI개선 감사합니다. 마켓컬리 김지영 박나영 박정은 조유진 라이트브레인UX아카데미16기 2021.06-2021.08 |
  • SunYoungLee64

    Nov. 1, 2021
  • callasjin

    Sep. 14, 2021

라이트브레인 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에 관심 있는 분들에게 제공하고 있습니다.

Views

Total views

7,087

On Slideshare

0

From embeds

0

Number of embeds

6,782

Actions

Downloads

0

Shares

0

Comments

0

Likes

2

×