I have a set of entities (notes) whose content can be either visible or hidden, independently for each note.

enter image description here

enter image description here

There are two possible states for that property and I was wondering whether it is generally better to use

  • a toggle switch that will move between the two states with a different icon for each state
  • a single icon which, when pressed, will change (the eye in the screenshot above)

Which one is more natural, from a UX perspective?

1 Answer 1


You have a number of other icons nearby, so the eye will probably work OK, as the overall look is more harmonious.

A toggle switch has the advantage that the state can be perceived easier than with an icon, where one has to think about the meaning, at least a little bit.

In your situation I'd try for the toggle switch with different icons.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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