Ya sabes qué visuales necesitas. Ahora vas a organizarlos para que el informe pueda leerse con comodidad. La claridad depende de la jerarquía, los espacios, los títulos y el contraste. No consiste en llenar cada rincón del lienzo ni en utilizar todos los colores de la paleta.
Define el recorrido de lectura
Crea una página llamada Vista general. En la parte superior coloca un título que describa el caso: «La Encina: ventas de enero y febrero de 2026». Añade una nota breve indicando que son datos ficticios, importes sin impuestos y coste directo de productos. Esa información evita interpretaciones que el modelo no puede sostener.
Debajo sitúa las tarjetas de ventas, margen comercial y unidades. Reserva el centro para la comparación por producto y por mes. Deja una zona lateral o superior para los filtros. El orden ayuda a pasar de una visión general a preguntas más concretas sin buscar controles dispersos.
Una página no tiene que contener todo el detalle. Si una tabla de doce líneas hace que los gráficos sean diminutos, llévala a otra página. Separar funciones resulta más útil que reducir el tamaño de letra hasta que todos los objetos quepan.
Trabaja con alineación y espacio
Utiliza las opciones de alinear y distribuir para que los objetos compartan márgenes. Dos tarjetas casi alineadas producen sensación de desorden aunque su contenido sea correcto. Una cuadrícula sencilla de dos o tres columnas suele bastar para este proyecto.
Mantén separaciones visibles entre grupos. El espacio vacío no es un defecto: ayuda a reconocer qué elementos pertenecen a una misma pregunta. Si dos gráficos se tocan y sus títulos se mezclan, la página exige más esfuerzo del necesario.
Elige un tamaño de página adecuado al uso previsto y revisa cómo se ve a tamaño real. Diseñar con un zoom muy alto puede hacerte creer que las etiquetas se leen bien cuando después resultan minúsculas en un portátil. Prueba la página sin ampliar artificialmente cada visual.
Escribe títulos que informen
«Ventas por producto» explica la comparación. «Gráfico 1» no aporta nada. «Margen comercial sobre ventas» aclara un porcentaje que podría confundirse con margen sobre coste. Los títulos deben utilizar palabras del negocio y reservar los nombres técnicos para el trabajo interno.
Si una tarjeta fuerza el canal Web mediante CALCULATE indícalo. Si otra responde al segmentador general, evita un título que prometa una cifra fija. Puedes empezar con títulos estáticos bien elegidos y desarrollar títulos dinámicos más adelante cuando domines el contexto.
No ocultes el periodo en una nota diminuta. Una cifra de ventas sin fechas es incompleta. En este caso el encabezado explica la cobertura del conjunto y los segmentadores muestran la selección. Si restringes la página a enero, la persona que la lea debe poder reconocerlo sin abrir el panel de filtros.
Utiliza el color con una regla
Selecciona un color principal oscuro para datos generales y un color secundario para una distinción útil. Mantén el mismo significado en todas las páginas. Si Web es azul en un gráfico no debería ser naranja en otro sin motivo. La consistencia reduce el esfuerzo de interpretación.
No dependas exclusivamente del rojo y el verde para comunicar un estado. Añade texto, etiquetas o símbolos comprensibles cuando exista una clasificación. Algunas personas distinguen peor ciertas combinaciones y otras consultan capturas impresas en blanco y negro.
Comprueba el contraste entre texto y fondo. Los tonos muy claros pueden parecer elegantes en una pantalla grande y desaparecer en otra. Prioriza la lectura de cifras y controles. Un fondo sencillo permite que los datos destaquen sin necesidad de efectos visuales.
Prepara la accesibilidad del informe
Añade texto alternativo a los visuales que lo permitan. Describe su finalidad: «Comparación de ventas por producto dentro de los filtros seleccionados». Evita escribir una cifra fija si el contenido cambia al filtrar porque la descripción podría quedarse desactualizada.
Revisa el orden de tabulación en el panel correspondiente para que el recorrido con teclado siga una secuencia razonable. Empieza por los controles principales y continúa por los visuales de lectura. Retira del recorrido los elementos puramente decorativos cuando la configuración lo permita.
Prueba a desplazarte sin ratón. No necesitas convertirte en especialista en accesibilidad para detectar que un botón no tiene un nombre útil o que un control queda fuera del orden esperado. Estas comprobaciones ayudan a personas con necesidades diferentes y también mejoran el uso general.
Revisa una presentación estrecha
Si el informe se consultará desde un móvil utiliza la vista de diseño móvil cuando esté disponible para preparar una disposición específica. No asumas que reducir la página de escritorio producirá una lectura adecuada. Prioriza tarjetas, filtros esenciales y una comparación que pueda verse sin texto microscópico.
La vista móvil no sustituye una prueba con el dispositivo o el entorno de publicación previsto. Como todavía puedes estar trabajando solo en Desktop, deja anotada la comprobación pendiente. Distinguir entre diseñado y probado evita dar por terminada una experiencia que aún no has visto en uso.
En una exportación estática se pierden interacciones. Por eso el periodo y las unidades deben estar visibles incluso cuando el lector no pueda tocar un segmentador. Diseñar con esa posibilidad en mente hace que una captura sea menos ambigua.
Errores habituales
Una página saturada obliga a buscar la información. Las etiquetas pequeñas dificultan comparar. El color sin significado distrae. Los títulos genéricos ocultan el propósito del visual. Y una descripción alternativa con cifras fijas puede contradecir el resultado filtrado. Revisa primero estos aspectos antes de añadir adornos.
Ejercicio práctico
Organiza Vista general y revisa alineación, títulos, tamaños, contraste y tabulación. En la hoja 14 completa «Distribución de la página», «Regla de colores», «Prueba de lectura» y «Mejora de accesibilidad». Guarda una captura de referencia en tus propios materiales de trabajo si te ayuda a comparar el diseño antes y después.
Lo que deberías recordar
– La jerarquía visual debe acompañar la pregunta de negocio.
– Los espacios y las alineaciones forman parte de la lectura.
– El color necesita significado y no debe ser la única señal.
– La accesibilidad se comprueba mediante acciones concretas.
Siguiente lección: Añade segmentadores y controla las interacciones.
