To further explore Search-filter interaction in Operator app, I've built Framer prototype.
One tricky part was displaying the price range in the filter sheet. In earlier iterations each price label (min and max values) was attached to its knob. But it didn't work out because if min and max values are big they collapse when too close to each other. Centering both min and max labels together solved that problem.
To further explore Search-filter interaction in Operator app, I've built Framer prototype.
One tricky part was displaying the price range in the filter sheet. In earlier iterations each price label (min and max values) was attached to its knob. But it didn't work out because if min and max values are big they collapse when too close to each other. Centering both min and max labels together solved that problem.
Check it the video or Framer.
Also, writing a short case study about designing Search at Operator and things I've learned 🤓
Stay tuned.