2

Allowing the user to toggle visibility is becoming a more standardised part of forms, and in my opinion for good reason. I'm however unsure what the best way to denote this ability is; an icon or a togglable label? If hamburgers are already not always recognized, I can imagine that this would be even worse for this feature, especially which status it is currently showing.

My question: is there any research about what works better; a hide/show label or an icon that visually shows the same?

1 Answer 1

5

If hamburgers are already not always recognized

Its not 2005 anymore, people have learned about the hamburger icon.

My question: is there any research about what works better; a hide/show label or an icon that visually shows the same?

Combine an icon with text for the best results. For example an eye with the label "Show password" and a crossed eye with the label "Hide password".

Text works better then icons alone since most icons are not universally understood but if you don't have space problems icon + text is the best way to go.

Good read: https://www.nngroup.com/articles/icon-usability/

1
  • You'd be surprised how much users get stuck on forms here.. I'll check and see if I can use both label and icon simultaneously, it would definitely solve the problem. Nov 21, 2017 at 15:58

Your Answer

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

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