I want to design a range filter for an ecommerce platform that has excellent UX for mobile users.
Here's the basic interaction I could make
1) Where do I put the current range (when slider is not moving) ?
- Option 1: Static in the center. This leads to unnecessary white-space
- Option 2: Above each of the handles. This may get covered by the users thumb.