Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I'm working on the Image Gallery of a webshop. There are 6 thumbnail-images, that can be clicked and are displayed in full-size above.

Image Slideshow with currently selected

How should you show the currently selected thumbnail?

Version A: Selected thumbnail in full opacity, less opacity for the others

To put an emphasize on the currently selected image and show clearly that it is "selected".

Version B: Selected thumbnail in less opacity, full opacity for the others

To reduce redundancy (you see the selected image in full-size and full opacity above) and emphasize, that the other images are clickable.

What do you think?

share|improve this question

1 Answer 1

What is missing is the visual separation of the UI elements.

You need to separate them, and for that, changing opacity does not help much in this case.

I would try t add wider borders between main image and thumbs - to indicate that separation, and another, even wider border around the current thumbnail, indicating that it is currently "separated out" in the row,

,I think reducing opacity of the selected thumb makes no sense - it's not somehow hidden, it's the most important! (And possibly used as overview). I would keep the opacity of the other thumbs at 100% too, but make them darker, like somewhat in a shadow, while still visible.

For the separating borders, I would try dark grays - maybe the wider thumb border darker than the other.

share|improve this answer
    
I agree, a dark overlay makes more sense. On hovering the overlay can temporarily be removed to show the original thumbnail. –  jazZRo Apr 18 at 11:54
    
But take into account that removing it temporarily breaks the function as visually structuring element. –  Volker Siegel Apr 19 at 12:37

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.