전자상거래 UX 배틀: 4 뷰티 및 화장품 모바일 웹사이트 벤치마킹

게시 됨: 2021-07-22

어떤 인기 미용 및 화장품 웹사이트가 최고의 사용자 경험을 제공합니까?

다음은 4개의 경쟁 뷰티 및 화장품 웹사이트에 대한 전환 중심 벤치마크 분석입니다.

  • 크리니크
  • 신선한
  • 풍부한
  • 세포라

Alexa 순위에 따라 해당 카테고리의 상위 25개 사이트 중에서 사이트를 선택했습니다. 우리의 분석은 5개의 개별 UX 차원 의 합성으로 각 사이트의 전반적인 사용자 경험을 측정 합니다 .

이 게시물은 우리의 프로세스, 결과 및 이와 유사한 업종의 비즈니스에 대한 요점을 자세히 설명합니다.

경쟁력 있는 UX 벤치마킹이란 무엇이며 왜 중요한가요?

일반적으로 벤치마킹은 달성할 수 있는 최고의 성능 을 발견하는 방법 입니다. 벤치마킹은 특정 산업의 조직과 제품을 테스트하고 비교하는 데 널리 사용됩니다.

Competitive UX 벤치마킹은 웹사이트의 여러 측면을 테스트하고 이를 경쟁업체와 비교합니다. 테스트는 이 목적을 위해 특별히 모집된 실제 사람들에 의해 수동으로 수행됩니다.

웹 사이트를 최적화하여 사용자 경험을 개선하거나 제품 또는 브랜드 포지셔닝에 영향을 미치거나 일반적으로 사용자 행동을 변경하는 경우 Competitive UX 벤치마킹은 소비자가 사용할 수 있는 수많은 옵션 중에서 웹사이트가 어떻게 인식되는지 이해하는 데 도움이 됩니다 .

UX 벤치마킹의 5가지 차원

  1. 외관. 경쟁업체와 비교하여 사이트의 모양과 느낌은 어떻습니까?
  2. 명쾌함. 사용자는 경쟁업체와 비교하여 가치와 이점을 어떻게 인식합니까?
  3. 믿을 수 있음. 사용자는 경쟁사보다 사이트를 더 많이 또는 덜 신뢰합니까?
  4. 충의. 사용자가 사이트나 경쟁업체를 다시 방문할 가능성이 더 높습니까?
  5. 사용성. 사용자는 사이트가 다소 유용하다고 생각합니까?

UX 벤치마킹의 이점

수익원이 웹사이트에 따라 달라지면 다음 두 가지 질문에 답할 수 있어야 합니다.

  • 당신의 UX가 당신을 경쟁에서 뒤쳐지게 하고 있습니까? 그렇다면 어디에서?
  • 웹사이트 테스트의 우선 순위는 어떻게, 어디에 있어야 합니까?

UX 벤치마킹은 사용자 경험을 개선할 수 있는 영역을 식별하는 데 도움이 됩니다.

  • 메시지가 충분히 명확합니까?
  • 사용자는 일반적인 사용성과 비교하여 명확성을 어떻게 인식합니까?
  • 사용자가 원하는 것을 찾을 수 있습니까?
  • 신뢰성이 문제인가?

(Speero Agency는 고객을 위해 이러한 분석을 정기적으로 수행하여 문제의 우선 순위를 지정하고 테스트 가설을 개발하는 데 도움이 됩니다.)

결과 표시

우리의 UX 벤치마킹 방법

CXL 벤치마킹 방법론은 CXL Institute UX 연구팀이 Speero Agency와 협력하여 수행한 일련의 연구를 통해 개발되었습니다.

우리는 먼저 MeasuringU의 Jeff Sauro 및 그의 팀과 협력하여 5개의 자전거 웹사이트를 벤치마킹했습니다. 우리는 나중에 5개의 영양 웹사이트를 벤치마킹하기 위해 전환 중심 측정항목을 포함하도록 방법을 수정했으며, 전자상거래 모범 사례 지침의 기초로 더 많은 웹사이트를 추가했습니다.

이 연구는 TryMyUI와 Userzoom에서 발표한 작업과 같은 맥락입니다. CXL 방법론은 Competitive UX 벤치마킹 페이지에 자세히 설명되어 있습니다.

경쟁력 있는 UX 벤치마킹 프로세스

CXL 벤치마킹은 표준화된 프로세스를 사용하여 전환 중심의 검증되고 표준화된 설문 조사 지표를 계산합니다.

