귀하의 상점이 준비되었고 그 안에 제품이 있으며 마침내 상점으로 트래픽을 보내고 그 현금을 긁어모을 준비가 되었습니다. 문제: 매장을 탐색하기 어려운 경우 트래픽을 체로 보내고 있습니다. 사람들은 아무것도 사지 않고 한쪽 끝으로 들어가 다른 쪽 끝으로 나갈 것입니다(그리고 그 과정에서 노력이나 광고 비용을 낭비합니다!).
분명히 그것은 좋지 않습니다. 해당 시나리오를 방지하기 위해 수행할 수 있는 작업은 다음과 같습니다.
방문자를 압도하지 마십시오
압도된 사람들은 구매하지 않습니다. 당신은 아마도 익숙할 것입니다. 잼 연구
그 이후 수행된 다른 연구에서도 이를 뒷받침하고 있습니다. 고객에게 너무 많은 옵션을 제시하면 고객은 모든 옵션의 장단점을 따져보고 모든 세부 사항을 검토하는 데 지쳐서 전혀 선택(예: 구매)을 하지 않게 됩니다.
반면에, 매장이 비어 있는 것처럼 보이고 고객이 매장이 공사 중이거나 전문적인 노력이 아니라고 생각하게 만드는 것을 원하지 않을 것입니다.
대표상품이 하나 있다면 매장을 확장하는 동안 빈 매장에 있는 것처럼 보이게 만드는 대신 하나의 제품을 전면 중앙에 표시하는 테마와 디자인을 선택해야 합니다.
제품이 2~3개만 있는 경우, 그에 따라 디자인을 변경하거나 자체 제품으로 다양한 색상 변형을 표시하여 매장이 너무 비어 보이지 않도록 할 수도 있습니다.
마찬가지로, 카테고리의 경우 쇼핑객에게 부담을 주지 않도록 가능한 한 적은 수의 카테고리를 선택하되 각 카테고리가 유용할 만큼 충분한 카테고리를 생성하는 것이 좋습니다. 카테고리가 두 개뿐이고 각 카테고리에 항목이 50개 있는 경우 카테고리를 만드는 것이 더 나을 수 있습니다.
Ecwid 사용자인 Shea Kardel은 여성 의류 카테고리를 6개의 하위 카테고리로 분류한 좋은 예입니다.
12개 카테고리 중에서 선택하는 것은 20개 또는 XNUMX개 카테고리 중에서 선택하는 것보다 훨씬 쉽습니다. 그런 다음 방문자가 카테고리를 클릭하면 XNUMX개 이하의 제품이 있는 페이지로 이동하게 됩니다. 이 상점을 탐색하는 동안 압도당하는 것은 사실상 불가능합니다.
고객이 쉽게 검색할 수 있도록 하세요
쇼핑객은 탐색을 원하지 않을 수도 있습니다. 특정 항목을 찾고 있을 수도 있습니다. 그렇다면 그들이 가장 먼저 찾아볼 것은 검색창. Old Sole Boot Company 사이트처럼 쉽게 찾을 수 있습니다.
쇼핑객은 일반적으로 상단 메뉴나 사이드바에서 검색창(또는 돋보기 아이콘)을 찾습니다. 따라서 귀하의 검색창이 바로 여기에 있어야 합니다. 더 눈에 띄게 만들고 싶다면 검색 버튼이나 막대를 나머지 텍스트와 다른 색상으로 만들 수 있습니다. Product Search Enhancer 앱을 사용하여 다음을 수행할 수도 있습니다.
쉽게 정렬할 수 있도록 하세요
누군가 사이트의 카테고리나 검색 결과 페이지로 이동하면 결과는 일반적으로 무작위로 정렬되지 않고 어떤 방식으로든 정렬됩니다. 기본적으로 제품을 정렬하는 방법은 수행하려는 작업에 따라 다릅니다.
- 방문자를 유인하고 관심을 끌기 위해 가장 낮은 가격부터 정렬할 수 있습니다.
- "가격 앵커"를 수행하려면 그 반대를 수행하고 더 높은 가격부터 시작할 수 있습니다. 그 이면의 생각은 고객이 보는 첫 번째 가격이 "기본값"을 설정하므로 그보다 낮은 가격이 그렇지 않은 경우보다 더 나은 거래처럼 보인다는 것입니다. 예를 들어, 셔츠를 쇼핑하고 검색 중이라면
$ 40 - 60 셔츠, 25달러짜리 셔츠는 정말 놀라운 거래인 것 같습니다. - 카테고리/상품 목록 페이지에 리뷰를 표시하는 경우 기본적으로 리뷰가 많은 항목이 먼저 표시되어 고객에게 깊은 인상을 남길 수 있도록 정렬할 수 있습니다.
고객은 정렬 옵션을 쉽게 볼 수 있어야 하고 원하는 경우 제품을 스스로 정리할 수 있어야 합니다. 표준 옵션은 추가된 날짜, 가격 오름차순 및 내림차순, 알파벳순 또는 알파벳 역순입니다.
제품이 충분하다면 카테고리 페이지와 검색 결과에 필터링 옵션을 제공할 수 있습니다. 다시 말하지만, 사람들을 압도하고 싶지는 않습니다. do 필터를 제공하고
이렇게 하면 사용자가 “필터”를 클릭한 후 옵션이 표시될 때까지 필터가 숨겨집니다. 판매하는 제품에 따라 사람들이 색상, 크기, 기능 또는 기타 적합한 속성을 기준으로 정렬하도록 할 수 있습니다. Ecwid를 사용하여 이 작업을 수행하려면 다음을 사용할 수 있습니다. 제품 필터 API Javascript와 결합하여 사이드바에 필터 위젯을 만듭니다.
필터가 카테고리를 대신해서는 안 된다는 점을 기억하세요. 사람들이 의류 유형별로 필터링하도록 하는 대신 의류 유형을 카테고리로 포함해야 합니다.
그런 다음 올바른 카테고리로 이동하면 옵션(반팔 또는 긴 소매), 크기, 색상 등으로 필터링하도록 허용하는 것이 합리적이며 부담을 줄 가능성이 적습니다. 그리고 보유하고 있는 항목 수에 따라 필터가 필요하지 않을 수도 있습니다. 단지 향상된 검색 기능이 필요할 수도 있습니다.
메뉴에서 해야 할 일과 하지 말아야 할 일
사이트 상단에 있는 메뉴는 고객에게 도움이 될 수도 있고 해를 끼칠 수도 있습니다. 메뉴에 관해 고려해야 할 사항이 포함된 체크리스트는 다음과 같습니다.
다른 내용으로 넘어가기 전에 스스로에게 물어봐야 할 몇 가지 질문을 다루겠습니다.
- 공개 여부 : 메뉴를 찾기 어려운 경우 메뉴를 더 크게 만들어야 합니다. 보기 쉽고 (휴대폰에서) 클릭하거나 탭하기 쉬워야 합니다. 또한 사람들은 탐색을 위해 사이트 상단과 사이드바를 봅니다. 메뉴가 아무리 멋져도 다른 곳에 메뉴가 있으면 혼란스러울 것입니다.
- 명쾌함: 귀하의 개성을 보여주는 페이지에 "멋지"거나 재미있는 이름을 붙이고 싶은 유혹이 있지만, 귀하의 사이트를 처음 방문하는 사람에게는 명확성이 우선입니다. 기발하지만 이해하기 쉽지 않은 페이지 이름이 필요한 경우 그 뒤에 더 일반적인 이름을 괄호 안에 포함하세요(예: "Origin Story(About)").
- 강조 표시 : 사람들이 클릭하기를 원하는 특정 옵션(상점에서 수익성이 더 높거나 가장 잘 팔리는 영역)이 있는 경우 링크를 나머지 부분과 다른 색상으로 만들어 사람들이 이를 알아볼 수 있도록 할 수 있습니다. 그 동안 메뉴 링크가 실제로 링크처럼 보이는지 확인하세요. 밑줄이 그어져 있어야 하고, 강조 표시되면 다른 색상으로 표시되어야 하며, 그렇지 않으면 다른 링크와 다르게 보여야 합니다.
클릭 불가 텍스트입니다. - 간단: 메뉴를 6개 이하로 유지하여 깔끔하고 보기 좋게 만드세요.
어수선하지 않은 (그리고 방문자가 압도당하지 않도록 하세요). 또한, 예를 들어 "우리 제품" 대신 "제품"과 같이 잘라낼 수 있는 불필요한 단어를 찾으세요.
모바일 방문자가 쉽게 탐색할 수 있는지 확인하세요.
모바일 커머스가 전체의 30%를 차지하며
- 검색창/아이콘: 쉽게 눈에 띄나요? 탭 한 번으로 확장되나요?
- 메뉴 : 찾기가 쉽나요? 카테고리를 찾기 위해 끊임없이 스크롤해야 합니까?
- 제품 : 기본 제품 이미지가 모바일 화면에 정말 크게 표시되나요? 제품명과 제품정보가 쉽게 읽히는가?
- 일반적인 가독성: 텍스트가 읽을 수 있을 만큼 큽니까? 이미지와 텍스트가 심하게 겹치는 경우가 있나요?
가능하다면 매장 주소를 많이 찾아보지 않은 지인 몇 명에게 알려주고 그들이 휴대폰으로 매장 주소를 탐색하는 모습을 지켜보세요. 그들이 혼동하는 부분은 당신이 해야 할 디자인 변경에 대한 귀중한 정보를 제공할 것입니다.
다음 단계
매장을 더 쉽게 탐색하고 고객 이탈을 막기 위해 오늘 할 수 있는 일은 다음과 같습니다.
- 카테고리와 메뉴 옵션(그리고 일반적인 옵션, 특히
최고 수준 새로운 방문자가 가장 먼저 접하게 되는 옵션) 6개 이하의 옵션까지 - 해당 옵션을 눈에 띄게 하여 사람들이 제품을 쉽게 분류하고 검색할 수 있도록 합니다(다른 색상으로 만들거나 쉽게 볼 수 있을 만큼 크게 만들거나 다른 방식으로 시각적으로 강조 표시).
- 제품에 대한 기본 정렬 방법을 전략적으로 선택하고 다양한 방법을 테스트하여 어떤 결과가 나오는지 확인하세요.
행운을 빌어요! 그리고 앞으로 이와 같은 유용한 팁이 포함된 더 많은 업데이트를 받고 싶다면 블로그를 구독하는 것을 잊지 마세요.
- 매장 탐색 문제를 해결하는 방법
- 제품 판매에 대해 알아야 할 모든 것
- 온라인 머천다이징: 온라인 상점에서 제품을 레이아웃하는 방법
- 패션 머천다이징이란 무엇이며 왜 그렇게 중요한가요?
- 온라인 상점의 10가지 디자인 실수
- 전자상거래 웹사이트를 위한 15가지 완벽한 글꼴 조합
- 색상 이론: 색상 테마에 대해 알아야 할 모든 것
- 전자상거래 제품 페이지를 위한 7가지 창의적인 아이디어
- 웹 디자인에서 히어로 이미지의 힘
가지고 있어야 온라인 상점에서 따라야 할 UX 원칙- 웹사이트 디자인 감사
- 전자상거래를 위한 UX 디자인의 힘 활용
- 전자상거래에서 UI와 UX의 차이점은 무엇입니까?