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