🔤

Consistencia y Tipografía

"La consistencia reduce la curva de aprendizaje." Jerarquía tipográfica, la Regla de Oro de tamaños, fuentes Sans Serif, y por qué los botones de tu informe deben comportarse siempre igual

Principiante
👑

¿Por qué la consistencia es el rey?

Cada inconsistencia es una pregunta que el usuario tiene que responder

La consistencia en un dashboard significa que los mismos tipos de elementos siempre se ven y se comportan igual en todas las páginas del informe. Mismos colores para las mismas categorías, mismos tamaños de texto para el mismo nivel de importancia, mismos estilos de botón en toda la navegación.

Cuando tu informe es consistente, el usuario aprende las "reglas" una vez y puede moverse libremente sin pensar en la interfaz. Cuando no lo es, cada diferencia — aunque sea pequeña — obliga al cerebro a preguntarse: "¿Esto es diferente porque tiene un significado diferente, o simplemente no coincide?" Esa duda consume atención que debería ir a los datos.

"La consistencia reduce la curva de aprendizaje."

— Kawaii BI

💡 Tip kawaii: La consistencia no es aburrir al usuario — es liberarle. Un informe visualmente consistente permite a tu audiencia dedicar el 100% de su atención a entender los datos en lugar de descifrar la interfaz.
📏

La Regla de Oro de la jerarquía tipográfica

Tres niveles, tres tamaños, sin excepciones

En un dashboard profesional, los textos se organizan en tres niveles claros de importancia. Cada nivel tiene un tamaño definido y no se mezcla con los demás. Esta jerarquía permite al ojo saber al instante qué es un título, qué es un subtítulo y qué es un dato — sin leer una sola palabra.

Ventas por Región Títulos — 20-24px
Acumulado enero – diciembre 2025 Subtítulos — 14-16px
€ 1.284.390 | Norte: 42% | Sur: 31% | Centro: 27% Datos / Cuerpo — 11-12px

Por qué estos tamaños

  • 20-24px para títulos: Lo suficientemente grande para ser el primer punto de atención, pero no tan grande como para dominar el canvas. En Power BI, es el título del visual o la tarjeta de encabezado de la página.
  • 14-16px para subtítulos: Claramente menor que el título, pero legible sin esfuerzo. Se usa para subtítulos de visual, leyendas y etiquetas de eje.
  • 11-12px para datos y cuerpo: El tamaño mínimo legible en pantalla a distancia de trabajo normal (~50 cm). Los datos, las etiquetas de dato y el texto de tooltips van aquí. Nunca uses menos de 10px — por debajo, la legibilidad cae en picado.
⚠️ Ojo con esto: En Power BI los tamaños de fuente se configuran en puntos (pt), no en píxeles (px). La conversión aproximada es: 11px ≈ 8pt, 14px ≈ 10-11pt, 20px ≈ 15pt, 24px ≈ 18pt. Ajusta según la resolución de pantalla de tu audiencia.
🖋️

Fuentes recomendadas para dashboards Power BI

Máximo 1 o 2 fuentes — siempre Sans Serif

Las fuentes Sans Serif (sin remates) son la opción correcta para dashboards. Se leen mejor en pantalla, funcionan bien en tamaños pequeños y transmiten una sensación moderna y limpia. Las fuentes Serif (con remates, tipo Times New Roman) están pensadas para lectura prolongada en papel — no para escaneo rápido en pantalla.

Lo ideal es usar una sola familia tipográfica para todo el informe, variando solo el peso (regular, semibold, bold) y el tamaño. Si necesitas dos familias, una para títulos y otra para datos, asegúrate de que tengan proporciones similares para que no compitan entre sí.

Fuente Disponible en PBI Ideal para Notas
Segoe UI Sí — es la fuente por defecto Todo el informe (títulos + datos) La opción más segura. Diseñada por Microsoft para interfaces, excelente legibilidad en todos los tamaños.
DIN KPIs y números grandes Cifras bien definidas y distinguibles (0 vs O, 1 vs l). Muy profesional para dashboards financieros.
Segoe UI Semibold Títulos y encabezados Misma familia que Segoe UI pero con más peso. Perfecto para jerarquía dentro de una sola familia.
Calibri Informes tipo tabla / Excel Familiar para la audiencia corporativa. Buena alternativa si Segoe UI no encaja con el branding.
Arial Opción universal de respaldo Disponible en cualquier sistema. Menos personalidad que Segoe UI pero funcional.
📌 Buena práctica: Si tu organización tiene una fuente corporativa (ej: Montserrat, Open Sans, Roboto), puedes usarla en Power BI importándola como fuente del sistema. Pero verifica que esté instalada en todos los equipos que vayan a ver el informe — si no lo está, PBI sustituirá por la fuente por defecto y la consistencia se rompe.
🖱️

Estados de botón: Normal, Hover, Presionado

Mantén el mismo estilo en toda la navegación

Los botones de navegación en Power BI (page navigation, bookmarks, drill-through) tienen tres estados visuales que debes configurar de forma coherente en todo el informe. Si un botón cambia de color al pasar el ratón en una página pero no en otra, el usuario pierde la confianza en la interactividad.

