자동 완성 당신이 가능성이 매일 인터넷 사용에 우연히 한 편리한 도구입니다. 당신이 구글에 입력을 시작할 때,당신은 당신에게 당신이 찾고있는 것에 대한 제안을 제공하는 방법을 볼 수 있습니다. 이 기능을”자동 완성”또는”자동 제안”이라고하며 웹 사이트의 내부 사이트 검색에서 콘텐츠 및 제품을 안내,교육 및 홍보하는 좋은 방법입니다.
자동 완성이란?
자동 완성은 쿼리 추천 단어를 표시하는 데 사용되는 패턴입니다.
입력 할 때 검색 엔진은 쿼리를 완료 할 수있는 방법에 대한 몇 가지 예측을 제안합니다. 예를 들어,대학 웹 페이지에”코스”를 입력하면”영어 코스”,”지리 코스”또는”코스 카탈로그”를 제안합니다. 자동 완성의 아름다움은 또한 미완성 단어를 채우는 것입니다,그래서 당신은”렉트”를 입력하면,엔진은”강의”또는”강사”를 제안 할 것이다.
훌륭한 자동 완성 기능이 필요한 이유
자동 완성은 언뜻보기에는 필요한 기능처럼 보이지 않을 수 있습니다. 그러나 너의 수색 상자는 너의 웹사이트에 너의 내용 제품에 출입구 이다. 자동 완성 기능을 사용하면 사용자가 올바른 콘텐츠를 더 빨리 찾을 수 있도록 도와줍니다.
잘 완료되면 자동 완성은 사이트 콘텐츠와 관련된 검색 제안을 제공하여 콘텐츠에 대한 지침으로도 작동합니다. 그것은 그들이 찾고 있는 무슨을 발견 하 고 그들의 검색을 구성 하는 데 도움을 제공 하는 사용자에 대 한 안내 손 수 있습니다.
자동 완성은 모바일 장치 및 전자 상거래 시장에서 특히 강력합니다. 방문자가 모바일 또는 데스크톱을 사용하든 자동 완성은 사용자의 시간을 절약 할 수 있기 때문에 항상 훌륭한 기능입니다. 평균적으로 자동 완성은 입력을 약 25%줄입니다.
대부분의 사용자는 자신의 모바일 장치에 많이 입력하지 않으려는. 화면이 제한되어 있으며 바탕 화면보다 입력하기가 더 어렵습니다. 자동 완성 옵션을 사용하면 사용자가 입력해야 하는 문자 수가 최소화되므로 오타가 줄어듭니다. 모바일 장치에서 자동 제안을 사용하면 더 많은 공간을 차지하는 전체 결과를 표시하는 대신 제안을 표시하는 것이 더 쉽습니다.
당신이 전자 상거래 사이트를 제공하는 경우,자동 완성 꽤 많이 필요하다. 최고 수익을 올리는 전자 상거래 사이트의 82%는 검색 쿼리를 입력하기 시작할 때 사용자에게 자동 완성 제안을 제공합니다. 제안은 사용자가 후 무엇을 설명하는 정확한 단어를 찾을 수 있도록. 종종 그들은 정확한 제품 이름을 모르거나 한 제품의 다양한 변형을 인식하지 못합니다.
예를 들어,새로운 아이폰 11 을 찾을 때 사용자는”프로”또는”프로 맥스”와 같은 자동 제안을 발견하여 사용 가능한 제품 옵션에 대해 알려줍니다.
자동 완성을 통해 제품에 대한 정보를 제공 할 수도 있습니다. 당신은 당신의 상점을 통해 사용자를 안내하고 존재하는 것에 대한 기대를 설정합니다. 제품이 제안되는 경우,사용자는 사용할 수 알 수 있습니다.
마지막으로 자동 완성 순위를 사용자 정의하여 특정 제품을 홍보 할 수 있습니다. 당신은 당신의 방문자의 관심을 끌기 위해 자동 완성 제안의 상단에 특정 결과를 푸시 할 수 있습니다.
자동 완성 검색은 어떻게 작동합니까?
자동 제안을 마련하기 위해,검색 엔진은 귀하의 웹 사이트에서 실시되는 실제 검색을보고 일반적인 추세 사람을 발견 할 것이다. 위치 수색은 들어가는 특성에 타당한 키워드를 제안할 것이다. 예측의 수는 화면에 따라 조정되어야한다. 모바일 장치에서 예측은 사용자의 뷰를 어지럽히 지 않도록 줄여야합니다.
자동 완성 제안은 심리적 영향을 미칩니다:쿼리와 관련된 일치 항목을 볼 때 사용자를 안심시키고 관련 제안이 계속 나타나는 한 쿼리에 세부 정보를 추가하라는 메시지를 표시합니다.
자동 완성에 대한 모범 사례
자동 완성 제안은 정의상 대화형이며 매우 일시적입니다. 그들은 유일한 초점 대신에 사용자 원조를 제안해야 한다. 자동 완성 위젯은 항상 단순하게 유지되어야하며 사용자가 알고있는 표준을 고수해야합니다. 경험은 방문자를 위해 가능한 한 자명하고 이음새가 없어야 한다.
당신은 더 나은 자신의 검색 쿼리를 명확하게 사이트를 통해 그들을 안내하고 콘텐츠에 대해 교육에서 사용자를 돕고 싶어. 불행히도 자동 완성 위젯이 잘못 설계된 경우 검색 중에 사용자를 혼란스럽게하거나 오도 할 수도 있습니다. 그래서 우리는 자동 완성을위한 여섯 가지 모범 사례를 수집했습니다:
- 순위 및 관련성
당신은 단지 순위가 중요한 만드는 사이트 검색,몇 가지 제안을 표시 할 수 있습니다. 모든 제안은 사용자와 관련이 있어야합니다. 인기 항목 또는 인기 항목을 쿼리로 분석하여 대부분의 사용자가 검색하는 콘텐츠를 확인할 수 있습니다. 물론 검색 쿼리가 거의 없을 때 약간 까다 롭습니다.
- 속도
자동 완성은 항상 사용자 유형 속도에 있어야합니다. 방문자가 느리게 느끼는 것은 사용자 경험에 방해가 될 것입니다. 결국,사용자가 자동 제안을 사용하는 것에 대해 생각조차하지 않고 직관적으로 클릭하는 것이 가장 좋습니다. 제안은 항상 첫 번째 문자로 시작해야합니다. 사용자는 이미 올바른 제안을 찾을 것으로 기대하지 않습니다,하지만 당신은 그들을 지원하는 자동 완성 기능이 있음을 보여줍니다.
- 강조 표시 및 스타일 결정적으로
사용자의 요청과 일치하는 결과를 강조 표시하여 사용자를 도울 수 있습니다. 종종,당신은 사용자가 자동 완성 제안에 지금까지 입력 한 검색 쿼리를 강조 사이트 검색을 찾을 수 있습니다. 예를 들어,”아이폰”을 입력하면 자동 제안은”새로운 아이폰”,”아이폰 7″,”아이폰 케이스”를 표시합니다.
그러나 사실 반대의 접근 방식은 훨씬 더 원활하게 작동합니다. 제안되는 부분을 강조 표시하면 사용자가 차이점에 초점을 맞추기 때문에 제안을 구분하는 데 도움이 됩니다. 사용자가 입력 한 내용을 잘 알고있을 것입니다,그래서 그들은 추가에 관심이있을 것입니다. 예를 들어,”아이폰”에 입력 하는 경우 자동 제안 다음과 같이 보일 것 이다:”새로운 아이폰”,”아이폰 7″,”아이폰 케이스”.
모바일을 통해 제품 또는 콘텐츠에 액세스하는 사용자는 요소의 결정적인 강조 표시 및 스타일을 높이 평가할 것입니다. 당신이 안으로 찾고 있는 부 또는 유효한 여과기에 관하여 정보와 같은 어떤 추가 정보든지 유일한 작풍이 있어야 한다(셀룰라 전화와 부속품에서”아래에”보십시오).
- 간단한 유지
자동 완성에서 스크롤 막대를 피하려고합니다. 아무도 대신,위젯은 단지 자연 크기로 확장해야,대화 형 위젯 내에서 스크롤하고 싶어. 그런 이유로 제안의 크기는 10 품목의 최대에 정선한 마비를 피하기 위하여 지켜져야 합니다. 사용자가 자신의 선택에 대한 개요를 쉽게 얻을 수 있기를 원합니다.
제안이 10 항목을 초과하면 사용자가 모두 제안을 무시하거나 검색 과정을 늦출 것이다 그들을 읽는 데 오랜 시간을 보낼 것 중 하나 제한합니다. 모바일에서 목록은 4-8 제안의 대상으로 더 짧아야합니다.
- 레이블 및 지침 사용
경험이 적은 웹 사용자의 경우 자동 완성 기능과 상호 작용하는 방법에 대한 지침을 포함하는 것이 좋습니다. “검색 제안”또는”카테고리”와 같은 제목은 사용자가 서로 다른 제안 유형을 모두 하나의 목록에 혼합하는 대신 구별 할 수있는 방법을 제공합니다.
- 키보드 탐색 및 마우스 상호 작용 지원
사용자는 키보드 탐색을 사용하여 자동 완성 제안을 위아래로 클릭 할 수 있어야합니다. 또한 손 커서를 호출하거나 사용자가 클릭할 내용을 강조 표시하는 등 마우스로 자동 완성 제안을 클릭할 수 있음을 표시하는 것이 좋습니다. 반면에 호버링은 커밋되지 않은 작업이어야하며 결과에 직접 전송되지 않아야합니다.
- 자동 완성을위한 시각적 깊이 디자인
사용자가 웹 사이트를 열면 페이지의 관심을 끌기 위해 싸우는 많은 요소가 있습니다. 자동 완성을 사용하는 동안 페이지 배경을 어둡게,명확한 초점과 강조를 제공합니다. 사용자는 웹 사이트의 다른 정보에 의해 산만하지 않습니다 및 자동 완성 제안에 집중할 수 있습니다.
- 개인 설정 자동 완성
개인 설정 사이트 검색을 제공하는 경우(자세히 알아보기)방문자의 현재 위치 또는 기본 언어를 기반으로 결과를 제공할 수 있습니다. 또한 검색 기록 및 유사 또는 관련 검색어를 표시하여 콘텐츠에 관심을 갖도록 할 수 있습니다.
자동 완성을 어떻게 구현할 수 있습니까?
웹 사이트에서 자동 완성을 구현하는 방법에는 여러 가지가 있습니다.
자동 완성을 구현하는 쉬운 방법 중 하나는 추가 검색 위젯을 사용하는 것입니다. 그것은 당신의 웹 사이트에 만든 검색 쿼리에서 생성 된 자동 검색 제안을 제공합니다. 더 많은 데이터가 수집됩니다,더 많은 수와 제안의 품질이 증가 할 것이다.
개발자의 지원을 받아 이를 통합할 수 있습니다. 당신은 당신이 원하는만큼 디자인과 사용자 인터페이스를 사용자 정의 할 수 있습니다.
추가검색은 제품 이름에 대한 필드를 사용자 지정하는 사용자 지정 또는 제안을 블랙리스트에 추가하여 제거하는 블랙리스트와 같은 기능을 제공합니다.