Ajax Sliders are becoming an ‘in’ tool for filtering search results. They are also quite easy to do wrong if you’re not paying attention to the user experience.
Before you read on, check out Properazzi and try out the price sliders. Properazzi is going to be a fantastic web 2.0 property site, but right now it’s still young (launched in March 07) and suffers from a few UI teething problems.
So, here are three key user experience guidelines you should consider when designing Ajax sliders:
- Does your UI react immediately to user input?
- Does it feel fluid or ‘gluey’?
- If it feels gluey’, consider speeding it up by simplifying the feedback – for example just giving users the updated number of results, rather than the full list. See Amazon Diamond Search for an example of this in action.
- Does your UI interrupt the user while they are tweaking the sliders? This should be avoided at all costs.
- If you can’t solve this problem, consider reverting to a form submit button instead of an Ajax approach.
- A good old-fashioned form experience beats a bad Ajax experience every time.
3. Granularity and accuracy
- Does the slider scale offer a sensible scale (max and min) for the context of use?
- Are the slider increments meaningful or abitrary? Realmap provides $50,000 increments, which is all you really need in the context of house-hunting. Properazzi, on the other hand, lets you select to prices to the individual dollar – who really needs to say that they are looking for houses in the price range of Â£401,768 to Â£543,312?