My Algolia search UI is fairly similar to most of the instantsearch examples - fixed search bar up top, filtering/facets in a left sidebar.
On desktop, this looks and works great as there is plenty of screen real estate to show everything. On mobile, it’s fairly trivial to hide the sidebar in a slide-out or collapsible with a ‘filters’ icon to expand as needed. Searchstone.io (found via Awesome Algolia) does this well.
Does anyone have an opinion (or can point to any examples) on using a fixed search bar on mobile? None of the instantsearch examples are responsive, but I suspect the fine folks at Algolia have opinions on mobile search
On the ‘pros’ side, a fixed search bar would allow a user to adjust a search input on the fly without having to scroll back and find the search bar, click to open the keyboard, and adjust the search. It also really shows off the live search capabilities of Algolia too, which my users are shocked to see (as they’re used to home-grown search that requires a page refresh).
I haven’t come up with many ‘cons’ to a fixed search bar other than taking up 75 or so pixels and having to deal with iOS Safari quirks.
Interested in the community’s opinion! Any and all thoughts most welcome.