참가자들에게 대상 웹사이트에서 구체적인 작업을 수행하고 작업 완료 직후 경험에 대한 피드백을 수집하도록 요청합니다.

테스트는 원격이며 조정되지 않습니다. 참가자는 자신의 모바일 장치에서 작업을 수행합니다. 각 사람은 비교 대상인 모든 웹사이트를 테스트 해야 합니다(피험자 내 연구).

이 연구를 위해 우리는 108명 (남자 55명, 여자 53명)을 모집하고 설문 조사했습니다.

참가자들은 이 경우 뷰티 아이템을 쇼핑하는 것처럼 테스트 웹사이트를 탐색하도록 요청받았습니다.

UX 테스트

다음은 참가자에게 수행하도록 요청한 작업 중 하나입니다.

  1. $25 이하의 립스틱을 찾으십시오.
  2. 찾으면 비슷한 것들과 비교하고 사고 싶은 것을 선택하십시오. 장바구니에 담습니다.
  3. 친구에게 줄 선물로 무언가를 사고 싶다고 상상해 보십시오. 그들이 원하는 것으로 생각되는 항목을 찾아 장바구니에 추가하십시오.
  4. 장바구니로 이동하여 구매를 완료합니다.
    신용카드 번호: 1111 2222 3333 4444 CVV: 111 만료일: 2017년 6월 1일.
  5. 프록시 신용 카드 정보를 제출한 후 오류 메시지가 표시되면 작업이 종료됩니다.

작업 완료는 URL 유효성 검사를 통해 확인되었습니다.

테스트 후, 우리는 각 참가자에게 설문 조사를 실시했습니다.

사용자 피드백 수집

표준 벤치마킹 프로세스 에서 설문조사는 다음 측면을 다루는 진술과 질문 으로 구성됩니다 .

  1. 외관
    • 매력적인 웹사이트를 찾았습니다.
    • 웹 사이트는 깨끗하고 간단한 프레젠테이션을 제공합니다.
  2. 명확성 (SUPR-Q의 일부가 아닌 추가 질문)
    • 경쟁업체가 아닌 이 웹사이트에서 구매해야 하는 이유를 분명히 이해합니다.
  3. 신용 (신뢰)
    • 나는 이 웹사이트에서 구매하는 것이 편안하다고 느낀다.
    • 나는 이 웹사이트로 사업을 하는 데 자신이 있습니다.
  4. 충의
    • 이 웹사이트를 친구나 동료에게 추천할 가능성은 얼마나 됩니까?
    • 나는 아마 앞으로 이 웹사이트를 방문할 것입니다.
  5. 사용성
    • 웹사이트는 사용하기 쉽습니다.
    • 웹사이트 내에서 쉽게 탐색할 수 있습니다.

참가자들은 각 진술이나 질문을 10점 Likert 척도로 평가했습니다 .

또한 설문 조사에는 두 가지 개방형 질문이 포함되어 있습니다 .

  • 작업을 수행한 웹사이트에서 경험한 것과 관련하여 좌절감을 느낀 점이 있습니까?
  • 웹 사이트 경험에 대해 무엇을 좋아했습니까?

개방형 질문에서 특정 피드백을 추출하여 웹사이트를 개선하는 방법에 대한 가설을 공식화했습니다.

이 프로세스를 선택한 이유

  • 전환 중심 : 웹사이트의 가치 제안에 대한 사용자의 인식 또는 경쟁업체와 비교하여 사이트를 고려해야 하는 이유를 정량화하는 UX 차원으로 개발되었습니다.
  • 양적 : 각 사이트에 대한 100개 이상의 사용자 데이터 포인트를 기반으로 합니다.
  • 일반화 및 양도 가능 : 모든 웹사이트에 적용 가능—상대적 맥락 및 디자인 변경 전후를 측정할 때 점수가 서로 어떻게 관련되는지 이해하거나 경쟁업체와 비교하는 데 이상적입니다.
  • 다차원 : 웹사이트 사용자 경험과 웹사이트의 일반적인 품질을 측정하기 위한 주요 요소를 포함합니다.
  • 표준화, 정규화 및 검증 : 대규모 사용자 테스트 데이터베이스에 대한 광범위한 테스트를 통해 개발됨(기반에 대한 동료 검토 문서 참조).
  • 반복 가능 : 이후 설계 변경과 비교하기 위해 기준선을 수량화하는 데 이상적입니다.

데이터 이해

참가자 전체에 대한 설문조사 질문의 데이터를 사용하여 각 UX 차원 하위 ​​구성요소의 각 웹사이트와 글로벌 메트릭에 대한 백분위수 순위를 계산합니다.

