Tuesday, May 15, 2018

Price sliders vs. range links as a faceted search form element for filtering on price


When comparing a front-end jquery slider widget against a list of links that filter by price range, within the context of faceted searches that reduce the number of items in a catalogue, which of the two aforementioned interface elements is best when considering the speed at which a user can restrict the catalogue products to the range that represents the amount they want to spend?



Answer



Slider has more cognitive load for a user. Also interaction implementation using slider could lead to some time losses.
enter image description here
In a scenario when user keep in mind the intended price range for a product, possible issues are:



  1. User should constantly map the intended number and slider position. Even if the intended number is displayed in the slider, some users still will no just click but will slide there. The need of constant feedback loop leads to high cognitive load.

  2. Take into account space requirements for usable slider.


  3. Lack of visibility
    enter image description here

  4. Immediate content loading on slider change will lead to content flickering and network load. So it's better to convince if the slider position is final. Add this waiting time to resources' loading time. So it could be time-critical for a user.


Having the set of price ranges as hyperlinks, user interaction consists of just two steps:



  1. Recognize needed link.

  2. Click it.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...