Deja de elegir iconos de dashboard por palabra clave
La mayoría de los problemas de los dashboards no provienen de iconos malos.
Provienen de buenos iconos utilizados con el significado equivocado.
Si buscas "users" y eliges un SVG limpio, podrías tener problemas más adelante. Necesitarás diferentes iconos para clientes, miembros del equipo, propietarios de cuentas y administradores. Pronto, un único icono de "user" tendrá que cargar con demasiados significados. Esto hace que tu dashboard de SaaS se sienta ruidoso.
Deja de elegir iconos por palabra clave. Empieza a elegirlos por rol.
Una palabra clave te dice con qué se relaciona un icono. Un rol te dice qué hace un icono.
Clasifica tus iconos en estas cinco categorías:
- Iconos de navegación: Representan destinos como Dashboard, Billing o Settings. Deben ser simples y estables.
- Iconos de estado: Responden a preguntas como "¿Está esto activo?" o "¿Ha fallado esto?". Usa símbolos directos como checks, advertencias o candados.
- Iconos de acción: Representan operaciones como editar, eliminar o exportar. Evita usarlos sin etiquetas si la acción es compleja.
- Iconos de objeto: Identifican entidades como un proyecto, una factura o una carpeta.
- Iconos de estado vacío: Aparecen cuando faltan datos. Estos pueden tener más personalidad.
No busques solo el SVG más bonito. Busca un vocabulario visual.
Utiliza estas tres pruebas antes de comprometerte con un icono:
- La prueba del tamaño: ¿Sigue funcionando el icono a 16px dentro de una tabla densa? Muchos iconos se ven genial a 32px pero fallan cuando se hacen pequeños.
- La prueba del contexto: Coloca el icono junto a su etiqueta y a sus vecinos. ¿Puede confundirse con el icono que tiene al lado?
- La prueba del significado: ¿El icono respalda la etiqueta, o la etiqueta tiene que explicar el icono?
Si no puedes encontrar un icono distintivo para una funcionalidad, es posible que el nombre de dicha funcionalidad sea demasiado vago. Los iconos refuerzan el significado. No corrigen un lenguaje poco claro.
En lugar de buscar "user icon", busca "internal collaborator icon" o "customer account icon". La precisión en tu búsqueda conduce a la precisión en tu UI.
Fuente: https://dev.to/svgicons/stop-picking-dashboard-icons-by-keyword-ij2