2016년에 없애야 할 7가지 전자 상거래 사이트 실수

홈페이지에서 추천하는 제품입니다. 배너를 회전합니다. "개성"을 추가하는 배경.

온라인 마케팅 분야에 있는 대부분의 사람들은 이것이 수많은 사이트에서 사용되는 이유를 이해하고 있으며, 우리 중 일부는 사용성 안경을 착용할 때 이것이 도움이 되지 않는 이유를 알고 있습니다.

하지만 지금은 그 수가 약간 줄어들더라도 거기에 있습니다.

다음은 2016년 전자 상거래 사이트에서 덜 보기를 바라는 7가지 사항입니다.

페이지 배경 산만

전자상거래 웹사이트를 디자인할 때 방문자는 의미 있는 정보가 있는 영역을 보게 될 것이라는 점을 염두에 두십시오. 우리의 눈은 다음에 끌릴 수밖에 없습니다.

• 조직
• 색깔
• 차이
• 세부

페이지 측면의 시각적 변형은 눈을 사로잡아 페이지 본문에서 주의를 분산시킵니다.

예를 들어 HorseSupplies.com은 주변을 어둡게 만드는 것은 옳지만 보드의 사진처럼 사실적인 그림은 페이지 중앙에서 주의를 분산시킵니다.

반면 Horse.com은 배경을 바로 잡습니다.

페이지의 내부는 흰색과 고대비이며 외부는 둔한 회색입니다. 따라서 눈은 자동으로 페이지 본문으로 이동합니다.

배경이 방문자의 시선의 중심이 되는 것을 원하지 않으므로 지루하게 유지하십시오 . 에서 무료로 유지 …

• 패턴
• 색상 변경
• 사람들의 사진( 특히 이 사진)

물론, 청중을 끌어들이기 위해 특정한 모양을 추구할 수도 있지만 , 꾸밀 곳은 페이지의 경계를 벗어나지 않습니다 .

홈페이지의 제품

홈페이지에 개별 제품이 있다는 것은 방문자가 원하는 것이 무엇인지 추측하는 것입니다.

그러나 해당 품목이 베스트셀러를 대표하더라도 전체 재고의 아주 작은 부분일 것입니다. 그리고 그들이 방문자가 찾고 있는 것이 될 가능성은 매우 희박합니다.

귀하의 홈페이지가 존재하는 이유는 2가지입니다(판매는 그 중 하나가 아님).

1. 신뢰와 신뢰를 구축하기 위해
2. 사람들을 홈페이지에서 벗어나 목표에 더 가깝게 만들기 위해

홈페이지의 기능은 방문자가 관심 있는 제품 세트를 방문하도록 하는 것입니다 .

당신이 애플이 아니라면 말이다.

Apple이 새로운 항목을 출시하면 아마도 전 세계적으로 10억 달러의 출시가 될 것이므로 해당 제품이 전체 경험을 인수하는 것은 괜찮습니다.

그것은 대부분의 전자 상거래 사이트의 경우가 아닙니다.

대부분은 더 큰 제품 라인을 가지고 있고 브랜드 선호도가 없으며 일반적으로 주요 출시 이벤트가 발생하지 않습니다.

따라서 홈페이지에서 개별 제품을 제거하십시오. 대신 방문자에게 귀하가 가지고 다니는 제품의 폭을 보여주십시오 ...

• 시각적 접는 부분 위에 카테고리 수준 탐색이 있는 경우
• 해당 범주에서 사용할 수 있는 항목의 범위를 보여주는 사진 콜라주 로 각 범주를 나타냅니다.

고객이 혼동하지 않도록 카테고리 이미지가 합성이거나 개별 항목을 나타내는 방식과 시각적으로 달라야 합니다.

예를 들어, B&H Photo Video의 홈페이지(카테고리를 아래로 밀어내는 회전 배너 때문에 이상적이지는 않지만)에는 합성 이미지가 있습니다. (하지만 그들은 추천 제품을 더 아래에 두는 방식으로 속임수를 쓰고 있습니다.)

너무 많은 선택

우리는 알고 있습니다. 모든 전자 상거래 사이트는 자라서 아마존이 되는 꿈을 꿉니다.

