Iconografía y Semiótica

La ciencia de los signos — aplicada a tus informes

La semiótica es el estudio de cómo los signos (iconos, símbolos, colores, formas) comunican significado. En un dashboard, cada icono que colocas es un signo que tu usuario necesita interpretar. Si el signo es claro, la interpretación es instantánea. Si no lo es, el usuario se detiene, pierde el flujo y gasta energía mental en descifrar algo que debería ser obvio.

Tú, como desarrolladora del dashboard, sabes que el icono del embudo significa "filtrar". Lo sabes porque llevas años usando herramientas de datos. Pero tu usuario final — el director financiero, la responsable de RRHH, el comercial que consulta el informe en su móvil — puede que no. Y si no lo sabe, el embudo sin texto es un jeroglífico que genera frustración.

El icono llama la atención, el texto da el significado

Un icono solo es ambiguo. Un texto solo es invisible. La combinación de ambos es lo que realmente funciona: el icono atrae el ojo (es más rápido de procesar que el texto) y el texto lo ancla a un significado concreto. Juntos, reducen la fricción cognitiva — el esfuerzo mental necesario para entender qué hace ese elemento.

Cuándo puedes usar icono sin texto

Hay muy pocos casos en los que un icono sin texto funciona:

• El icono es verdaderamente universal y no admite ambigüedad (🔍 Buscar, 🏠 Inicio, ✗ Cerrar)
• El espacio es extremadamente reducido (barra de herramientas con muchos iconos pequeños)
• Pero incluso en esos casos, el tooltip descriptivo es obligatorio

Los 3 principios que aplico en todos mis informes

Usa iconos que todos conozcan

Estos iconos han sido usados tan extensamente en interfaces digitales que su significado se ha convertido en universal. Si usas estos iconos para los conceptos de la columna izquierda, tu audiencia los entenderá sin pensarlo.

Si falta espacio para texto, el tooltip descriptivo es obligatorio

Hay situaciones legítimas en las que el espacio no permite poner texto junto al icono: barras de herramientas compactas, botones en mobile layouts, iconos de estado en tablas con muchas columnas. En esos casos, el tooltip (el texto que aparece al pasar el ratón por encima) se convierte en obligatorio.

Demostración: botones con y sin texto

Reglas para tooltips en botones de Power BI

• Texto del tooltip corto y directo: "Limpiar todos los filtros", no "Haz clic aquí para restablecer los filtros a sus valores por defecto"
• Describe la acción, no el icono: "Volver a la página principal" es mejor que "Botón de home"
• Configúralo en PBI: Format button → Tooltip → escribe el texto descriptivo
• En mobile no hay hover: Los tooltips no funcionan en Power BI Mobile porque no hay ratón — en mobile, el texto visible es aún más necesario

Las 4 formas de incluir iconos en tus informes

1. Imágenes SVG con medidas DAX

Power BI permite renderizar imágenes SVG directamente en tablas y matrices usando medidas DAX que devuelven una cadena SVG. Es la forma más potente y flexible de usar iconos porque el SVG escala sin pérdida de calidad y se puede colorear condicionalmente.

• Crea una medida DAX que devuelva un string SVG según el valor del dato
• En la tabla o matrix, marca la columna como Image URL en el panel de formato
• El SVG se renderiza directamente dentro de la celda de la tabla

2. Iconos de formato condicional

Power BI tiene un set de iconos integrados para formato condicional en tablas y matrices: flechas, señales de tráfico, barras, estrellas y flags. Son limitados pero funcionales y no requieren código.

• Format visual → Cell elements → Icons → Rules / Field value
• Útiles para KPIs simples: arriba/abajo, bueno/malo, alto/medio/bajo

3. Imágenes PNG/SVG como botones

Para navegación y acciones, puedes insertar imágenes como botones con acciones asociadas (bookmark, page navigation, URL).

• Insert → Image → selecciona tu icono PNG o SVG
• En Format image → Action, asigna la acción del botón
• Siempre incluye el tooltip con la descripción de la acción

4. Caracteres Unicode y emoji

La forma más rápida y sin archivos externos. Los emojis y caracteres Unicode se pueden incluir en títulos, etiquetas y medidas DAX directamente.

• Medida DAX: _Icon = IF([Margen] >= 0.25, "✅", IF([Margen] >= 0.15, "⚠️", "🔴"))
• Incluir en títulos de visual: "📊 Ventas por Región"
• Limitación: el estilo visual depende del sistema operativo del usuario

Los que más veo en auditorías de informes

Antes de publicar, verifica estos 10 puntos

• Todos los botones tienen texto visible o, como mínimo, un tooltip descriptivo
• Cada icono tiene un significado único y consistente en todo el informe
• Los iconos estándar se usan con su significado estándar (🔍 = buscar, 🏠 = inicio)
• Los iconos de estado (bueno/malo) tienen formas distintas además del color (✓ / ✗)
• Todos los iconos de un mismo contexto comparten el mismo estilo visual
• Los iconos tienen un tamaño mínimo de 16×16px para ser reconocibles
• No hay iconos puramente decorativos que no aporten información
• Los iconos en botones de navegación funcionan correctamente en Power BI Service
• Los iconos SVG en tablas están correctamente configurados como Image URL
• En la versión mobile, los elementos clave tienen texto en lugar de solo iconos