Diseño y presentación digital: que tu idea se entienda antes de que la expliques

1. Para qué sirve este tema

Un diseño correcto no hace que tu idea sea buena; hace que llegue. La mayoría del material escolar que se produce en pantalla falla en lo mismo: información amontonada, seis tamaños de letra distintos, texto leído en voz alta por quien presenta y colores que nadie en la última fila alcanza a ver. Nada de eso es falta de gusto. Son decisiones que se pueden aprender en una tarde y que se aplican igual en un póster, en una diapositiva, en una hoja de cálculo o en el formulario que alguien llenará en su teléfono.

Además, el diseño tiene una dimensión que suele omitirse: la accesibilidad. Si una persona con daltonismo no distingue tus dos series de datos, o si quien está en el fondo del salón no puede leer tu pie de página, tu material no comunica con la mitad de tu audiencia. Aquí vas a medir ese riesgo con números, no con opiniones.

3. Cuatro principios que resuelven el ochenta por ciento de los problemas

Contraste: lo importante debe verse distinto de lo secundario, en tamaño, peso, color o posición. Sin contraste no hay lectura en diagonal, y nadie lee en diagonal una diapositiva de pantalla completa. Repetición: los mismos elementos, de la misma manera, en todas las páginas. La repetición es lo que hace que un material parezca un trabajo y no cinco hojas sueltas. Alineación: nada se coloca al azar; cada elemento comparte un borde imaginario con otro. La alineación produce orden sin necesidad de decoraciones. Proximidad: lo que va junto se escribe junto. La distancia entre elementos es información: dos párrafos separados por un espacio grande se leen como temas distintos, aunque hablen de lo mismo.

4. Jerarquía tipográfica: tres niveles y ya

La tipografía se ve, casi nunca se lee. Su trabajo es decir con el cuerpo y el espacio qué va primero. Basta con una escala de tres niveles más un cuarto menor para fuentes y pies: título de página, subtítulo o encabeza de bloque, cuerpo, y nota. Todo lo que se salga de la escala debe poder justificarse.

Dos reglas adicionales que evitan casi todos los accidentes. Una sola familia tipográfica por documento, con dos variantes de peso como máximo: mezclar tres fuentes distintas no da riqueza visual, da desorden. Y nada de párrafos justificados en pantalla: el justificado crea huecos irregulares entre palabras y dificulta el rastreo visual, sobre todo en lectores con dificultades de atención o de lectura.

5. Color, contraste y accesibilidad medible

El color es información redundante: si solo el color distingue tus dos series, quien no percibe ese color pierde el dato. Por eso toda serie diferenciada por color debe llevar además etiqueta directa o un patrón distinto. Y el color de texto sobre fondo debe cumplir una proporción mínima de contraste, que se calcula con las luminosidades relativas de ambos tonos y no con la impresión que tengas.

7. La presentación: estructura antes que decoración

Una presentación de clase no es un documento paginado. Quien la ve no puede retroceder, así que necesita tres cosas: saber dónde está, saber a dónde va y recibir una idea por vez. La estructura mínima de ocho diapositivas es: portada con título y contexto, planteamiento del problema, por qué importa, dos diapositivas de evidencia con un gráfico cada una, una de interpretación, una de limitaciones o contraargumento, y cierre con la conclusión y la siguiente pregunta.

Suma los tiempos de habla de la tabla anterior: trescientos segundos, es decir cinco minutos de exposición para ocho láminas. Si tu calificación depende de hablar quince minutos, el problema no se arregla agregando diapositivas: se arregla agregando evidencia hablada y dejando en pantalla solo lo que sostiene el argumento.

8. Laboratorio: mide tu propio material

Necesitas una diapositiva o una imagen que hayas hecho y un medidor de contraste en línea gratuito. Protocolo de cinco pasos. Paso 1: anota el color de texto y el de fondo con su código de seis dígitos. Paso 2: calcula la proporción y regístrala. Paso 3: compara contra 4.5 a 1 si es cuerpo de texto, o 3 a 1 si es texto grande. Paso 4: revisa tu material en escala de grises; si la información desaparece, dependías del color. Paso 5: aléjate un metro de la pantalla y pregunta qué título entendería alguien desde el fondo del salón.

9. Simulación de variables tipográficas

Tres pantallas de la misma lámina, con una sola variable cambiada cada vez. Decide en cuál entiendes más rápido el mensaje y después reproduce la prueba con alguien que no haya visto el material.

La columna C es la que gana en las tres variables, y no porque la hayas adivinado: cada una de sus elecciones reduce trabajo cognitivo al lector. Esa es la prueba de que el diseño no es decoración, sino economía de atención.

10. Tu artefacto: ocho diapositivas con datos

Vas a rediseñar o construir una presentación de ocho diapositivas sobre un tema de otra materia de tu semestre, con al menos un gráfico hecho por ti a partir de datos verificables. Requisitos que se revisan uno por uno: escala de tres cuerpos, una sola familia tipográfica con dos pesos, contraste medido y registrado con su número, un gráfico de barras con etiquetas directas y ordenado de mayor a menor, máximo seis líneas de texto por lámina, fuente del dato visible en la misma lámina del dato, y una última diapositiva con limitaciones o contraargumento.

Errores frecuentes de este tema

Estos son los cinco fallos que más se repiten al producir el artefacto del tema, en el orden en que suelen aparecer. No son teoría: cada uno tiene su arreglo concreto, y la mayoría se corrige cambiando el orden de trabajo, no esforzándose más.

11. Práctica guiada

Toma la peor diapositiva que tengas. Aplícale en este orden: borra el texto hasta dejar una afirmación como título; define tu escala de tres cuerpos; alinea todos los elementos a un borde común; si hay gráfica, conviértela en barras ordenadas con etiqueta directa; mide el contraste y corrígelo; y escribe en la misma lámina de qué fuente salió el dato. Guarda la versión antes y después una al lado de la otra: ese par de imágenes es evidencia para tu tablero de la Unidad 1.

13. Práctica independiente

Construye el artefacto completo y somételo a tres pruebas antes de entregar: vista en escala de grises, vista a un metro de distancia y lectura de un compañero que no conoce el tema durante veinte segundos. Registra qué falló en cada prueba y corrige. Adjunta a tu entrega la tabla de contrastes medida y el par antes y después.

14. Aplicación real

Estas decisiones reaparecen sin aviso en cualquier entorno laboral o académico posterior: el informe que un jefe lee en el teléfono entre dos reuniones, el cartel de un congreso, la ficha de un producto, el tablero de indicadores de una dependencia pública. En todos esos casos el criterio gana igual: si el lector no puede extraer la idea principal en cinco segundos, el contenido correcto no llega. Y la accesibilidad deja de ser opcional en cuanto el material es de interés público.

17. Fuentes y trazabilidad

Marco curricular: programa de estudios para la educación media superior, SEP/DGB, Nueva Escuela Mexicana, ciclo escolar vigente; campo de Cultura Digital, semestre 2. Meta de aprendizaje de referencia: producción de artefactos digitales con criterios técnicos y estéticos. Autor del contenido: Roadwise Consulting para Lumbre, 2026. Criterios de contraste: formulados con palabras propias a partir de las proporciones de referencia internacionalmente aceptadas para texto accesible; verifica los valores vigentes en la especificación de accesibilidad para contenido web antes de citar. Nota: los valores de la tabla de laboratorio son ejemplos típicos, no medidas de un material real.

OA anterior: primero de la Unidad 2. OA siguiente: Datos y hojas de cálculo, donde los datos de tu gráfica se construyen con fórmulas y no a ojo. Unidad completa: cuatro objetos.