전환율을 높이는 9가지 패싯 검색 모범 사례

게시 됨: 2022-07-30

전자 상거래 상점을 소유하고 있든 여러 섹션이 있는 정보 제공 웹 사이트를 소유하고 있든 상관없이 방문자에게 최상의 경험을 제공하고 싶을 것입니다. 패싯 검색 을 포함하면 더 나은 사용자 경험을 제공하고 웹사이트의 사용자 참여를 높일 수 있습니다.

패싯 검색은 검색 결과의 범위를 좁혀 사용자가 검색하는 내용을 정확히 찾도록 도와주는 강력한 요소입니다. 따라서 방문자를 웹사이트에 유지하려면 패싯 검색을 중요하게 여겨야 합니다.

패싯 검색의 좋은 점은 사용자가 더 나은 결과를 빠르게 얻을 수 있다는 것입니다. 그 후에는 사용자 참여 및 판매 전환이 증가할 수 있습니다.

클라우드에 앉아 노트북을 사용하는 남자의 그림과 함께 "전환율을 높이는 패싯 검색 모범 사례"라는 표지 이미지

이 블로그 게시물에서는 패싯 검색 모범 사례 를 안내하고 이러한 팁과 함께 직관적이고 실용적인 사용자 경험을 만들기 위해 이를 자세히 사용해야 하는 이유를 설명합니다.

패싯 검색이란 무엇입니까?

패싯 검색 , 패싯 필터 또는 패싯 탐색 이라고도 하는 패싯 검색은 사용자가 검색 결과의 범위를 좁히는 데 도움이 되는 요소입니다. 패싯은 필터이며 각 필터는 켜거나 끌 수 있습니다. 데이터베이스의 모든 필드에 적용할 수 있습니다.

사용자는 모든 필터와 일치하는 결과를 보거나 하나의 필터와 일치하는 결과만 보고 원하는 것을 찾을 수 있습니다. 정보를 더 작고 더 구체적인 범주로 나누어 정보를 구성하는 방법 입니다.

a person putting a magnifying glass to a MacBook Air

패싯 검색을 사용하면 특정 기준을 고려하여 검색 범위를 좁힐 수 있습니다. 이 탐색 옵션을 사용하면 방문자가 보고 싶은 것을 선택 하여 카탈로그를 탐색할 수 있습니다. 다양한 웹 사이트, 특히 광범위한 카탈로그가 있는 전자 상거래 상점에서 사용할 수 있습니다.

반면에 제품이 많지 않은 소규모 비즈니스에는 최상의 솔루션이 아닐 수도 있습니다. 그러나 간단한 필터는 더 적은 수의 제품이 있는 웹사이트에서 작업을 수행할 수 있습니다.

예를 들어 새 전화기를 찾고 있다고 가정해 보겠습니다. 이와 같은 범주에는 많은 세부 사항과 속성이 존재하기 때문에 선택의 폭은 끝이 없습니다.

저장 용량, 브랜드, 가격 및 조건별로 검색을 패싯할 수 있으며 패싯과 관련된 검색 결과에 모든 전화가 표시됩니다.

왜 패싯 검색을 사용해야 합니까?

여러 가지 이유로 웹사이트에서 패싯 검색을 사용해야 합니다. 여기에서 가장 중요한 것을 아래에 나열했습니다.

  • 패싯 검색은 사용자가 원하는 것을 쉽게 찾을 수 있도록 하여 검색 결과의 범위를 좁히는 데 도움이 되며, 이는 웹사이트의 참여도를 높일 수 있습니다.

  • 이를 통해 사용자는 브랜드 이름 또는 제품 유형 속성을 기반으로 결과를 필터링할 수 있습니다. 그 덕분에 검색 쿼리와 정확히 일치하지 않는 수많은 관련 없는 결과를 스크롤하지 않고 정확하게 필요한 것을 쉽게 찾을 수 있습니다.

  • 자신이 무엇을 찾고 있는지 잘 모르는 사람들에게도 도움이 됩니다. 방문자가 원하는 항목의 일반적인 범주를 알고 있으면 빠르게 찾을 수 있습니다.

  • 패싯 검색은 방문자가 더 짧은 시간에 더 관련성이 높은 제품이나 서비스를 찾도록 도와줌으로써 사용자 경험을 개선합니다 .

  • 패싯 검색 덕분에 광범위한 제품 및 서비스를 세부 정보와 함께 표시 할 수 있습니다.

UX 개선을 위한 9가지 베스트 패싯 검색 방법

패싯 검색 은 사용자가 웹사이트에서 콘텐츠를 찾는 방법이지만 판매를 늘리는 데도 좋은 방법입니다.

잘 설계된 패싯 검색은 사용자가 필요한 정확한 정보를 신속하게 찾는 데 도움이 될 수 있으며 방문자에게 관련 옵션을 표시하여 더 많은 판매를 유도할 수 있습니다.

