Mirá la pantalla que tenés enfrente y empezá a leerla…

Casos breves: qué miramos, qué ajustamos y qué cambió

Reunimos situaciones de trabajo reales del aula y del laboratorio, siempre contadas sin nombres ni cifras. Cada entrada describe el punto de partida, las decisiones que tomamos y el resultado aplicado que quedó en la pieza. Son escenarios de práctica: sirven para mostrar el método, no para prometer resultados.

Los casos que siguen son ejemplos de ejercicios y revisiones hechas en clase. No corresponden a clientes identificables ni incluyen métricas de negocio.

Menú de app de transporte que no se entendía

Situación. Una pantalla de inicio acumulaba accesos, avisos y promociones al mismo nivel visual. En la prueba de lectura, nadie encontraba el botón principal en los primeros segundos.

Qué hicimos. Reordenamos la jerarquía por peso y contraste, agrupamos acciones secundarias en un bloque plegable y dejamos una sola llamada a la acción dominante.

Resultado aplicado. El recorrido de lectura pasó a ser predecible y el foco visible del teclado siguió un orden lógico de arriba hacia abajo.

Texto legal ilegible en un formulario largo

Situación. Las condiciones se mostraban en cuerpo pequeño, con interletrado cerrado y líneas muy largas. Cumplía el contraste mínimo, pero cansaba después de dos párrafos.

Qué hicimos. Probamos con textos reales en lugar de relleno, ajustamos el largo de línea, abrimos el interletrado y separamos el contenido en bloques con subtítulos.

Resultado aplicado. La lectura se sostuvo hasta el final y el bloque dejó de competir con los campos del formulario.

Galería de ejercicios sin descripciones útiles

Situación. Cada pieza tenía un texto alternativo que repetía el título o describía colores sin contexto. Para quien no ve la imagen, la galería era una lista de nombres.

Qué hicimos. Reescribimos los textos alternativos a partir de la decisión de diseño que muestra cada pieza y marcamos como decorativas las imágenes que no aportaban información.

Resultado aplicado. La galería se puede recorrer con lector de pantalla y cada descripción explica qué se está mirando y por qué.

Grilla rígida que no aguantaba pantallas chicas

Situación. Una composición de doce columnas se desarmaba en móvil: los bloques se apilaban sin ritmo y el contenido importante quedaba al final.

Qué hicimos. Pasamos a una grilla flexible con bloques de distinto peso, definimos puntos de anclaje y decidimos a conciencia dónde romper la grilla.

Resultado aplicado. La misma página mantiene el orden de lectura en escritorio y en pantalla chica, sin perder el aire entre secciones.

Modal que atrapaba el foco del teclado

Situación. Al abrir una ventana de confirmación, el foco se quedaba detrás del panel. Quien navegaba con teclado no podía cerrarla ni llegar a los botones.

Qué hicimos. Definimos el orden de tabulación, movimos el foco al primer elemento del modal y lo devolvimos al punto de origen al cerrar.

Resultado aplicado. El recorrido con teclado quedó completo y el indicador de foco se lee sin confundirse con bordes decorativos.

Íconos que no decían nada sin contexto

Situación. Una barra de herramientas usaba solo símbolos. Cada persona del grupo les daba un significado distinto y nadie acertaba la función real.

Qué hicimos. Sumamos etiquetas visibles en los íconos ambiguos, dejamos el símbolo solo donde ya era convención y revisamos el contraste del estado activo.

Resultado aplicado. La barra se entiende sin explicación previa y el estado seleccionado se distingue del resto.

Antes de sumarte a Pantalla Abierta conviene saber qué nos diferencia de un curso grabado o de un tutorial suelto. Acá no se trata de memorizar reglas: se trata de mirar la pantalla que tenés enfrente y entender por qué funciona o por qué te obliga a pensar de más.

Por qué elegir Pantalla Abierta

Partimos de pantallas reales

Cada ejercicio arranca con una interfaz que usás todos los días: home banking, apps de transporte, menús de televisor. Analizamos decisiones concretas de jerarquía visual, contraste y navegación en lugar de ejemplos de laboratorio.

Accesibilidad desde el inicio

El foco visible, los textos alternativos y la legibilidad no son un anexo al final del proyecto. Se trabajan como parte de la composición, con la misma atención que el color o la tipografía.

Ejercicios que se corrigen en clase

No entregamos plantillas cerradas. Proponés una solución, la justificás y la discutimos con criterios concretos: qué se destaca primero, qué se pierde y por qué.

Docentes que trabajan en el tema

El equipo docente viene del diseño de interfaces y de la accesibilidad aplicada, no solo de la teoría. Traen casos de Buenos Aires y de proyectos donde las decisiones tuvieron consecuencias reales.

No prometemos certificaciones oficiales ni resultados garantizados. Lo que ofrecemos es un espacio para entrenar la mirada y llevarte criterio aplicable a tu próximo proyecto. Si querés ver cómo lo resolvemos en la práctica, podés recorrer las soluciones o escribirnos desde contacto.

Mirá la pantalla que tenés enfrente y empezá a leerla como diseñador

Empezá por la pantalla que tenés más cerca