I have this scenario:
When hovering over a category name, the elements from the grid that do NOT belong to that category fade out, so the ones that belong can stand out.
I am not sure if this is a correct response to the user interaction.
- On one hand the elements to be seen end up having the correct state which is full opacity over those that don't belong.
- On the other hand I find it strange that the elements that interact are the ones that don't belong to the selection.
Options I thought about are:
Doing the interaction in the belonging elements using other way of exposing them which is not opacity.
Having the opacity kind of middle point from the start and raising it to the belonging elements. But it is inconvenient to need a user interaction to display the elements with full opacity.
I am interested in using opacity. Is the interaction correct? Any thoughts?