How to display selected item in scrollable horizontal list

Question

I have a scrollable horizontal card list.
Only one card can be selected inside the list. How should the selected item be displayed from a good UX perspective?
eg.

With a border around the card.

Making the selected card slightly large than the other cards.

Displaying an icon like a check mark on the selected card

Something else?

Davide · Answer

You could just set an opacity to all other cards except the candidate one. If you don't like this approach I think all solution could be accepted. It's very dependent on the whole layout so you can't say that the best solution is the 1 or 2 or 3

Answered by Davide on December 31, 2021

How to display selected item in scrollable horizontal list

One Answer

Add your own answers!

Ask a Question