참고: 백분위수 순위는 서로 상대적일 뿐만 아니라 현재 당사 데이터베이스에 있는 84개 사이트와도 관련이 있습니다. 아래 그림은 데이터의 샘플 시각화를 나타냅니다.

전투 결과

1. 외모

경쟁업체와 비교하여 사이트의 모양과 느낌이 어떻습니까?

외모 평가에 사용한 진술은 다음과 같습니다.

  • 나는 이 웹사이트가 매력적이라는 것을 알았다.
  • 웹 사이트는 깨끗하고 단순한 프리젠테이션을 가지고 있었습니다.

테이크아웃

모든 사이트는 당사 데이터베이스의 다른 사이트와 비교하여 평균 이상의 점수를 받았습니다. 이는 진입 장벽이 더 높거나 이 공간의 사용자 사이에 기대치가 높아짐을 의미합니다.

하위 측정기준 및 통계

각 범주에 대한 평가 진술을 기반으로 질문 형식의 하위 차원을 추론할 수 있습니다. 정성적 피드백은 각각에 대한 답변을 제공하는 일반적인 설명을 제공합니다.

1.1. 뷰티 또는 화장품 웹사이트를 매력적으로 만드는 요소는 무엇입니까?

대담한 고대비 색상 및 대형 고해상도 제품 이미지:

나는 그들의 오버레이와 포장을 좋아했습니다. 아이템들이 화려해 보였다. (세포라)

웹사이트는 탐색하기 쉽고 시각적으로 매력적이었습니다. 고급스러워 보였고 멋지게 표현되었습니다. (신선한)

1.2. 미용 또는 화장품 웹사이트가 매력적이지 않은 이유는 무엇입니까?

어수선하고 시끄럽고 산만한 디자인:

너무 많은 추가, 팝업이 끔찍하고 다른 것을 검색하는 동안 너무 많은 마케팅이 발생했습니다. (풍부한)

어수선해 보였습니다. (풍부한)

반응이 좋지 않았고 전문적이고 세련된 것처럼 보이지 않았습니다. (풍부한)

1.3. 뷰티 또는 화장품 웹사이트를 깨끗하고 단순하게 만드는 것은 무엇입니까?

관련 필터, 직관적인 카테고리:

더 많은 선택이 있으며 가격 범위를 필터링하고 의미 있는 방식으로 가격별로 정렬할 수 있습니다. (세포라)

쉽고 간단하고 명확한 범주를 파악하십시오. (세포라)

1.4. 어지럽고 혼란스럽게 만드는 것은 무엇입니까?

형편없는 UX 디자인:

1면의 그래픽이 조금 압도적이라고 생각했습니다. 가격별 필터가 앞에 나오지 않았습니다. (클리닉)

페이지에 맞게 조정되지 않았습니다. 스크롤해야 했습니다. 체크 아웃하는 동안 너무 많은 일이있었습니다. (클리닉)

2. 선명도

사용자는 경쟁업체와 비교하여 사이트의 가치와 이점을 어떻게 인식합니까?

Clarity를 ​​평가하는 데 사용한 진술은 다음과 같습니다.

  • 경쟁업체가 아닌 이 웹사이트에서 구매해야 하는 이유를 분명히 이해합니다.

테이크아웃

모든 웹사이트는 매우 시각적이며 멋진 이미지와 매우 적은 텍스트를 제공합니다. 그들은 예외적으로 명확한 것으로 인식됩니다.

하위 측정기준 및 통계

2.1. 웹사이트는 미용 제품을 구매하기에 가장 좋은 곳이라고 어떻게 보여줍니까?

단순함, 가치, 품질:

웹 사이트는 아름답게 디자인되었습니다. 구매에 관심이 있는 모든 메이크업의 색상이 정확히 무엇인지 확인할 수 있습니다. 다양한 제품을 보는 재미가 쏠쏠하다. (세포라)

나는 그들의 오버레이와 포장을 좋아했습니다. 아이템들이 화려해 보였다. (세포라)

웹 사이트가 멋지게 보였고 제품이 최고 품질이라는 느낌이 들었습니다. (세포라)

3. 사용성

사용자는 사이트가 경쟁업체에 비해 다소 유용하다고 생각합니까?

사용성을 평가하는 데 사용한 진술은 다음과 같습니다.

  • 웹사이트는 사용하기 쉽습니다.
  • 웹사이트 내에서 쉽게 탐색할 수 있습니다.

테이크아웃

