The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
UX Critique: Price Sliders vs. Segmented Buttons (And the crucial "Sort By" feature)
I'm currently refining the collection page for a luxury e-commerce website and testing two functional approaches for the filter states.
Since both filter menus can be fully collapsed to maintain a clean, minimalist layout, the decision comes down to user control and functionality.
Option A (Image 1):
Uses segmented button ranges for pricing (e.g., "Under $15k", "$15k - $20k").
Lacks a dedicated "Sort By" option.
Option B (Image 2):
Introduces a continuous, fluid price slider for custom budget targeting.
Integrates a "Sort By" dropdown (Featured, Newest, Price High-to-Low) to give users full control over how they view the collection.
From a usability standpoint, Option B feels like a massive step up, especially for high-ticket items where buyers want precise control over how they browse.
What are your thoughts? Does the slider offer a better premium feel, or do you prefer the simplicity of quick-tap price buttons?
Let’s discuss in the comments! 👇
#UXDesign #UIDesign #WebDesign #EcommerceUX #ProductDesign
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Burgy, a mobile concept for burger ordering. 🍔
Bold type, premium food visuals, and a fast path from craving to checkout.
Two color directions for the hero screen. Which one converts better?
Vote and tell me why 👇
Poll options: 🟢 Green | 🔴 Red
#UIDesign #MobileApp #FoodApp #AppDesign #UX #RestaurantApp
13 voted
43%
17 voted
57%
30 votes
Closed
Green for me, and I'd bet on it converting better too. The red version is loud in the way every food app is loud, while the green makes the burger the hero and the screen instantly recognizable in a feed. The green background also gives the white FLAVOR POP type far more contrast, so the message lands a beat faster.
Noise Reveal, a premium reveal component for Framer
I built a component that gives Framer sites cinematic reveals for images, video and live layouts. It has a soft, film-like edge with glow and grain, and can play on load, on view, from a variant or scrubbed by scroll.
It’s built for production: the reveal is prepared before it scrolls in, it’s accessible with reduced-motion support, it falls back when WebGL isn’t available, and pages stay plain HTML when nothing is moving.
Launched on the Framer Marketplace. Open to custom Framer and interaction work.
The WebGL fallback and reduced-motion support are the parts most reveal effects skip, so it's great to see them called out. Does the fallback keep some of the grain edge with CSS, or does it drop to a simple fade?
Launched a new Framer template last week: Juice Wrld, a juice bar, smoothie, and healthy foods template inspired by my favorite all time healthy restaurant in Austin, Juiceland. Check her out! https://www.framer.com/marketplace/templates/juice-wrld/