따라서 고객에게 수많은 제품 선택을 제공하여 고객의 발자취를 따를 수 있습니다.

하지만 다음을 고려하십시오.

Columbia University 연구에서는 선택의 수가 구매 결정에 영향을 미치는지 알아보기 위해 상점에 2개의 잼 시음 부스를 설치했습니다.

그것은 다음과 같이 밝혀졌습니다.

• 6가지 종류의 잼만 들고 부스를 찾은 관람객 중 30%가 구매를 완료했다.
• 24가지 종류의 잼이 있는 부스를 찾은 관람객 중 3%만이 구매했다.

따라서 너무 많은 선택으로 고객을 압도하지 마십시오. 이는 결정 회피로 이어집니다 .

또한 방문자가 왼쪽의 필터링 시스템을 사용하여 원하는 것을 찾는 데 의존하지 마십시오. …

1. 고급 사용자만 일반적으로 사용합니다. 대부분의 방문자는 필터링 시스템의 인터페이스를 배우는 데 시간과 노력을 투자하지 않습니다. (필터링을 사용하는 사람의 수가 할당한 부동산 가치가 있는지 분석을 확인하십시오.)
2. 고객이 사용하더라도 필터가 여전히 너무 많은 결과를 가져올 가능성이 있습니다.

예를 들어 Wayfair.com에서 '직사각형' '5 X 8' 영역 러그만 표시하도록 필터링하면 각 페이지에 48개 제품이 포함된 900페이지 이상의 검색 결과가 나타납니다.

고객이 정말로 원하는 항목을 발견할 때까지 결과를 끝없이 헤매는 것을 기대할 수는 없습니다.

스크롤은 Pinterest와 같이 실질적으로 다른 물리적 항목을 빠르게 시각적으로 스캔하는 경우에만 작동합니다. 그러나 시각적으로 유사한 이미지의 긴 목록이 있는 전자 상거래 환경에서는 스크롤이 적절하지 않습니다 .

선택 사항을 제시할 때 다음 사항을 염두에 두십시오.

• 고객을 올바른 제품으로 안내합니다(실제 매장에서 하는 것과 유사). 왼쪽에서 동일한 필터링을 사용하여 단계별 마법사 로 전환합니다. 팝업 창에서 유용한 관심 분류 체계 를 사용하여 일련의 질문에 동일한 선택 사항을 입력합니다.

• 카탈로그 탐색을 위한 정보 아키텍처를 생성할 때 깊이와 범위를 좁히 십시오. 각각 4~6개의 하위 범주가 있는 최상위 범주가 3~4개뿐입니다. 3~4번의 클릭 후에만 사용자의 요구에 맞는 항목 집합을 표시합니다.

비슷한 모양의 선택

전문점이라면 시각적으로 서로 구별되지 않는 많은 제품을 판매할 가능성이 있습니다. '문제는 비슷한 모양의 상품으로 제시하면 고객이 결정을 내릴 수 있는 근거가 없다는 것입니다.

예를 들어, 펜을 판매하고 아래 그림과 같이 작은 썸네일로 표시하면 한 항목이 다음 항목과 어떻게 다른지 구분하기 어렵습니다.

그러나 펜의 머리 끝이나 꼬리 끝을 보여주면 고객은 뒤에 나사형 캡이 있는지 푸시 버튼이 있는지 알 수 있습니다. 그들은 그것이 만년필인지, 고무 손잡이가 있는지, 볼펜 크기가 자신의 요구에 맞는지 알 수 있습니다.

시각적 요소를 사용하여 선택을 명확하게 하여 고객이 결정하도록 돕습니다.

유사해 보이는 제품 간의 중요한 차이점에 초점을 맞추거나 확대하거나 왜곡합니다 . 항목의 고유성을 보여주는 플라이아웃 또는 그림의 일부를 갖습니다.

압도적인 프로모션

회사의 모든 사람들은 홈페이지의 일부를 원합니다. 결과적으로 프로모션이 지배적이며 최상위 탐색이 누락됩니다.

결과적으로 사용자는 본문에 유용한 탐색 기능이 없기 때문에 탐색 모음에 드롭다운 및 플라이아웃이 있는 메뉴를 파악해야 합니다.

