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
Taste Test
We're exploring two interaction patterns for a services section.
Option 1 - Direct Navigation. Users preview a service on hover and navigate directly on click.
Option 2 - Progressive Disclosure. Users expand the card first, explore additional details, and then decide whether to continue.
Both approaches aim to reduce uncertainty before navigation. The trade-off is simple: speed vs. exploration.
Which pattern would you choose, and in what situations would you use the other one?
53 voted
65%
29 voted
35%
82 votes
Closed
Option 2 is not actually bad, but it may be difficult for users to navigate. From what I’m seeing, users would need to place their cursor over the section before they realize that a feature is hidden there.
Option 1 takes it
Option 1
I voted Option 1: for a services section the job is usually to route people to the right service, and hover preview plus a direct click is the most predictable way to do that, especially since progressive disclosure leans on hover and quietly breaks on touch. I would reach for...
Option 2 has a lot of empty space, doesn't seem good
Option 1 will be ideal for 90% of your users, but Option 2 is intuitive and innovative. It gives users the experience they will feel before taking an action.
Would go for option 2 to give it some character and interaction.
option 1 looks great
Option 1 feels cool
Option 1... But both are stunning...
Option 1
I'd go with option 2.
Went with Option 1. For a services section, most visitors are still deciding if that service is even relevant to them, hover preview lets them scan faster instead of committing to an expand action first. Progressive disclosure feels better suited to something more considered, like pricing tiers.
Option A is easier to get informations
I will go for option 2
Option 1. Showing the summary text on hover gives users just enough context without breaking their scrolling flow or forcing an extra click to expand.
Option 1 is better—Option 2 gets too hideous for a user to realize that it's a dropdown animation attached with the cards. But i loved the idea.
Option one. Good websites reduce confusion, not create it. Clarity always wins.
The main issue I see with both options is that visitors need to interact with each service before they can understand the offer as a whole. That may create unnecessary friction while they’re still scanning the page.
Consider touchscreen users early on, since they can’t use...
Option 1 so effortless to scan 💯
Great discussion on UX tradeoffs! Option 1 definitely wins on scannability and speed, especially since progressive hover reveals can break or feel clunky on mobile/touch screens. Direct routing reduces friction every time.
Option 1 for sure. For a services section, the primary user goal is quick scannability—visitors want to know if you offer what they need and get there in minimal clicks. Hover preview gives just enough context without breaking scroll flow or adding interaction friction.
Option 1
Option one is better because you can access each area faster.
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
The hero sets the tone for the whole page.
Exploring a couple of ways to get it right.
38 voted
68%
18 voted
32%
56 votes
Closed
I can go with A
A small fragment from a new project.👀 I tried two different approaches for the same animation.
Same idea, different timing and movement.
Which one would you go with? A or B? And why?💭
29 voted
53%
26 voted
47%
55 votes
Closed
Had tough time choosing these 🎀
we are working on two framer templates in parallel
hero interaction magic ✨
Great work on animations