When designing the edge case for the -find a match- feature, I explored a couple of options. Spec...

When designing the edge case for the -find a match- feature, I explored a couple of options. Spec...When designing the edge case for the -find a match- feature, I explored a couple of options. Spec...

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

Create your own

Anastasia Vysotska

• Aug 25

When designing the edge case for the -find a match- feature, I explored a couple of options. Specifically, I was choosing between these two.

Which one do you think is better?

Figma Product Design UI Design

3 voted

50%

3 voted

50%

6 votes

Closed

Tan | Wayrise

pro

• Aug 25

I'd definitely prefer the progress bar, makes it so easy to follow where you're at! 🙌

Flowgen Studio

• Aug 26

Option 1

Maty Sandoval

max

• Aug 26

Option 1 for me, having the match percentage front and center feels more useful at a glance than making people scan the filter row first. Did testing back that up already, or is it still a gut call at this stage?

Anastasia Vysotska

• Aug 27

Agreed, in general, percentages read better visually. I went with option 2 because users wanted to see which genres matched. The screen only shows one match, but the card is scalable - it'll show all matching tastes and hide the mismatched ones. Option 1 buries matches in small...