🖱️

Navegación y Micro-instrucciones

"La navegación debe ser aburridamente predecible." Botones Atrás y Reset siempre visibles, botón de información (i) para explicar KPIs, transparencia de cálculos y señales visuales para guiar al usuario

Intermedio
🧭

La navegación debe ser aburridamente predecible

Si el usuario tiene que pensar en cómo navegar, el diseño ha fallado

La navegación de un informe Power BI debería ser tan obvia que resultase aburrida. Nada de menús ocultos, nada de gestos secretos, nada de botones que aparecen solo al pasar el ratón. El recorrido debe ser obvio desde el primer segundo.

Cuando un usuario abre tu informe, debería poder responder estas tres preguntas en menos de 3 segundos sin ayuda:

  1. ¿Dónde estoy? — Título de página visible, breadcrumb o indicador de sección activa
  2. ¿A dónde puedo ir? — Navegación visible, botones con texto claro
  3. ¿Cómo vuelvo atrás? — Botón de retorno siempre en el mismo sitio

"La navegación debe ser aburridamente predecible."

— Estrategia de navegación, Kawaii BI

📋

Los 4 principios de navegación en dashboards

De tu slide a tu informe — los 4 pilares

💡 Tip kawaii: Piensa en tu informe como una web. Las mejores webs del mundo (Google, Amazon, gov.uk) tienen navegación que parece invisible de tan obvia. Eso es exactamente lo que necesita tu dashboard: predecibilidad total.
↩️

Botones Atrás y Reset — siempre visibles

El usuario necesita sentir que puede deshacer cualquier cosa

En Power BI, cuando un usuario filtra datos con un slicer, hace drill-through a una página de detalle o selecciona un punto en un gráfico, necesita una forma obvia de volver al estado anterior. Si no la tiene, se siente atrapado — y un usuario atrapado es un usuario que cierra el informe.

Los dos botones imprescindibles

  • Botón "Volver" / "← Atrás": Lleva al usuario de vuelta a la página anterior. Imprescindible en páginas de drill-through y en cualquier informe con más de 3 páginas. Posición: esquina superior izquierda, siempre en el mismo lugar.
  • Botón "Reset filtros" / "Limpiar todo": Restaura todos los slicers a su estado por defecto. El usuario necesita poder volver a "cero" en cualquier momento sin tener que recordar qué filtró. Posición: junto a los slicers, arriba a la derecha o al final de la barra de filtros.

Cómo crear un botón de Reset filtros en Power BI

  1. Crea un bookmark con todos los slicers en su estado por defecto (sin filtrar): View → Bookmarks → Add bookmark
  2. En las opciones del bookmark, marca solo "Data" (desmarca "Display" y "Current page") para que solo afecte a los filtros
  3. Inserta un botón: Insert → Buttons → Blank button
  4. En Format button → Action, selecciona Type: Bookmark y elige tu bookmark de reset
  5. Dale texto claro: "🔄 Limpiar filtros" y configura los 3 estados (default, hover, press)
  6. Cópialo en todas las páginas en la misma posición
⚠️ Ojo con esto: El botón de reset es más crítico de lo que parece. Sin él, un usuario que filtra por "Norte" y luego olvida ese filtro puede estar viendo datos parciales durante toda una reunión sin darse cuenta. Un reset visible previene errores de interpretación graves.
💬

Micro-instrucciones: no asumas que el usuario es experto

Tu audiencia no sabe lo que tú sabes

Las micro-instrucciones son pequeños textos o elementos visuales que guían al usuario sobre cómo interactuar con el informe o cómo interpretar un dato. Son el equivalente a las señales de un aeropuerto: nadie las nota conscientemente, pero sin ellas todo el mundo se perdería.

El error más común del desarrollador de dashboards es asumir que su audiencia tiene el mismo contexto que él. No lo tiene. La persona que mira tu informe puede no saber qué significa "Margen", cómo se calcula un KPI, o que puede hacer clic en un gráfico para filtrar los demás.

Tipos de micro-instrucciones en Power BI

  • Texto de ayuda en slicers: "Selecciona una región para filtrar todos los visuals de esta página"
  • Subtítulo descriptivo en visuals: "Haz clic en una barra para ver el detalle por producto"
  • Indicadores de interactividad: Un icono 🔍 o el texto "Ver más (+)" junto a un visual con drill-through
  • Tooltips enriquecidos: Al pasar el ratón sobre un dato, mostrar contexto adicional (definición del KPI, período, fuente de datos)
  • Texto de fecha de actualización: "Última actualización: 21/05/2026 08:30" visible en cada página
📌 Buena práctica: Añade un pequeño texto en la parte inferior de cada página con la fecha de última actualización del dataset. Puedes hacerlo con una medida DAX: _LastRefresh = "Actualizado: " & FORMAT(MAX('Date'[Date]), "DD/MM/YYYY")
ℹ️

El botón de información (i) — explica el informe en el sitio

No obligues al usuario a buscar la documentación fuera del informe

El botón (i) es un patrón de diseño universal: un pequeño icono circular con una "i" que, al hacer clic o pasar el ratón, muestra información contextual sobre el elemento junto al que está. En dashboards Power BI es la forma más elegante de proporcionar contexto sin saturar la interfaz.

