Pare de escolher ícones de dashboard por palavra-chave
A maioria dos problemas de dashboard não vem de ícones ruins.
Eles vêm de ícones bons usados com o significado errado.
Se você pesquisar por "users" e escolher um SVG limpo, poderá ter problemas mais tarde. Você precisará de ícones diferentes para clientes, membros da equipe, proprietários de conta e administradores. Logo, um único ícone de "user" terá que carregar significados demais. Isso faz com que seu dashboard SaaS pareça poluído.
Pare de escolher ícones por palavra-chave. Comece a escolhê-los por função.
Uma palavra-chave diz a que um ícone se refere. Uma função diz o que um ícone faz.
Classifique seus ícones nestas cinco categorias:
- Ícones de navegação: Representam destinos como Dashboard, Faturamento ou Configurações. Eles devem ser simples e estáveis.
- Ícones de status: Respondem a perguntas como "Isso está ativo?" ou "Isso falhou?". Use símbolos diretos como checks, avisos ou cadeados.
- Ícones de ação: Representam operações como editar, excluir ou exportar. Evite usá-los sem rótulos se a ação for complexa.
- Ícones de objeto: Identificam entidades como um projeto, uma fatura ou uma pasta.
- Ícones de estado vazio: Aparecem quando faltam dados. Estes podem ter mais personalidade.
Não procure apenas pelo SVG mais bonito. Procure por um vocabulário visual.
Use estes três testes antes de se comprometer com um ícone:
- O Teste de Tamanho: O ícone ainda funciona em 16px dentro de uma tabela densa? Muitos ícones ficam ótimos em 32px, mas falham quando ficam pequenos.
- O Teste de Contexto: Coloque o ícone ao lado de seu rótulo e de seus vizinhos. Ele pode ser confundido com o ícone ao lado?
- O Teste de Significado: O ícone apoia o rótulo, ou o rótulo tem que explicar o ícone?
Se você não conseguir encontrar um ícone distinto para um recurso, o nome desse recurso pode ser muito vago. Ícones reforçam o significado. Eles não corrigem uma linguagem pouco clara.
Em vez de pesquisar por "ícone de usuário", pesquise por "ícone de colaborador interno" ou "ícone de conta de cliente". A precisão na sua busca leva à precisão na sua UI.
Fonte: https://dev.to/svgicons/stop-picking-dashboard-icons-by-keyword-ij2