Enviar

Normal

Enviar

Hover

Enviar

Presionado

Cómo configurarlo en Power BI

  1. Selecciona el botón → Format button → Style
  2. Configura el estado Default con el estilo base (borde + color claro)
  3. Cambia a On hover y configura el fondo relleno del color de acento
  4. Cambia a On press y usa un tono más oscuro del mismo color
  5. Repite exactamente los mismos colores y bordes en todos los botones del informe
💡 Tip kawaii: Usa el botón de "Reset all slicers" como modelo base. Formatea ese botón con los 3 estados correctos, luego cópialo (Ctrl+C / Ctrl+V) y cambia solo el texto y la acción. Así todos los botones son clones visuales exactos.
🔁

Consistencia visual en todo el informe

Las reglas que no pueden romperse entre páginas

La consistencia no es solo tipográfica — abarca cada decisión visual que se repite a lo largo de las páginas del informe. Estas son las dimensiones que debes mantener invariables:

Color

  • La misma categoría de datos usa siempre el mismo color en todas las páginas (ej: "Norte" siempre azul)
  • Verde siempre positivo, rojo siempre negativo — si hay formato condicional, los colores no cambian de significado
  • El color de fondo de página es idéntico en todas las páginas

Disposición

  • Los slicers están siempre en la misma posición (arriba o a la izquierda) en todas las páginas
  • El título de la página está siempre en el mismo lugar, con el mismo tamaño y formato
  • La barra de navegación (si existe) no cambia de posición ni de estilo

Formato de datos

  • Los decimales son siempre los mismos (ej: siempre 1 decimal para porcentajes, 0 para unidades)
  • Los separadores de miles son consistentes (1.284.390 o 1,284,390, nunca mezclados)
  • Las fechas tienen un formato único en todo el informe (dd/MM/yyyy o MMM yyyy, nunca ambos)

Interactividad

  • El estilo de los tooltips es igual en todos los visuals
  • El comportamiento de cross-filtering es predecible — si un visual filtra a los demás en una página, lo mismo debe ocurrir en todas
  • Los botones de navegación se comportan siempre igual (mismo estilo, mismos estados)
🐛

Errores comunes de consistencia en Power BI

Los más frecuentes (y los más fáciles de evitar)

❌ Inconsistente

  • 3 tipografías distintas en el mismo informe
  • "Ventas" es azul en la página 1 y verde en la página 3
  • Botón "Volver" cambia de forma entre páginas
  • Títulos de visual con 4 tamaños distintos
  • Decimales: 23,4% en una card, 23.42% en otra
  • Bordes en unos visuals sí y en otros no, sin criterio
  • Slicers arriba en la página 1, a la derecha en la 2

✅ Consistente

  • Segoe UI en todo el informe (regular + semibold)
  • "Ventas" es azul en todas las páginas, siempre
  • Todos los botones son clones visuales entre sí
  • Títulos de visual siempre 15pt semibold
  • Porcentajes siempre con 1 decimal: 23,4%
  • Todos los visuals sin borde, delimitados por espacio
  • Slicers siempre en la parte superior de cada página
⚠️ Ojo con esto: Las inconsistencias se acumulan. Una sola diferencia de formato no es grave. Pero cuando hay 5 o 6 pequeñas inconsistencias a lo largo de un informe de 8 páginas, el efecto total es de falta de profesionalidad — y el usuario pierde confianza en los datos aunque sean correctos.

Checklist de consistencia para Power BI

Antes de publicar, revisa estas 12 cosas

  • Una sola familia tipográfica (o dos como máximo) en todo el informe
  • Tamaños de texto en 3 niveles fijos: títulos, subtítulos y datos
  • Cada categoría de datos usa el mismo color en todas las páginas
  • Formato de números idéntico en todo el informe (decimales, separador de miles, moneda)
  • Formato de fechas idéntico en todo el informe
  • Los slicers están en la misma posición en todas las páginas
  • El título de página tiene el mismo formato y posición en todas las páginas
  • Todos los botones de navegación tienen los 3 estados configurados (default, hover, press)
  • Los tooltips tienen el mismo estilo en todos los visuals
  • El fondo de página es idéntico en todas las páginas
  • Los bordes de los visuals siguen un criterio único (todos con borde o todos sin borde)
  • El comportamiento de cross-filtering es coherente entre páginas
📌 Buena práctica: La forma más eficaz de garantizar la consistencia es usar un tema JSON de Power BI que defina todos los colores, fuentes y formatos desde el inicio. Así cualquier visual nuevo hereda las reglas automáticamente. En la sección Temas en Power BI lo veremos en detalle.
🚀 ¡Lo estás haciendo genial! La consistencia parece un detalle menor, pero es lo que separa un informe "bien hecho" de uno profesional. Tus usuarios no van a decirte "qué consistente es tu informe" — simplemente van a sentir que todo funciona, que todo tiene sentido, que pueden confiar en lo que ven. Eso es exactamente el objetivo. 🌸