Apresentando ícones de navegação com rótulos e removendo -os

1. Quando os ícones devem incluir uma etiqueta de texto?
2. Por que usar ícones em vez de texto?
3. Como faço para usar ícones UX?

Quando os ícones devem incluir uma etiqueta de texto?

Para ajudar a superar a ambiguidade que quase todos os ícones enfrentam, uma etiqueta de texto deve estar presente ao lado de um ícone para esclarecer seu significado.

Por que usar ícones em vez de texto?

Os ícones podem economizar espaço sobre o texto, mas ao preço do reconhecimento. Para ícones pequenos, como 16x16 pixels, é muito difícil para os usuários reconhecer o que eles deveriam ser uma imagem, muito menos o que a imagem deveria representar. Um usuário que conheço pensou que o ícone "disco" para salvar era uma foto de uma TV.

Como faço para usar ícones UX?

Sempre use rótulos para ícones e mostre -os à direita ou abaixo do ícone. Um bom teste para um ícone eficaz é quando os usuários podem dizer o que representa sem um rótulo. Não use ícones com significado conflitante. Ícones que poderiam representar várias coisas devem ser evitados.