사용성을 올바르게 확보하는 것이 주요 과제인 것 같습니다. 테스트한 모바일 사이트 4개 중 3개가 이 차원에서 가장 낮은 점수를 받았습니다. Sephora와 Fresh는 사용성에서 평균 이상을 수행하지만 Lush는 분명히 동등하지 않습니다.

하위 측정기준 및 통계

3.1. 미용 및 화장품 웹사이트를 사용하기 쉽게 만드는 것은 무엇입니까?

사용 용이성, 속도, 우수한 필터링/정렬:

찾기도 쉬웠고 정리도 아주 잘 되어 있었습니다. (신선한)

쉽게 검색하고 확인할 수 있었습니다. (신선한)

탐색하기가 매우 쉽습니다. (신선한)

웹사이트는 매우 빠르고 사용하기 쉬웠습니다. (세포라)

3.2. 사용하기 어려운 이유는 무엇입니까?

로드 속도가 느리고 탐색, 필터링 또는 정렬이 좋지 않습니다.

검색 표시줄을 찾기 어려웠고 결제 시 빠른 입력 기능을 사용할 수 없었습니다. (풍부한)

이리저리 찾기가 꽤 힘들었다. 그것은 나를 계속 홈 페이지로 데려갔다. (풍부한)

전체 웹사이트가 내 휴대폰 화면에 맞지 않았습니다. 장바구니 버튼을 보려면 오른쪽으로 스크롤해야 했습니다. (풍부한)

3.3. 뷰티 및 화장품 웹사이트를 쉽게 탐색할 수 있는 이유는 무엇입니까?

유용한 카테고리, 필터 및 간편한 결제:

'가방에 추가'를 누르면 자동으로 내 가방으로 이동하고 체크아웃을 위해 찾기 위해 탐색할 필요가 없다는 점이 마음에 들었습니다. (클리닉)

내비게이션은 훌륭했습니다. 탐색할 수 있는 광범위한 범주로 설정되었습니다. 아주 멋지고 기능적인 웹사이트. (풍부한)

3.4. 탐색을 어렵게 만드는 것은 무엇입니까?

오해의 소지가 있고 직관적이지 않음:

나는 그것이 등록 등록인 줄 알았을 때 이메일 등록이 가장 먼저 하는 것이 마음에 들지 않았다. 또한 여기저기서 오는 다양한 제안이 마음에 들지 않았습니다. "귀하의 제안"에 대한 별도의 탭을 선호합니다. 샘플이나 기타 포인트 등을 얻을 수 있는 곳입니다. 이 제안은 깨끗한 쇼핑과 결제 과정을 방해하여 약간의 번거로움을 주었습니다. (클리닉)

4. 신뢰성

사용자는 경쟁자보다 사이트를 더 많이 또는 덜 신뢰합니까?

신뢰성을 평가하는 데 사용한 진술은 다음과 같습니다.

  • 나는 이 웹사이트에서 구매하는 것이 편안하다고 느낀다.
  • 나는 이 웹사이트로 사업을 하는 데 자신이 있습니다.

테이크아웃

4개의 웹사이트 중 3개의 웹사이트가 매우 신뢰할 수 있는 것으로 인식됩니다. Lush는 뒤쳐져 평균보다 약간 낮은 점수를 받았습니다.

하위 측정기준 및 통계

4.1. 화장품 쇼핑객이 이 사이트에서 편안하게 구매하는 이유는 무엇입니까?

빠르고 전문적이며 탐색하기 쉽고 매력적입니다.

그것은 매우 잘 설계되었습니다. 나는 사진을 추가하고 더 가정적인 느낌을 주는 것을 좋아합니다. 탐색도 꽤 쉬웠습니다. (신선한)

4.2. 무엇이 그들이 편안함을 느끼지 못하게 합니까?

느린 속도, 너무 많은 팝업, 어수선한 디자인, 장바구니 또는 결제 시 옵션이 불분명합니다.

웹사이트의 대부분은 매우 어수선했고 매우 혼란스러웠습니다. 다른 웹사이트에 비해 탐색이 매우 어려웠습니다. (클리닉)

짜증나는 팝업 광고가 나왔다. (클리닉)

나는 립스틱이 포장을 보여주지 않고 입술 얼룩 만 보이는 것이 마음에 들지 않았습니다. (풍부한)

색상이 맘에 안들어서 전화번호 같은 정보를 더 많이 물어보더라구요. (풍부한)

4.3. 화장품 쇼핑객이 이 사이트에서 구매할 수 있는 확신을 주는 것은 무엇입니까?

사용 용이성, 가격 투명성:

