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


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.


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

  • Search in the product’s name, seller’s name, and category
  • Filter by number of views, rating, video quality or captioning
  • Custom views using AlgoliaHitView for displaying the promotions, ratings, …
  • Filtering in a PopupWindow with immediate feedback to let the user see its influence on the search results

Did you find this page helpful?