그러나 탐색 모음에 범주가 있는 것만으로는 충분하지 않습니다. 정보가 중요한 경우 홈페이지 본문에도 시각적으로 배치되어야 합니다.

기억하세요: 사용자는 홈페이지 본문이 실패하는 경우에만 탐색 모음을 사용합니다 .

예를 들어, J.Crew의 홈페이지에서 30% 할인 프로모션이 인계되고 탐색이 맨 위로 밀려납니다.

예, 고객에게 제한된 시간 판매 또는 제한된 가용성( 사람들이 구매하도록 설득하는 희소성 제품 )을 알리는 것이 중요하지만 영구적인 탐색을 희생하여 수행해서는 안 됩니다.

홈페이지 캐러셀

2013년 초에 홈페이지 회전 배너는 그 ​​해에 사라지기를 바라는 웹 디자인 트렌드 중 하나였습니다.

아아, 이제 거의 2016년이고 전자 상거래 사이트에서는 회전식 배너가 여전히 만연합니다.

'문제는 사용자가 회전하는 배너를 광고로 인식한다는 것입니다.

그리고 아무도 광고를 좋아하지 않습니다(귀엽고 재미있는 Superbowl 광고 제외). 따라서 이러한 배너는 무시될 수밖에 없습니다.

고객이 고객과 상호 작용할 기회가 없을 때 회전하는 배너는 일반적으로 성가신 일입니다. 사용자가 이전 배너를 다 사용하기도 전에 다음 배너로 이동하여 페이지에 대한 사용자의 통제력을 앗아갑니다.

따라서 회전하는 거대한 배너 공간을 확보하고 이를 표시하는 데 사용하십시오.

• 명확한 헤드라인
• 최상위 카테고리
• 신뢰 요소
• 사회적 증거

기믹 줌

우리는 많은 기술적 특수 효과가 사용 중인 장바구니의 기능이라는 것을 알고 있습니다. 그러나 카트에 사용성을 위태롭게 하는 제한 사항이 있는 경우 카트 전환을 고려해야 합니다.

예를 들어 Forever21.com이 제품을 확대하는 방법을 살펴보십시오.

사용자가 롤오버하는 부분이 왼쪽에 강조 표시되고 오른쪽에 확대/축소 상자가 표시되어 해당 부분의 클로즈업을 볼 수 있습니다.

이에 대한 4가지 문제가 있습니다.

1. 일반적으로 가격, 별점 및 '장바구니에 추가' 버튼이 있는 클릭 유도문안 영역을 다룹니다.
2. 고객은 여전히 ​​전체 드레스를 보고 싶어할 것입니다.
3. 때로는 줌 사진이 훨씬 더 크지 않습니다. 고객이 드레스의 드레이프와 천의 두께를 보고 싶어하면 2x 이미지에서는 볼 수 없습니다.
4. 모바일에서 확대/축소 상자로 페이지의 일부를 덮는 것은 치명적입니다.

고객이 제품을 감상할 수 있도록 전체 화면을 차지하는 5X 이미지가 있어야 합니다 . 방문자가 전체 화면에서 볼 수 있는 3000-5000픽셀 너비의 사진이 필요합니다.

전체 화면 라이트박스 를 사용하면 고객이 훨씬 더 자세히 볼 수 있습니다. 또한 사람들은 일반적으로 동영상을 볼 때 그러하므로 모바일에서 전체 페이지를 차지하는 데 익숙합니다.

예를 들어 H&M에는 고객이 항목을 본 후 종료할 수 있는 전체 화면 옵션이 있습니다.

결론

이러한 실수를 없애기 위해서는 규율, 의지 및 관리 지원이 필요합니다.

이들 중 일부는 마케터가 제어할 수 있습니다. 다른 것들은 많은 회사에서 달성하기가 조금 더 어려울 것입니다. 관리 지원은 분할 테스트, 데이터 및 결과를 통해 시간이 지남에 따라 획득해야 하는 것입니다.

하지만 임무를 완수하는 사람들은 경쟁에서 상당한 우위를 점하고 있습니다.