더 많은 선택이 있으며 가격 범위에 대한 필터를 사용하고 의미 있는 방식으로 가격에 대해 정렬할 수 있습니다. (세포라)

4.4. 무엇이 그들의 자신감을 약화시키는가?

마케팅 메시지, 중단:

너무 많은 추가, 팝업이 끔찍하고 다른 것을 검색하는 동안 너무 많은 마케팅이 발생했습니다. (풍부한)

5. 충성도

사용자가 사이트나 경쟁업체를 다시 방문할 가능성이 더 높습니까? (NPS 포함)

충성도를 평가하는 데 사용한 진술은 다음과 같습니다.

  • 이 웹사이트를 친구나 동료에게 추천할 가능성은 얼마나 됩니까?
  • 나는 아마 앞으로 이 웹사이트를 방문할 것입니다.

테이크아웃

충성도는 이러한 사이트를 가장 구분하는 UX 차원입니다. 4개의 웹사이트는 종형 곡선의 상위 50%에 걸쳐 충성도 결과가 퍼져 있음을 보여줍니다. Lush와 Fresh는 이 UX 차원에서 경쟁업체를 뒤쫓고 있습니다.

하위 측정기준 및 통계

5.1. 화장품 쇼핑객이 친구에게 뷰티 사이트를 추천하는 이유는 무엇입니까?

사용 용이성 및 제품 검색 가능성:

상단의 풀다운 메뉴는 우아해 보이지만 까다롭지는 않았습니다. 내가 원하는 위치에 빠르게 로드됩니다. (세포라)

모든 것을 쉽게 찾고 내 필요에 맞게 빠르게 제한할 수 있다는 점이 마음에 들었습니다. (세포라)

5.2. 그들이 그것을 추천하지 못하게 하는 것은 무엇입니까?

찾기 힘든 제품, 느리고 혼란스러운:

검색 표시줄을 찾기 어려웠고 결제 시 빠른 작성 기능을 사용할 수 없었습니다. (풍부한)

그들은 정렬 기능이 있었지만 진정한 필터 옵션이 없었습니다. (풍부한)

5.3. 뷰티 사이트의 어떤 측면이 사용자를 계속해서 재방문하게 합니까?

사용 용이성 및 제품 검색 가능성:

답답하다고 느낀 것은 없었습니다. 저는 Lush의 오랜 고객이므로 정기적으로 온라인에서 제품을 구매합니다. 나는 그들의 웹사이트를 좋아한다. (풍부한)

5.4. 어떤 측면이 그들을 다시 돌아오지 못하게 합니까?

저가형 디자인, 찾기 힘든 제품:

반응이 좋지 않았고 전문적이고 세련된 것처럼 보이지 않았습니다. (풍부한)

카테고리는 첫 번째 사이트만큼 좋지 않았습니다. 여기에서 선택의 폭이 줄어들었고 가장 눈에 띄는 제품은 베스트셀러 만 같았습니다. (클리닉)

글로벌 UX – 누가 이겼습니까?

이 분석 후에 우리는 테스트한 4개의 웹사이트인 Sephora 중에서 확실한 승자를 선언할 수 있습니다. Sephora는 우리가 테스트한 5가지 차원 모두에서 두드러졌습니다. Clinique와 Fresh는 개선의 여지가 있는 반면 Lush는 세 경쟁업체를 뒤쫓고 있습니다.

여기에서 전체 BeautyUX 보고서를 다운로드하십시오.

결론

두 개의 서로 다른 "대상"을 한 눈에 비교하는 것은 어렵습니다. 이러한 객체가 회사, 웹 사이트, 제품 또는 서비스인지 여부에 관계없이 UX 벤치마킹은 엄격한 비교와 정량적 결과를 제공합니다.

이 벤치마킹 연구는 4개의 멋진 웹사이트를 비교했습니다. 모두 모양과 선명도에서 높은 점수를 받았습니다. 그러나 외관에도 불구하고 사용성 차원에 따라 구분할 수 있었고 확실한 승자가 나타났습니다.

벤치마킹은 경쟁자보다 자신이 무엇을 더 잘하고 있으며 어디에서 개선할 수 있는지 이해하기 위한 출발점입니다.

벤치마킹 후에 무엇을 합니까? 다음 단계는 온라인 존재의 어떤 측면을 개선할 수 있는지 평가하기 위한 심층 연구입니다. Speero Agency에서는 ResearchXL 프레임워크를 클라이언트 온보딩 프로세스의 일상적인 부분으로 사용합니다.

더 자세히 알아보려면 대행사 팀과 함께 무료 전략 세션을 예약하세요.