Concepts / Building Search UI / Autocomplete
May. 10, 2019

Autocomplete

Instant Results

When using the instant results pattern, you fetch actual results with each keystroke and display them on the results page. This approach is most effective when the dataset is either more limited or the user might have a more defined idea of what they’re looking for.

For this instant results strategy to provide a good user experience, very fast response time is required to allow the results to be refreshed “instantly” on each keystroke.

For more info, checkout our blog post on instant results.

Example

This example imitates a product search interface like well-known e-commerce applications.

  • Search in the product’s name, type, and category
  • Filter with RefinementList by type or category
  • Filter with Numeric filters by price or rating
  • Custom views using AlgoliaWidget for filtering by price and rating

Did you find this page helpful?