UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
•
0 likes•1,740 views
라이트브레인 UX 아카데미 21기 Open Project로 이번에 소개해 드릴 결과물은 ‘무신사 – UX/UI 개선 프로젝트’입니다. 무신사는 패션 특화 플랫폼으로 한국 패션산업에 구조적 영향을 받습니다. 현재 시장정체기에 무신사만의 차별화의 필요성에 초점을 맞추고 나를 가장 잘아는 패션쇼핑몰-무신사로 도약하기 위한 목표를 수립하고 UX/UI 전략을 고민해 보았습니다. 지난 UX 아카데미 21기 교육 기간 동안 무신사조가 만들어 낸 신선한 아이디어를 Rightbrain lab을 통해 공개해 드립니다. 라이트브레인 아카데미 수강생들이 어떤 과정을 통해 아이디에이션 하고 또 인사이트와 컨셉을 도출했는지 궁금하시다면 지금 바로 슬라이드쉐어로 내용을 확인하세요.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
Similar to UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선] (20)
More from RightBrain inc.
More from RightBrain inc. (11)
UX 아카데미 오픈프로젝트 [무신사 - UX/UI 개선]
- 4. UX챌린지|OVERVIEW 무신사는패션특화플랫폼으로한국패션산업에구조적영향을받는다. 현재전체시장은코로나19영향으로인한감소세와이커머스시장또한성장세가과거대비제한적일것으로판단된다. 따라서무신사의신인도제고를위한UX/UI개선이필요. 시장정체기,무신사만의차별화필요 의류비지출전망CSI(ConsumerSurveyIndex) 이커머스침투율 110 105 100 95 90 85 2010 2012 2014 2016 2018 2020 110 105 100 95 90 85 한국 중국 영국 미국 일본
- 6. UX분석|이슈&조사포인트 홈화면 너무많은정보가있으나관심이가는내용만 골라보고싶다. 나에게꼭맞는옷을홈화면에서바로탐색하고 싶다. 왜나에게이옷을추천해주었는지 모르겠다. 단순히한번씩눌러보았던옷이반복적으로노 출되는것이너무느껴진다. “내가좋아할만한상품”을클릭해서다른 페이지로넘어가야추천상품을 볼수있어불편 • • • • • 검색리스트 검색화면에너무많은탭이있어혼란스럽다 기본검색화면(통합)에서필터를설정할수없어 서불편하다 내가원하는검색결과가잘나오지않는다. 화면이복잡하여검색에집중하기어렵다. • • • • 상세페이지 가격이혼란스럽게표기되어인지가어렵다. 최저가계산기를켜서쿠폰을일일이클릭후 최종가격을보는부분이불편하다. 실측사이즈입력하는부분이불편하다. 실측사이즈영역이어렵다. 총장,어깨너비등을이해하기어렵다. 추천사이즈를제대로골라주었으면좋겠다. • • • • • • 탐색 조회 추천/개인화 시장정체기,무신사만의차별화필요
- 7. UX분석|이슈도출 홈화면 홈화면에서주로보고싶은정보는무엇인지? 유저가제일관심있는부분은어느것인가? 홈화면에너무많은정보가있다고생각하는지? 어떤것을추천받기기대하는가? 추천상품보기버튼은얼마나누르는지? 페이지를넘어다니는것은많이불편한가? • • • • • • 검색리스트 유저가원하는검색화면은무엇인가? 유저가원하는검색결과는무엇인가? 상품검색시유사성이높은메뉴로 혼선이있지는않을까? 옷의구매라는목적을가진사용자에게통합검 색을통한다양한정보와상품정보중어떤것이 노출되어야소비자에게도움이될까? • • • • 상세페이지 유저는무신사의가격표시방법에어떠한 painpoint를겪는지? 쿠폰을골라서입력하는게많이어려운지? 실측사이즈가어떻게제공되어야소비자가 편하게생각하는지? 실측사이즈입력이도움이되는지? 체형별리뷰가도움이되는지? 추천사이즈를소비자가믿을수있는가? • • • • • • 탐색 조회 추천/개인화 경험요소별이슈도출
- 8. UX분석|설문조사 46명의남자유저의설문조사결과는아래와같습니다 상품정보를쉽게얻을수있는최적의검색기능과 간결한화면구성을통한유저의혼란방지필요 무신사상품추천서비스의신뢰를높이고 최적의사이즈를추천할수있는기능제공필요 74% 50% 25% 그외 의유저가무신사에서 상품정보를얻거나구매하기위해서사용한다! 무신사에서원하는정보를쉽게찾을수없는유저중, 는비슷한컨텐츠가많아혼란하고, 는내취향에맞는스타일이별로없고 검색이다소힘들다고답변했다. 67% 74% 89% 의유저는무신사의추천기능이“보통”이하라고 생각한다! 의유저는무신사가내체형과비슷한의류를추천 해주기를원한다! 의유저는의류를구매할때필터기능을사용하며 사이즈필터사용이두번째를차지한다!
- 10. 리서치 대상자 선정 ( 총 8명 ) 필드 리서치 방법 20대 남성, 30대 남성, 무신사 사용 경험이 있는 유저 대상 패션 관심 유무 및 척도에 따라 타겟으로 선정 5 Whys Word card asscociation Narration Card sorting 무신사 접속 빈도 10대 기혼 브랜드 추구 쇼퍼 홀릭 가격 추구 고급 탐색 트렌드 추구 학생 20대 직장인 30대 미혼 필드리서치 | 이슈 & 조사포인트
- 11. 필드리서치|이슈&조사포인트 홈화면에서가장보고싶은정보는 무엇인가? 유저가제일관심있는부분은 어느것인가? 유저는어떤추천을받기를원하는가? • • • 홈화면에서필요한정보습득시어떤 기능을주로활용하는가? 상품검색시어떤부분에서어려움을 느끼는가? 키워드검색시필터에관한불편함을 느끼는가? • • • • • 유저가원하는검색화면및결과는 무엇인가? 상품검색시유사성이높은메뉴로 혼선이있지않을까? • • 유저는제공되는정보(가격,평점)를 직관적으로파악할수있는가? 상품상세페이지조회시유심히 살펴보는정보값은어떤것이있는가? • • 실측사이즈가어떻게제공되어야 소비자가만족하는가? 체형별리뷰및추선사이즈가 고객에게도움이되는가? • • 온보딩과같은새로운서비스를통해 개인화,태그,맞춤형사이즈제공시 어느정도의흥미를느끼는가? 인기상품을강조한화면대신고객맞춤형 상품제공시이에대한니즈가어느정도인가? 탐색 이슈 조사 포인트 조회 추천/개인화
- 18. UX모델링 | 퍼소나 5개 분류 기준 적용하여 2개 유형 퍼소나 도출 낮다 탐색 낮다 대중성 짧다 높다 구매 높다 개성 길다 취향 저격 아이템 추천을 원하는 유저 패션 관심도 방문 동기 사이즈 민감도 패션 취향 쇼핑 시간 낮다 탐색 낮다 대중성 짧다 사이즈에 민감한 유저 높다 구매 높다 개성 길다 패션 관심도 방문 동기 사이즈 민감도 패션 취향 쇼핑 시간
- 19. UX모델링 | 퍼소나 취향 저격 아이템 추천을 원하는 유저 “솔직히 무신사 랭킹에 있는 옷은 절대 안 사요. 저는 남들과 똑 같은 건 딱 질색이에요. 진짜 나만을 위한 옷을 추천해줬으면 좋겠어요. 근데 무신사는 좀 그런 부분들이 부족한 것 같아서 아무래도 아쉽죠” 남과 다른 나만의 것을 찾는 가치 소비 추구 MZ 세대로, 랭킹 상품은 꺼려한다. ‘나에게 맞는 제품' 을 선호한다. 의류를 볼 때 ‘브랜드'를 중요시 여긴다. 트렌드에 민감해 누구나 많이 아는 대형 브랜드 보다는 신생 브랜드에 관심이 많다. 현재 무신사에서 제공하는 추천 서비스는 유용하지 않다고 느껴진다 취향에 맞는 상품, 브랜드 탐색이 어렵다 내 취향에 딱 맞는 상품과 브랜드를 추천 받고 싶다 이름 나이 직업 패션 관심도 패션 취향 방문 동기 쇼핑 시간 서민재 23세 대학생 패션은 저를 표현하는 수단이에요. 남들과 똑같은 스타일은 질색이에요! Profile User Voice Attitude Pain Point Needs
- 20. UX모델링 | 퍼소나 사이즈에 민감한 유저 “ 옷을 구매할 때, 브랜드마다 표준 사이즈가 다르고 명칭이 달라 어려움을 겪을 때가 많아요. 그래서 옷을 구매하기 전에 사이즈 리뷰를 보거나 사이즈 추천을 보는 편인데, 번번히 실패해서 별로 신뢰가 가지 않아요. 내 체형, 사이즈에 딱 맞는 옷을 한번에 사고 싶어요” 회사 다니느라 바빠서 옷을 고를 시간이 별로 없다. 출근룩으로 입을 만한 무난한 스타일을 선호한다. 연말이라 기하급수적으로 늘어난 회식 탓에 체형에 대한 고민이 생겼다. 바빠서 옷을 구매할 때 여러 제품을 꼼꼼히 따져볼 시간이 없다. 옷을 구매하면 사이즈가 잘 맞지 않는 경우가 잦다. 보고 있는 제품이 내 사이즈와 맞을 지 쉽고 빠르게 확인하고 싶다. 옷을 구매할 때 할인을 중요시 여겨서 할인 상품을 추천해주는 기능 이 많았으면 좋겠다 이름 나이 직업 패션 관심도 패션 취향 방문 동기 쇼핑 시간 김정훈 34세 무역회사근무 “브랜드별사이즈가다른경우도있어서사이즈정보와리뷰를유심히보는편이에요” Profile UserVoice Attitude PainPoint Needs
- 21. UX모델링|인사이트 어떻게하면유저에게원활한탐색경험을제공할수있을까? 홈화면에서자신에게필요한정보를쉽게얻지못하는유저가많으며, 카테고리혹은검색기능을활용하는경우가더많음 사용자관심상품및검색,구매이력을토대로다양한추천정보, 할인정보등개인화된컨텐츠홈화면에배치 상품검색시조회결과에대한세부정보탐색기능(ex.필터,태그등)에대한 접근성이떨어짐 -더많은상품정보확인,필터적용을위해서는통합조회페이지에서상품페이지로이동필요 상품조회결과를[상품]페이지에서확인및필터적용할수있도록하고, 그외관련정보(코디,스냅,이벤트등)는[콘텐츠]탭으로통합구성하여 탐색경험개선 상품조회목록에서필터를설정하는과정이너무많은선택지로인해 번거로움 상품관련다양한태그를제공하여탐색과정을단축시키고, GUI개선하여관련태그정보에대한가시성개선 탐색 KeyFindings Insights
- 22. UX모델링|인사이트 어떻게하면유저가주요정보를쉽고빠르게파악할수있도록할수있을까? 주요정보(ex.브랜드,가격,상품이미지,할인등)에대한가시성을 높일수있도록UI개선 유저가각각쿠폰의할인율을비교하고적용하는과정이번거롭고, 최대할인금액을한눈에파악할수없음 검색조회화면에서주요정보를한눈에파악하기어려움 -볼드체로표기된상품명만눈에띄고,유저가필요로하는주요정보(브랜드,가격,상품이미지) 는잘보이지않음 - 정상가와할인가,나의최대할인가격을직관적으로파악할수있도록 가격표시방식개선 유저들은상품의상세페이지를살필때본인의사이즈와맞는상품인지를 꼼꼼히체크하고자하는니즈가강함 유저의체형정보,구매한상품사이즈정보,비슷한체형유저들의 사이즈리뷰토대로사이즈추천및맞춤사이즈정보제공 조회 KeyFindings Insights
- 23. UX모델링|인사이트 어떻게하면유저가만족할수준으로추천기능을고도화시킬수있을까? 개인화된추천정보를홈화면에배치하여서비스접근성제고 인기가많은상품은오히려피하게된다는다수유저의의견이있으며, 개인과연관된추천키워드에훨씬많은흥미를느낌 최근검색,찜한상품,사용자취향등개인화와접목한태그및 다양한추천기능제공 대부분'랭킹','트렌드','인기'상품을강조한화면으로구성되어있고 추천서비스는간략제공되고,더많은정보확인하려면별도페이지 접속해야해서불편함 현재제공되는상품추천기준을이해하고는있지만,나의취향을적절히 반영하고있지않다고느낌 온보딩으로사용자취향파악하여추천서비스제공 현재제공되는브랜드추천기준을이해하고는있지만,이미알고있는 브랜드로구성되어있어새로움이없음 유사한브랜드추천외새로운브랜드추천,비슷한취향의유저들이주목하는 브랜드추천기능추가 추천/개인화 KeyFindings Insights
- 26. 프로토타입 추천/개인화
- 27. 프로토타입|시나리오 홈화면개인화시나리오 as-is to-be 무신사앱을 켜볼까? Z세대 홈에정보가 너무많아 답답해.. 힙한옷을한번에 추천받고싶어!!! 오!딱내가 원했던 옷이다
- 28. 프로토타입 | lo-fi 홈화면 홈화면 홈화면 | 추천 상품 접근성 낮음 홈 화면에서 “내가 좋아할 만한 상품” 더보기 버튼을 눌러 페이지 이동 해야 다양한 추천 상품에 접근 가능함 | 추천 알고리즘 고도화 필요 단순 성별별 인기 상품 위주 항목으로 구성되어 유저 개개인의 취향을 반영 하지는 못함. as-is as-is to-be to-be 온보딩 유저 취향 데이터 수집 으로 모든 추천 항목 홈 화면에 나열 페이지 이동 없이 접근할 수 있게 point 성별, 인기 상품별 추천이 아닌 온보딩 수집 데이터 기반으로 비슷한 취향 유저들 매칭하여 보다 고도화된 추천 항목 제공
- 29. 프로토타입 | 온보딩 유저플로우 Tap Tap Tap Tap
- 30. 프로토타입 | 온보딩 유저플로우 Tap Tap Tap Tap Scroll Scroll Tap Tap Tap Tap Tap
- 31. 프로토타입 | Key feature 홈화면 point 유저의 최근 검색, 좋아요, 조회 항목 기반 추천
- 32. point 유저가 이전에 구매한 상품 내역 활용해 다른 유저가 해당 상품과 동시에 구매한 상품, 스냅, 코디 탭에서 해당 상품과 함께 코디된 상품 추천 point 온보딩 수집 취향 데이터로 비슷한 취향을 가진 유저들을 매칭해 서로의 구매 내역, 관심 상품을 추천 항목으로 제시 point 온보딩에서 수집한 유저의 취향 데이터와 연계해 유저가 좋아할 만한 코디된 상품 추천
- 33. point 유저가 관심 브랜드로 담은 or 자주 구매한 브랜드의 신상 품목을 추천 항목으로 제시 point 관심 브랜드 or 자주 구매한 브랜드가 비슷한 유저의 구매 내역, 관심 상품에 있는 아이템 추천 point 관심 브랜드 or 자주 구매한 브랜드가 비슷한 유저가 좋아하는 다른 브랜드를 추천 항목으로 제시
- 34. 프로토타입|Keyfeature검색창 검색창|개인화되지않은항목제공 유저에게추천검색어로랭킹상품과 최근검색내역만제시함. as-is as-is to-be to-be 온보딩으로유저취향데이터수집 검색어를입력해주세요. 취소 최근검색어 안누르면후회되는검색어 실시간HOT랭킹 1. 니트 4. 장갑 전체보기 모두삭제 2. 숏패딩 5. 목도리 3. 후드티 6. 패딩 9:40 후드티 목도리 맨투맨 니트 XXL사이즈90%할인중 숏패딩 경량패딩 후드집업 데님팬츠 정장셔츠 청바지 스웨터 양말 구두 셔츠 패딩 point 유저의활동경로(온보딩데이터,구매내역,조회상품, 찜상품등)기반으로개인화된검색어추천 세일탭방문빈도가높은유저에게온보딩에서 수집한개인의사이즈토대로맞춤할인상품추천 랭킹상품을구매한이력이거의없는유저에게는 온보딩에서수집한패션취향데이터기반으로 추천상품구성 품절임박세일아이템 품절임박세일아이템 아는사람은다아는레어템 아는사람은다아는레어템 XXL사이즈90%할인중 XXL사이즈90%할인중
- 35. 프로토타입 맞춤형사이즈
- 38. 프로토타입 | 유저플로우 실측사이즈 Tap Case 1. 기존 구매 상품 O Case 2. 기존 구매 상품 X Tap
- 39. 프로토타입 | 유저플로우 사이즈 추천/리뷰 Scroll Tap Tap Tap
- 40. 프로토타입 | 인터랙션 Key feature
- 41. 프로토타입 | 인터랙션 Key feature
- 42. 프로토타입 | Key feature 실측사이즈 point 유저의 이전 구매 내역과 온보딩에서 수집한 유저 신체사이즈와 유사한 후기 및 사이즈 추천 데이터 분석 결과 기반으로 무신사 추천 사이즈 제공 point 버튼을 누르면 표 형태로 정보 표시 방식 전환 point 유저가 이전에 구매한 상품의 실측 사이즈와 현재 보고 있는 상품 실측 사이즈 비교 결과 제공 point 그래픽과 함께 치수를 보여주어 정보의 직관성 향상 point 유저가 구매한 상품이 여러 개 일 경우 실측사이즈 다양하게 비교 가능하도록 상품 각각의 버튼 제공
- 43. 프로토타입 | Key feature 사이즈 추천/후기 point 유저와 가장 유사한 신체 사이즈의 리뷰를 사이즈 추천 탭에서도 제공 point 유저와 유사한 신체 사이즈의 리뷰 선 제공받는 토글 필터 장치 마련 온보딩 수집 유저 신체 사이즈 (키, 몸무게) 데이터 활용
- 44. 프로토타입 탐색
- 45. 프로토타입 | lo-fi 필터/태그 접근성 낮음 상품을 검색하고 바로 필터나 태그를 적용 못하고 [통합] 탭에서 [상품] 탭 으로 한번 더 이동해야 하는 구조임 너무 많은 항목 선택지 [통합, 상품, 코디, 스냅, 이벤트, 쿠폰, 기획전, 업데이트] 로 구성된 너무 많 은 항목 선택지가 혼란 야기 검색 | 검색 | as-is as-is to-be to-be 통합 탭 없애고 상품 · 콘텐츠 두 항목 구성 코디, 스냅, 숏티비, 매거진 콘텐츠 하위 항목으로 연결
- 46. 프로토타입 | lo-fi 주요 정보 가시성 낮음 유저가 가장 필요로 하는 주요 정보인 브랜드, 가격, 상품, 이미지보다 상품 명이 강조되어있음. 검색 | as-is as-is to-be to-be 중요도에 따라 계층화된 정보 표시 (가격, 할인률, 브랜드, 태그 정보 강조)
- 47. 프로토타입 | lo-fi 모호한 가격 표시 방식 가격 표시가 범위로 되어있어 한 눈에 파악하기 어렵고, 최대 할인가 보려면 수많은 쿠폰 일일히 하나하나 적용해가며 비교해야 함. 상세페이지 | as-is as-is to-be to-be 가격 표시 방식 개선 모든 할인 혜택 적용 토글 필터 제공
- 48. 프로토타입 | Key feature 검색 화면 point 검색 내용에 기반한 태그 형식 필터 point 상품 / 콘텐츠 두 항목으로 구분하여 UI 복잡성 낮추고 유저의 선택지 줄임. point 기존 무신사 필터 버튼과 인터랙션 방향 불일치 개선 point 유저가 관심 있는 정보인 가격, 할인률을 강조 제품명은 작은 크기로 줄이고 이미지 강조
- 49. point 유저가 검색한 제품과 관련된 스타일 태그 적용된 스냅 추천.
- 50. 프로토타입 | Key feature 검색 화면 point 기존에 복잡했던 항목 “콘텐츠” 탭 하나로 묶고, 하위 구성 추가 point 필터 형식의 태그를 마련하여 유저가 관심있는 정보 선별하여 볼 수 있게 제공 point 유저가 상단에서 적용한 #캐주얼 필터가 적용된 콘텐츠 노출. point 유저가 상단에서 적용한 #심플 필터가 적용된 콘텐츠 노출.
- 51. 프로토타입 | Key feature 상세페이지 point 모든 할인 혜택 적용 토글로 한 번에 모든 쿠폰이 적용된 최대 할인가 볼 수 있음. point 직관적인 가격 표시 방식 개선
- 52. 프로토타입|온보딩
- 53. 프로토타입|온보딩
- 54. 프로토타입|홈화면
- 55. 프로토타입|검색
- 56. 프로토타입|조회
- 57. 프로토타입|맞춤사이즈
- 58. 프로토타입|리뷰