Demo: KPI con botón de información

Margen

25%

+3,2pp vs. año anterior

i

Margen

25%

+3,2pp vs. año anterior

Margen =
(Ventas − Costes) / Ventas

Fuente: SAP Finance
Período: Ene–May 2026
Ver más (+)

Cómo implementarlo en Power BI

  1. Inserta un botón con icono ("i" o el icono de información) al lado del KPI
  2. Crea una página de tooltip con la definición del KPI, su fórmula y la fuente de datos
  3. En las propiedades del botón, configura Action → Type: Page navigation apuntando a una página oculta con la documentación, o usa un tooltip enriquecido
  4. Alternativa más sencilla: crea un bookmark que muestre/oculte un cuadro de texto con la información
💡 Tip kawaii: Los tooltip pages de Power BI son perfectos para esto. Crea una página de tamaño tooltip (320×240 px), pon la definición del KPI, y asígnala como tooltip del visual de la card. Así el usuario ve la explicación al pasar el ratón, sin salir de la página.
🔍

Transparencia de KPIs: muestra el cálculo

Si el usuario no sabe cómo se calcula un número, no confía en él

La transparencia de KPIs es el principio de que el usuario debería poder ver, sin salir del informe, cómo se ha calculado cada indicador clave. No necesita abrir Power BI Desktop ni leer documentación técnica — la información debe estar ahí, accesible con un clic o un hover.

Qué incluir en la definición de un KPI

  • Nombre completo: "Margen bruto operativo" (no solo "Margen")
  • Fórmula: (Ventas − Costes) / Ventas — en lenguaje de negocio, no en DAX
  • Fuente de datos: De qué sistema o tabla viene el dato (SAP, CRM, Excel...)
  • Período: Qué rango temporal cubre el dato mostrado
  • Frecuencia de actualización: Cada cuánto se refresca (diario, semanal, en tiempo real)
  • Responsable: Quién mantiene el dato o a quién preguntar si hay dudas
⚠️ Ojo con esto: "Margen" puede significar margen bruto, margen neto, margen operativo o margen de contribución dependiendo de quién lo lea. Si no especificas cuál es, cada persona de tu audiencia interpretará un número diferente — y tomarán decisiones basadas en datos que entienden de formas distintas.
🔗

Señales visuales de profundidad (+)

Indica al usuario que hay más información disponible

Las señales de profundidad son indicadores visuales que le dicen al usuario "aquí hay más — haz clic para profundizar". Sin ellas, el usuario no sabe que puede hacer drill-through, que hay un tooltip enriquecido o que un botón lleva a una página de detalle.

Señal Cuándo usarla Cómo en Power BI
"Ver más (+)" Un visual tiene una página de drill-through con más detalle Botón con texto claro y Action → Page navigation o Drill through
Icono 🔍 El visual permite explorar datos al hacer clic Texto o imagen junto al título del visual
Subrayado o cursor pointer Un texto es clicable y lleva a otra página Botón con estilo de enlace (sin borde, color coral, subrayado)
Flecha → al lado de un título El título del visual es un enlace a una página de detalle Botón superpuesto al título del visual con acción de navegación
Texto "Haz clic para filtrar" Un gráfico tiene interacciones de cross-filtering activadas Cuadro de texto pequeño debajo del visual, en gris claro
Icono (i) junto a un KPI El KPI tiene una definición o tooltip enriquecido disponible Botón circular con tooltip page o bookmark
💡 Tip kawaii: Las señales de profundidad no tienen que ser grandes ni llamativas — un simple "+" o "→" al lado de un título es suficiente. Lo que importa es que estén ahí, que sean consistentes y que siempre lleven a algún sitio. Una señal de profundidad que no funciona es peor que no tener ninguna.

Checklist de navegación y micro-instrucciones

Antes de publicar, verifica estos 12 puntos

  • La navegación está siempre visible — no depende de hover ni de menús ocultos
  • Hay un botón "Volver" o "← Atrás" en todas las páginas de drill-through
  • Hay un botón "Reset filtros" visible junto a los slicers en cada página
  • El usuario puede identificar dónde está (título de página, breadcrumb o pestaña activa)
  • Todos los botones tienen texto descriptivo además del icono
  • Los KPIs principales tienen una definición accesible (tooltip, botón i, o leyenda)
  • Las fórmulas de los KPIs están escritas en lenguaje de negocio, no en DAX
  • La fecha de última actualización es visible en cada página
  • Los visuals con drill-through tienen señal de profundidad ("Ver más", "+", 🔍)
  • Los visuals con cross-filtering tienen una indicación de que son clicables
  • Los tooltips enriquecidos aportan contexto nuevo, no repiten el valor del visual
  • La navegación del informe funciona correctamente en Power BI Service (no solo en Desktop)
🚀 ¡Lo estás haciendo genial! La navegación y las micro-instrucciones son la diferencia entre un informe que el usuario abandona frustrado y uno que le hace sentir seguro y orientado. No asumas nada — guía, explica, y deja siempre una puerta de vuelta. 🌸