패싯 검색은 까다로울 수 있지만 시작하는 데 도움이 되는 몇 가지 모범 사례는 다음과 같습니다.

1. 기본 필터 옵션 제공

다양한 필터를 포함하는 것이 좋지만 먼저 기본 필터를 제공 해야 합니다. 그런 다음 하위 범주로 나눌 수 있습니다. 그런 다음 옵션을 구성하는 동안 일반 범주에서 특정 범주로 이동할 수 있습니다.

가격 세부 정보를 패싯으로 포함하는 경우 방문자에게 가격대를 제공하여 방문자가 예산에 적합한 제품을 찾을 수 있도록 합니다.

Amazon은 패싯 검색 섹션에서 그런 의미에서 훌륭한 일을 합니다.

Amazon의 가격 책정 패싯 예

$10 미만, $10~$15와 같은 옵션을 포함하여 Amazon은 사용자가 시간을 절약할 수 있도록 도와줍니다. 또한 사람들이 구매하려는 제품에 대해 특정 금액을 지불하는 것을 고려하는 경우 이와 같은 가격대를 포함하는 것이 도움이 될 수 있습니다.

2. 방문자의 요구와 관심을 염두에 두십시오.

다양한 옵션을 추가하면서 고객의 관심사요구 사항 을 고려해야 합니다. 관련 없는 옵션으로 잠재 고객을 압도하고 싶지 않습니다. 대신 특정 제품 범주에서 검색하는 내용을 제공하십시오.

패싯 검색은 불필요한 세부 정보로 방문자를 지루하게 하지 않기 위해 구매 결정을 더 빨리 내리기 위해 존재합니다.

T-셔츠 카테고리의 Zara의 패싯 검색 섹션은 그 문제의 훌륭한 예로서 보여질 수 있습니다.

Zara의 패싯 검색 예

티셔츠 페이지의 정렬 옵션에는 색상, 세부 정보, 제품 유형, 소매 유형, 크기 및 가격과 같은 범주가 포함됩니다. 이것들은 티셔츠를 생각할 때 주요 사항이며 이러한 옵션으로 다양한 티셔츠를 필터링하는 것이 좋습니다.

그런 다음 옵션 "디테일" 은 기본, 크롭, 오버사이즈, 인쇄 및 줄무늬와 같은 옵션으로 나뉩니다. 다른 옵션도 이와 유사합니다.

예를 들어 방문자가 긴 소매의 흰색 줄무늬 티셔츠를 찾고 있다고 가정해 보겠습니다. 이와 같은 패싯 검색을 사용하면 마음에 드는 티셔츠를 효율적으로 찾을 수 있습니다.

보고 싶은 기준을 선택하면 마지막에 "결과 보기" 를 클릭할 수 있습니다. 사람이 돌아가서 다른 패싯을 검색하려는 경우 이 섹션을 다시 사용할 수도 있습니다.

이 외에도 주제별 필터 를 추가할 수 있습니다. 휴가철에 관련 주제를 추가하고 사용자 경험을 강화할 수 있습니다.

3. 패싯 옵션의 균형 찾기

제품 페이지에 적절한 수의 패싯 을 사용하십시오. 가장 좋은 방법은 충분한 수의 패싯을 사용하여 사용자가 원하는 것을 쉽게 찾을 수 있도록 하는 동시에 너무 많은 패싯을 사용하지 않아 너무 많은 옵션에 압도당하지 않도록 하는 것입니다.

너무 많거나 충분하지 않은 패싯을 추가하고 싶지 않습니다. 아무도 찾지 않는 기준을 포함하는 것은 불필요할 수 있습니다. 가장 많이 검색된 키워드를 포함하고 옵션의 균형을 맞추십시오.

판매하는 제품에 따라 다르므로 사용자의 행동을 고려하여 결정하시면 됩니다. 경쟁업체 조사를 수행하는 것은 추가할 수 있는 항목에 대한 아이디어를 얻기 위해 페이지에 포함된 옵션을 볼 수 있기 때문에 또 다른 방법입니다.

예를 들어 IKEA는 옷장 페이지에 다섯 가지 옵션을 제공하여 방문자의 작업을 더 쉽게 만듭니다.

IKEA 패싯 검색 예

기능, 가격, 크기, 색상, 분류 와 같은 기본 카테고리를 추가함으로써 IKEA는 훌륭한 조사 경험을 제공합니다. 하지만 옷장과 관련될 수 있는 불필요한 면을 추가하는 것은 방문객을 압도할 수 있으므로 브랜드는 여기에서 균형을 찾았습니다.

4. 인기도에 따라 패싯 정렬

