certmundo.
es‑mx

6 min de lectura

¿Cómo diseñar el layout visual de un dashboard profesional?

Diseñar el layout visual de un dashboard profesional significa organizar cada elemento en la hoja de Excel siguiendo principios de jerarquía, contraste y flujo visual para que el usuario encuentre la información clave en segundos.

Jerarquía visual: qué va primero

La jerarquía visual determina el orden en que el ojo recorre el tablero. Los elementos más importantes deben ser los más grandes y los más contrastantes.

Un dashboard profesional se divide en tres zonas verticales:

  • Zona superior (encabezado): nombre del reporte, período, logotipo y filtros.
  • Zona media (KPIs principales): tarjetas de indicadores clave, gráficas de tendencia.
  • Zona inferior (detalle): tablas de soporte, gráficas secundarias, notas.

Esta estructura garantiza que un director de FEMSA lea primero los KPIs críticos antes de bajar al detalle operativo.

Cuadrícula base y proporciones

Antes de insertar un solo gráfico, define la cuadrícula base del tablero. Ajusta el ancho de las columnas y el alto de las filas para crear una retícula uniforme.

Una retícula práctica para un monitor Full HD (1920 × 1080 px) en Excel:

Zona Filas sugeridas Alto por fila
Encabezado 1–4 20 pt
KPIs 5–16 15 pt
Gráficas principales 17–36 15 pt
Detalle / tablas 37–50 14 pt

Usar una retícula consistente evita que los objetos queden "flotando" sin alineación.

Tip práctico: selecciona todas las columnas (A–Z), haz clic derecho → "Ancho de columna" y escribe 2.14. Esto convierte cada celda en un cuadrado casi perfecto, lo que facilita alinear objetos con precisión.

Paleta de colores profesional

Una paleta de colores bien definida comunica seriedad y coherencia de marca. Usa máximo cinco colores en todo el tablero.

Estructura recomendada:

