SEARCH UI

완벽한 검색 UI로 가는 지름길

코드 몇 줄만으로 검색 인터페이스 및 구성 가능한 검색 구성 요소를 만들 수 있습니다. 사용자가 필요한 항목을 정확하게 찾을 수 있도록 지원하는 풍부한 필터링 기능을 통해 완전히 사용자 정의 가능한 검색 환경을 구축하세요.

Elastic으로 풍부하고 정확한 검색 기능을 앱과 웹사이트에 추가하는 방법을 알아보세요.

Search UI를 사용하여 최신 검색 환경을 구축하세요.

웹사이트의 검색 환경은 방문자 만족도를 결정하는 핵심 요소인 경우가 많습니다. 웹사이트 참여도를 높이는 방법을 자세히 알아보세요.

인기 있는 즉시 사용 가능한 검색 기능을 프런트 엔드 검색 애플리케이션에 추가하여 사용자가 정확한 결과를 더 빨리 얻을 수 있도록 지원하세요. 검색 UX 모범 사례를 신속하게 구현하세요.

원하는 대로 검색
입력하는 즉시 쿼리에 맞는 검색 결과를 보여 주는 필드를 추가해 사용자가 빠르게 답을 찾을 수 있도록 하세요
패싯, 정렬 및 페이지 매김
사용자는 자동 페이지 매김된 검색 결과와 강조 표시된 일치하는 검색어를 통해 자신의 기준에 맞게 검색 결과를 수동으로 좁힐 수 있습니다.
시맨틱 검색
키워드를 넘어 의도와 맥락을 이해하여 더 관련성 있고 의미 있는 결과를 반환합니다.
퍼지 검색
사용자 쿼리와 완전히 일치하는 결과뿐만 아니라 비슷한 결과도 찾아 오타나 철자 실수를 처리할 수 있습니다.

다양한 모바일 친화적인 구성 요소로 검색 인터페이스를 구축할 수 있습니다. 모두 사용자의 정확한 사용 사례에 맞게 사용자 정의할 수 있습니다.

5분 만에 준비 완료
다운로드하고 구성 요소를 선택한 다음, 코드 몇 줄을 애플리케이션에 추가하세요.
오픈 소스, 완전히 사용자 정의 가능
모든 구성 요소는 마음대로 스타일 지정과 수정이 가능해 독창적이고 몰입감 있는 환경을 만들 수 있습니다. 또한 모두 오픈 소스입니다.
풀스택 JavaScript 지원
프론트엔드와 백엔드에서 동일하게 작동하며, 통합되고 유연한 검색 환경을 위해 모든 JS 프레임워크 또는 Next.js와 함께 사용할 수 있습니다.
URL 동기화
필터, 쿼리, 페이지 매김 및 모든 쿼리 매개 변수는 최적의 사용자 경험을 위해 URL에 자동으로 반영됩니다.
검색 성능 모니터링
Elastic의 실제 사용자 모니터링(RUM)을 통해 검색 페이지의 사용량, 성능 및 오류를 분석하세요.
React, Vanilla, 그 이상
완전히 Typescript로 작성된 Search UI의 기반 라이브러리는 모든 Javascript 프레임워크와 함께 사용할 수 있습니다.

curl -fsSL https://elastic.co/start-local | sh

또는