인기도 에 따라 패싯을 정렬하면 사용자 경험을 개선 하고 적합한 사람에게 쉽게 도달하는 데 도움이 됩니다. 알파벳 순서를 사용하는 것이 항상 현명한 선택은 아닙니다.

예를 들어, 인기 없는 카테고리를 맨 위에 추가하면 사람들이 흥미를 잃거나 찾으려는 내용을 놓칠 수 있습니다.

타겟 고객을 잘 알고 있다면 고객이 가장 많이 검색하는 제품 유형을 파악할 수 있습니다. 이렇게 하면 인기 있는 것을 상단에 추가하고 즉시 관심을 끌면 매출을 높이는 데 도움이 될 수 있습니다.

5. 다중 선택 옵션 제공

필터링 섹션에서 다중 선택 옵션을 제공하는 것을 잊지 마십시오. 사람들이 여러 옵션을 선택할 수 있도록 함으로써 구매 가능성을 높일 수 있습니다.

그런 식으로 사람들은 원하는 선택을 정확하게 찾을 수 있습니다. 사람이 특정 제품에 대해 다른 옵션을 고려하는 경우에도 도움이 됩니다.

예를 들어 H&M은 드레스 페이지에 다음과 같이 다양한 색상 옵션을 포함합니다.

H&M의 패싯 검색 예

이 패싯 탐색을 사용하여 사람들은 베이지, 블랙, 브라운 색상의 다양한 드레스를 동시에 검색할 수 있습니다.

브랜드 이름과 함께 색상이 포함되어 있으며 제품 번호도 표시됩니다. 또한 사용자에게 이 부분에서 둘 이상의 색상을 선택할 수 있는 옵션을 제공합니다.

6. 패싯의 제품 수 표시

한 패싯에 얼마나 많은 제품이 있는지를 포함하여 광범위한 카탈로그 가 있음을 증명할 수 있습니다. 그렇게 하면 사람들은 다양한 옵션 중에서 웹사이트에서 자신이 찾고 있는 것을 찾을 수 있다는 것을 느낄 수 있습니다.

예를 들어 Sephora는 특정 필터링 옵션에 포함된 제품 수를 포함합니다.

Sephora faceted search example

메이크업 카테고리에는 페이스, 아이, 립, 치크, 밸류 & 퍼스트 세트 등의 패싯이 있으며, 이 패싯의 제품 수는 괄호 안에 표시됩니다. 다양한 제품을 홍보하는 데 탁월하므로 이와 같이 패싯 번호를 포함할 수 있습니다.

7. 패싯의 위치를 ​​적절하게 정렬

방문자를 압도하지 않도록 패싯의 위치를 ​​적절하게 정렬해야 합니다. 페이지와 조화를 이루어야 하며 스타일을 방해하지 않아야 합니다.

Pipcorn의 제품 페이지가 그 예로서 보여질 수 있습니다.

Pipcorn의 패싯 검색 예

Pipcorn의 패싯 탐색 섹션 은 제품 페이지와 함께 전체적으로 보입니다.

또한 사람들이 해당 필터를 삭제하기로 결정한 경우 신속하게 제거하고 다른 필터를 선택할 수 있도록 적용된 페이지가 아래에 표시됩니다.

상단에 섹션별 정렬이 포함되어 있어 사람들이 추천, 베스트 셀러, 알파벳순, 낮은 가격에서 높은 가격 또는 높은 가격에서 낮은 가격 옵션에 따라 제품을 정렬하는 데 도움이 됩니다.

8. 결과가 없는 패싯을 피하라

패싯 검색이 각 패싯에 대해 염두에 두고 있는 콘텐츠 종류와 일치하도록 하고 관련성을 유지하도록 최신 상태로 유지하는 것이 중요합니다.

예를 들어 NYX Cosmetics의 가격 책정 패싯은 다음과 같습니다.

NYX 화장품' 패싯 검색

$0.00부터 시작하여 $50.00까지 올라갑니다. 그러나 사람이 $4를 선택하면 가장 저렴한 제품이 $5이므로 결과가 없습니다.

대신 결과가 없는 페이지를 피하기 위해 패싯 옵션이 $5부터 시작하는 것이 좋습니다.

또 다른 예는 더 나은 사용자 경험을 제공하는 La Roche Posay의 가격 책정 측면입니다.

La Roche Posay의 패싯 검색 예

해당 특정 필터의 제품은 $8.00부터 시작하므로 가격 범위도 여기서 시작됩니다. 그런 식으로 결과가 없는 패싯을 방지할 수 있습니다.

9. 데스크탑과 모바일 디자인의 차이점을 염두에 두십시오.

웹사이트의 다른 요소와 마찬가지로 패싯 탐색도 모바일 친화적으로 개발되어야 합니다. 모바일에서 데스크탑과 동일한 스타일을 사용하면 작동하지 않을 수 있으므로 패싯을 추가할 때 차이점을 고려해야 합니다.