Rol Color Uso
Primario Azul corporativo (#1F3864) Encabezado, títulos
Acento Naranja o verde (#FF6B35 / #2ECC71) KPIs positivos, botones
Alerta Rojo (#C0392B) Indicadores negativos
Fondo Gris muy claro (#F2F2F2) Fondo general
Texto Gris oscuro (#2C2C2C) Cuerpo de texto

Por ejemplo, Liverpool usa azul marino y blanco en sus reportes internos. Bimbo combina rojo y blanco. Toma los colores HEX de la identidad corporativa de tu empresa y regístralos en Colores del tema (Diseño de página → Colores → Personalizar colores).

Regla de los tres tonos: escoge un color principal, un color de acento y un color neutro. Todo lo demás usa blanco o gris.

Tipografía y tamaños

La tipografía crea jerarquía sin necesidad de color. Usa dos fuentes como máximo.

Esquema básico:

  • Título del dashboard: Calibri Bold, 18 pt, color primario.
  • Títulos de sección: Calibri Bold, 12 pt, color primario.
  • Valores de KPI: Calibri Bold, 24–32 pt, color acento o alerta según resultado.
  • Etiquetas y subtítulos: Calibri Regular, 10 pt, gris oscuro.
  • Notas y fuentes: Calibri Regular, 8 pt, gris medio.

Nunca mezcles más de dos tamaños de fuente en la misma sección. El contraste de tamaño dirige la vista.

Tarjetas de KPI con formas de Excel

Las tarjetas de KPI son rectángulos que contienen el nombre del indicador, el valor actual y una comparación contra la meta. Se construyen con Formas de Excel, no con celdas combinadas.

Pasos para crear una tarjeta:

  1. Ve a Insertar → Formas → Rectángulo redondeado.
  2. Dibuja el rectángulo sobre la retícula (por ejemplo, ocupa 4 columnas × 10 filas).
  3. Aplica relleno con el color de fondo de tarjeta (#FFFFFF) y borde en color primario.
  4. Inserta un Cuadro de texto dentro de la forma para el título del KPI.
  5. Usa la Herramienta Cámara para vincular el valor dinámico desde la hoja de datos.

Ejemplo de tarjeta para Mercado Libre México:

┌─────────────────────────┐
│  Ventas del mes          │
│  $18,500,000             │  ← valor dinámico
│  Meta: $20,000,000  ▼7%  │
└─────────────────────────┘

El valor "$18,500,000" proviene de una celda de la hoja Datos. La Herramienta Cámara lo proyecta sin fórmulas en el área de diseño.

La Herramienta Cámara: diseño desacoplado

La Herramienta Cámara es una función poco conocida de Excel que captura un rango de celdas como imagen vinculada. Cualquier cambio en el rango original se refleja automáticamente en la imagen.

Cómo activar la Cámara:

  1. Clic en la flecha de Barra de herramientas de acceso rápido → "Más comandos".
  2. En "Comandos disponibles en", elige "Todos los comandos".
  3. Busca Cámara y agrégala a la barra.

Cómo usarla:

  1. Selecciona el rango en la hoja Datos (por ejemplo, B2:D5 con la tabla de KPIs).
  2. Haz clic en el ícono de Cámara.
  3. Ve a la hoja Dashboard y haz clic donde quieras pegar la imagen.
  4. La imagen aparece vinculada: si cambias los datos, la imagen se actualiza sola.

Esto permite que la hoja Dashboard sea solo un lienzo visual, completamente separado de los cálculos. Los analistas de FEMSA usan esta técnica para mantener un tablero limpio sin fórmulas expuestas.

Alineación y espaciado consistente

El espaciado consistente es lo que separa un dashboard amateur de uno profesional. Usa las herramientas de alineación de Excel para distribuir objetos con precisión.

Pasos:

  1. Selecciona varios objetos (Ctrl + clic).
  2. Ve a Formato → Organizar → Alinear.
  3. Usa "Distribuir horizontalmente" o "Distribuir verticalmente" para separar los objetos a distancias iguales.

Regla práctica: deja al menos 8 px de margen interior en cada tarjeta y 16 px de separación entre tarjetas.

Plantilla de referencia: estructura de una hoja Dashboard

Una plantilla funcional para un reporte mensual de ventas tiene esta composición:

Filas 1–4    | Encabezado: logo, título, período, filtro de mes
Filas 5–16   | Fila de KPIs: 4 tarjetas (Ventas, Margen, Unidades, Devoluciones)
Filas 17–36  | Gráficas: línea de tendencia (izq.) + barras por región (der.)
Filas 37–50  | Tabla de detalle: top 10 productos, formato condicional activo
Fila 51      | Pie: fuente de datos, fecha de actualización

Esta estructura aplica igualmente para un reporte de recursos humanos en el IMSS, un tablero de logística de Bimbo o un reporte financiero del SAT.

Errores comunes

Error 1: Mezclar hojas de cálculo y diseño en la misma hoja. Poner fórmulas, tablas dinámicas y gráficas en la misma hoja que el dashboard genera desorden. Separa siempre en hojas: Datos, Cálculos y Dashboard.

Error 2: Usar demasiados colores. Cada color nuevo que agregas reduce la claridad del mensaje. Si usas siete colores distintos en las barras de una gráfica, el usuario no sabe qué es importante. Limita a cinco colores máximo en todo el tablero.

Error 3: Ignorar la escala de los gráficos. Dos gráficas de barras que miden ventas en regiones diferentes deben tener el mismo eje Y para ser comparables. Si una llega a $5,000,000 y la otra a $500,000 con ejes distintos, la comparación visual es engañosa.

Error 4: Celdas combinadas en lugar de formas. Las celdas combinadas rompen el comportamiento de las tablas y los filtros. Usa formas y cuadros de texto para los elementos decorativos, y deja las celdas libres para datos.

Error 5: No proteger la hoja del dashboard. Si el tablero lo usarán otros usuarios, protege la hoja (Revisar → Proteger hoja) para que no muevan accidentalmente un objeto o borren una fórmula vinculada.

Resumen de principios de diseño

Principio Regla práctica
Jerarquía KPIs arriba, detalle abajo
Contraste Máximo 5 colores; rojo solo para alertas
Alineación Retícula base antes de insertar objetos
Proximidad Agrupa lo relacionado, separa lo independiente
Simplicidad Elimina todo lo que no comunica un dato

Puntos clave

  • Define una **retícula base** antes de insertar cualquier objeto: ajusta columnas y filas a un tamaño uniforme para que todos los elementos queden alineados con precisión.
  • Usa máximo **cinco colores** en todo el tablero; reserva el rojo exclusivamente para alertas y el color primario corporativo para encabezados y títulos.
  • La **Herramienta Cámara** vincula rangos de la hoja `Datos` al lienzo `Dashboard` como imágenes dinámicas, manteniendo el diseño separado de los cálculos.
  • Construye las **tarjetas de KPI** con Formas de Excel, no con celdas combinadas; las formas no interfieren con tablas dinámicas ni con filtros.
  • Protege la hoja `Dashboard` con contraseña antes de distribuirla para evitar que los usuarios muevan objetos o eliminen vínculos accidentalmente.

Comparte esta lección: