Nick Babich의 MobileeCommerce: Product Details를 소개하고자 합니다.
웹사이트나 앱에서 구매 전환율을 높이기 위해 가장 중요한 요소는 제품 페이지입니다. 방문자가 쉽게 정보를 얻고 구매를 할 수 있도록 제품 페이지를 개선하는 몇 가지 방법을 소개하겠습니다.
첫째. 제품 세부사항과 옵션
사용자는 제품 페이지에서 재고, 사이즈, 색상, 제품 설명, 사진, 리뷰 등을 기대합니다.
제품의 세부사항과 옵션은 명확하고 직관적으로 보여야 합니다. 즉, 전체적인 개요를 알 수 있으면서도 원하는 정보를 쉽게 찾을 수 있어야 합니다. 예를 들어, 사이즈에 대한 재고가 있는지와 해당 사이즈의 정확한 치수를 제공해야 합니다. 색상에 대해서는 실제 제품의 색상을 잘 전달해야 합니다.
또한, 사용자가 입력해야 하는 부분은 최소화해야 하며, 핀치(pinch)와 더블 탭(double-tap) 제스처를 지원해야 합니다.
불완전한 제품 세부 정보는 유저가 불만을 갖게 합니다
모바일에서 가장 많은 오류가 발생하는 부분은 ‘입력 필드’입니다. 사용자가 직접 입력해야 하는 필드를 없애는 것이 가장 이상적입니다. 대신, 라디오 버튼이나 +, - 같은 버튼을 활용하는 것이 좋습니다.
+와 - 를 활용해 구매 수량을 정하게 하면 수량 타이핑으로 인한 오류를 줄일 수 있습니다
둘째. 제품 이미지
제품 이미지는 제품 페이지에서 가장 중요한 요소입니다. 좋은 제품 이미지는 좋은 인상을 주면서도 필요한 정보를 제공합니다.
크고 고퀄리티의 이미지를 사용하는 것이 중요합니다. 사용자가 이미지를 확대하는 정도를 선택할 수 있도록 해야 합니다.
상품 구매 결정에 도움이 될 만큼 적절한 수의 이미지를 제공해야 하며, 이미지 갤러리는 가로로 스와이핑할 수 있게 만들어야 합니다. 또한, 핀치(pinch)와 더블 탭(double-tap) 제스처를 지원해야 합니다.
Case 1. 퀄리티가 좋은 이미지
확대 버튼을 명확하게 인지할 수 있게 만들어야 합니다
Case2. 확대 이미지 영역 선택
기존에 정해진 크기 만큼만 이미지를 확대해서 보여주면 사용자가 불만을 가질 수 있습니다.
확대 정도와 확대할 영역은 사용자가 선택할 수 있도록 해야 합니다
Case3. 상품 구매 결정에 도움이 될 만큼 적절한 이미지 개수
이미지가 많을수록 좋지만, 갤러리에 있는 사진의 활용도를 높이기 위해서는 제품 설명에서 강조된 세부사항과 관련된 사진이 필요합니다..
사진은 정보를 전달하는 도구로 사용해야 합니다. 구체적인 정보를 제공하는 것도 도움이 됩니다. 예를 들어, 브랜드 스토리를 전달하는 이미지를 활용할 수 있습니다.
Case4. 이미지 갤러리: 가로 스와이핑
사용자가 스크롤하지 않고도 가로로 스와이프하여 빠르게 이미지를 볼 수 있도록 해야 합니다
Case5. 모바일 제스처 지원
사용자는 보통 이미지를 확대하기 위해 핀치 제스처와 더블 탭 제스처를 많이 사용합니다. 이러한 제스처를 지원하고, 어떤 제스처를 사용할 수 있는지 힌트를 제공하면 도움이 됩니다
셋째. 제품 가격
제품 페이지에서 가격을 적절한 위치에 배치하는 두 가지 방법이 있습니다.
첫 번째, 가격 경쟁을 하고 있다면 가격을 전면에, 즉 이미지와 제품명 바로 다음에 보여줘야 합니다.
두 번째, 가격 외의 다른 요소로 경쟁하고 있다면 가격에 대한 강조를 줄이고, 제품의 강점이나 특징을 먼저 보여준 후에 가격을 제시할 수 있어야 합니다.
넷째. 재고 유무 및 배송 옵션
제품 페이지에서 사람들이 이탈하는 가장 큰 이유 중 하나는 배송 옵션과 배송비에 대한 정보를 제공하지 않기 때문입니다.
매장에서 직접 제품을 구매하거나 픽업하고 싶어하는 사용자에게는 매장 재고 유무가 매우 중요합니다. 따라서 사용자의 위치를 기반으로 가까운 매장의 재고 정보를 제공하고, 사용자가 원하는 매장의 재고도 검색할 수 있도록 해야 합니다.
또한, 배송 비용과 배송 날짜에 대한 정보도 반드시 포함되어야 합니다.
Case 1. 재고 유무
우측 사례와 같이 매장 재고 정보를 제공해야 합니다
사용자는 명확한 배송 비용과 배송 예정 일자를 알고 싶어 합니다. 이는 구매 전에 배송 비용에 비해 배송이 얼마나 빠른지를 비교하기 위해서 입니다
Case2. 배송 비용 및 배송 예정 일자
제품 상세 페이지에서는 배송 비용과 배송 옵션을 표시해야 합니다
다섯째. 도움이 되는 제품 리뷰
온라인 쇼핑에서 가장 중요한 것은 '신뢰'이며, 사람들은 다른 사람의 의견을 통해 신뢰를 쌓는 경향이 있습니다. 사용자는 리뷰를 두 가지 방식으로 활용합니다.
첫째, 제품의 품질과 서비스 수준을 확인하기 위해 사용합니다.
둘째, 제품 페이지에서 찾을 수 없는 세부사항을 확인하기 위해 사용합니다.
리뷰가 이렇게 활용되기 때문에, 리뉴 기능을 잘 활용하면 제품 페이지의 신뢰도를 높일 수 있습니다.
사용자가 리뷰를 필터링할 수 있도록 해야 하며, 부정적인 리뷰를 숨기지 않아야 합니다. 또한, 전체 투표자의 수를 표시해야 합니다.
사용자가 제품에 대한 신뢰할 수 있는 정보를 찾을 수 있도록 필터를 제공해야 합니다
부정적인 리뷰는 숨기지 않습니다
전체 투표자의 수를 표시합니다
여섯째. 이탈률 줄이기
사용자가 사이트나 앱에 최대한 오랫동안 몰입할 수 있도록 관련 제품, 인기 있는 제품, 함께 구매하면 좋은 상품 등 추가 콘텐츠를 제공해야 합니다.
제품 페이지가 구매하기 쉽게 구성될수록 구매 확률이 높아지기 때문에, 제품 상세 페이지를 잘 만들어야 합니다.
UX 실무에 필요한 모든 UX 원칙을 담았어요! UX 디자인 원칙까지 실무에서 바로 활용할 수 있도록 ✏️
PM이라면 반드시 알아야 하는 UX 원칙 가이드라인 원칙
본 강의는UI, 인터랙션에서 UX 디자인 원칙까지 실무에서 바로 활용할 수 있는 내용들을 정리한 강의입니다. UX 실무에 필요한 모든 UX 원칙을 담았습니다!
UX 원칙 가이드 다양한 실무 Case Study 외 관련 이론에 대한 UX 원칙 가이드 개념을 명확히 정립하는 시간을 갖게 됩니다.
이런걸 배워요
UX 디자인 원칙 가이드 정립
컴포넌트 UX 원칙
UX 문제 정의 / UX 분석 노하우
자사 제품 분석 / 경쟁사 제품 분석 노하우
[챌린지] UX 디자인 가이드라인 수강 신청 시 주의 사항
플립드 러닝(Flipped Learning) 수업 방식으로 인해, 선착순 10명입니다. (수업 관련 외 Case Study 강의 및 Q&A 집중!!!! 소수 정예 수업!!!)
[챌린지] UX 디자인 가이드라인 프로그램 소개
폼 입력 행위 작업 줄이기, Context 내비게이션, 행동유도버튼의 어포던스, 간결성, 주목성, 인식성 등 필수!!!! 깊게 강의할 예정입니다.
총 4회, 총 12시간, 줌 Live 강의 형태로 진행합니다 🔥 (1주차 Live 수업: 3시간) (2주차 Live 수업: 3시간) (3주차 Live 수업: 3시간) (4주차 Live 수업: 3시간) 매회 Live 수업은, [VOD 커리큘럼 관련] 수업 관련 외 Case Study 및 Q&A 중심으로 수업이 진행됩니다.
개인 사정으로 인해 Live 수업 미참석를 위해 강의 종료 후 24시간 이내 녹화본 제공합니다.
수업 당일 라이브클래스에 강의 자료 PDF 제공합니다.
수강 정원: 선착순 10명입니다.
수강료 : 98,000원
VOD & Live 수업 녹화본(다시보기) 영상 시청 기간은, 수강 신청 이후 365일 입니다
[챌린지 혜택 !!!!]
챌린지 도전에 성공한 수강생 모두에게, 다른 챌린지 UX 과정 50% 할인 쿠폰 드립니다. (예. 98,000원 > 챌린지 도전 성공한 수강생에게 드리는 할인 쿠폰 50% 적용 시 > 49,000원)
[챌린지 성공 시, 50% 할인 쿠폰 적용, 또 다른 챌린지 UX 수강 과정은 다음과 같습니다] 챌린지 1. 휴리스틱 평가 (10월 오픈 예정) 챌린지 2. 사용성 테스트 (10월 오픈 예정) 챌린지 3. UX 리서치 (11월 오픈 예정) 챌린지 4. UX 인지심리학 A-Z (11월 오픈 예정) 챌린지 5. UX 디자인 설계 A-Z (11월 오픈 예정) 챌린지 6. UX 디자인 첫걸음 (11월 오픈 예정)
[챌린지 > 성공 기준]
아래 3가지 조건, 모두 충족되어야 합니다
1. VOD(총 209개) 80% 이상 수강
2. Live 수업 총 4회 중 3회 이상 출석 (사정상 Live 수업 참석 못하는 경우, Live 녹화본 다시보기 완료시 출석 인정)
3. 총 4회 Live 수업 중 1회 이상 질문하신 분 (VOD 강의 내용 중 궁금한 것 미리 체크한 후 !!!! Live 수업할 때 강사님께 질문 하면 됩니다 ㅎㅎ)
[챌린지] UX 디자인 가이드라인 과정은 플립드 러닝(Flipped Learning) 수업 방식으로 진행됩니다.
플립드 러닝(Flipped Learning) 수업이란? 플립드 러닝은 전통적인 수업 방식과 반대로, 수강생들이 수업 전에 비디오나 자료를 통해 기본 개념을 사전에 학습하고, 수업 시간에는 그 내용을 바탕으로 심화 학습, 토론, 문제 해결 등을 진행하는 방식입니다. 이 접근법은 수강생들이 능동적으로 참여하고, 개인의 학습 속도에 맞춰 공부할 수 있도록 돕습니다.
플립드 러닝(Flipped Learning) 수업 방식을 적용했을 때 수강생이 얻는 기대효과
1) 기본 이해도 향상 VOD 영상을 통해 수업의 기본 개념이나 내용을 미리 학습함으로써, 수강생은 Live 수업에서 다루어질 내용을 더 잘 이해할 수 있습니다. 이는 수업에 대한 자신감을 높입니다.
2) 질문 준비 VOD를 시청한 후, 수강생은 궁금한 점이나 이해가 안 되는 부분을 정리할 수 있습니다. 이를 통해 Live 수업에서 더 효과적으로 질문하고, 강사와의 상호작용을 극대화할 수 있습니다.
3) 시간 활용의 효율성 VOD 영상을 통해 수업의 기본 내용을 미리 습득하면, Live 수업에서는 더 심화된 내용이나 사례 중심의 활동에 집중할 수 있습니다. 이는 수업 시간을 더 효율적으로 활용하는 데 도움이 됩니다.
4) 개별 학습 속도 조절 수강생은 자신의 속도에 맞춰 VOD를 시청할 수 있으므로, 개념을 천천히 이해하고 반복해서 학습할 수 있습니다. 이는 각자의 학습 스타일에 맞춰 학습 효과를 극대화할 수 있게 합니다.
5) 집중력 향상 미리 VOD를 시청한 수강생은 Live 수업에서 이미 알고 있는 내용을 반복적으로 듣지 않게 되어, 더 집중할 수 있습니다. 새로운 정보나 심화된 내용을 듣는 데 더 많은 에너지를 쏟을 수 있습니다.
6) 상호작용의 질 향상 미리 학습한 수강생들은 Live 수업 중 보다 적극적으로 참여할 가능성이 높습니다. 이는 강사와의 상호작용을 더욱 풍부하게 만들어, 전체적인 수업의 질을 높이는 데 효과적입니다.
이제부터 [UX 원칙 가이드 1기] 플립드 러닝(Flipped Learning) 세부 커리큘럼에 대해 알아볼까요?
댓글
의견을 남겨주세요