바탕 화면에서 페이지를 즉시 새로 고칠 수 있으므로 결과가 빠르게 표시될 수 있습니다. 새 필터를 선택하면 결과가 페이지를 새로고침하고 방문자의 경험을 저하시키지 않습니다.

예를 들어 바탕 화면에서 Nike의 패싯 검색 디자인은 다음과 같습니다.

데스크톱에서 Nike의 패싯 검색 예

더 큰 화면에서 작동하며 제품을 표시하는 동안 사용자를 방해하지 않습니다. 패싯을 선택할 때마다 페이지가 새로 고쳐지지만 데스크톱이기 때문에 사용자 경험에 큰 영향을 미치지 않습니다.

반면 모바일용으로 설계된 패싯 검색 옵션은 다음과 같습니다.

모바일의 Nike 패싯 검색 예

패싯을 선택할 때마다 페이지를 새로 고치지 않습니다. 대신 옵션을 선택하거나 지울 수 있는 기회를 제공합니다. 그런 다음 완료되면 "적용" 버튼을 클릭할 수 있습니다. 그렇게 하면 모바일 장치 사용자는 웹사이트의 패싯 탐색 기능을 최대한 활용할 수 있습니다.

마무리

결론적으로, 패싯 검색은 웹사이트에 적용하면서 적절한 단계를 따른다면 탁월합니다. 이것이 바로 이 블로그 게시물에서 패싯 검색의 9가지 모범 사례를 나열한 이유입니다.

우리가 제공한 이러한 관행과 예를 고려하여 웹사이트의 패싯 탐색 을 개발할 수 있습니다. 이 기능은 고객의 경험을 향상시키므로 고객과 고객의 만족을 최우선으로 생각하는 것을 잊지 마십시오.

특히 웹사이트에 광범위한 카탈로그나 다양한 서비스 옵션이 있는 경우 패싯 필터를 사용 하면 방문자가 너무 많은 옵션에 압도 되는 것을 방지할 수 있습니다. 대신 자신의 필요와 관심사에 따라 다양한 옵션을 설정하여 가장 적합한 옵션을 찾을 수 있습니다.

패싯 검색 섹션을 개선하여 판매 및 사용자 참여도를 높일 수 있습니다. 행복한 방문자는 충성도가 높은 고객이 될 수 있으므로 웹사이트를 지속적으로 개선하면 사용자 경험이 향상될 수 있습니다.

자주 묻는 질문

"질문이 있습니까?"라고 말하는 Lisa Simpons의 gif 그녀의 친구들에게

다각적 검색이란 무엇입니까?

다면 검색 은 사용자가 여러 기준으로 정보를 검색할 수 있는 검색 유형입니다. 또한, 다르게 구성된 정보를 찾을 수 있는 일종의 검색입니다.

예를 들어, 새 신발을 찾고 있는 경우 다면 검색을 통해 신발 유형(부츠, 하이힐, 운동화 등), 신발 색상 및 만드는 데 사용되는 재료.

이러한 각 선택 항목에서 옵션을 선택하여 다면 검색을 쉽게 사용할 수 있습니다.

인기있는 패싯은 무엇입니까?

웹사이트에 추가하는 패싯은 판매하는 제품이나 서비스에 따라 다를 수 있습니다. 가장 많이 검색된 옵션을 평가하여 패싯 탐색에 포함할 수 있습니다.

가장 인기 있는 측면은 다음과 같습니다.

  • 제품 평가 및 리뷰
  • 브랜드
  • 나이 또는 크기
  • 색상 및 스타일
  • 가격 세부정보 또는 범위

필터와 패싯의 차이점은 무엇입니까?

패싯필터 는 모두 검색 범위를 좁힐 수 있는 방법입니다. 이 두 가지는 사람들이 특정 방식으로 원하는 것을 찾는 데 도움이 되기 때문에 어떤 면에서는 비슷할 수 있습니다. 패싯은 데이터를 논리적 그룹으로 그룹화하는 방법입니다. 여러 패싯을 적용하고 관련 패싯을 찾을 수 있습니다.

대신 필터가 더 광범위할 수 있으며 여러 옵션이 적용되지 않을 수 있습니다. 검색 쿼리 전에 필터를 선택할 수 있으며 변경되지 않습니다. 패싯은 더 많은 옵션을 제공하고 필터는 특정 정보의 주요 범주를 제공합니다.

여기 있는 동안 다른 블로그 게시물을 방문하세요.

  • 전자상거래 전환을 늘리는 UX 팁
  • 충성 고객을 위한 무료 경품 이메일 템플릿
  • 고객이 구매하도록 유도하는 15가지 사전 판매 페이지 예
  • 매출을 증가시킬 17가지 재고 이메일 예