Revisa los diseños adaptables con contenido real
Dos capturas de pantalla impecables pueden ocultar problemas en los tamaños intermedios. Los nombres largos, el zoom y las relaciones entre contenidos revelan lo que las maquetas fijas no muestran.
La brecha entre escritorio y móvil
Una barra de navegación puede caber en una pantalla de escritorio ancha y cambiar a un menú compacto en el teléfono, pero mostrarse desordenada entre ambos tamaños. Un formulario de dos columnas puede tener el mismo problema cuando las etiquetas se amontonan antes de que cambie el punto de quiebre. Dos capturas de los extremos no revelan ese intervalo.
Cambia el tamaño cerca del punto en que el contenido empieza a ser difícil de usar. La pregunta útil no es si se ve bien en el ancho de un dispositivo conocido, sino si el diseño responde de forma razonable cuando el contenido deja de caber.
Sustituye las etiquetas ideales por otras realistas
Prueba con el nombre largo de una organización, una etiqueta traducida cuando haya localización, una imagen ausente y un valor mucho mayor que el ejemplo. Son condiciones habituales del contenido, no casos extremos rebuscados. Revelan dependencias ocultas de textos breves o datos completos.
Decide intencionalmente cuándo el texto debe ajustarse, truncarse o pasar a otra fila. Truncar una descripción decorativa quizá sea aceptable; ocultar la parte que distingue dos nombres de cuenta puede impedir que alguien elija la cuenta correcta.
Conserva las relaciones cuando se apilen las columnas
En una pantalla ancha, una explicación puede estar junto al control que describe. Al apilarse las columnas, otra sección podría separarlos. Lee el diseño estrecho de arriba abajo, en vez de comprobar únicamente que todos los elementos sigan en pantalla.
Revisa también la experiencia con texto ampliado y zoom. Un encabezado fijo o una barra de acciones persistente pueden dejar poco espacio útil. Que todo el contenido esté presente no significa por sí solo que alguien pueda leerlo o llegar a la siguiente acción.
Describe el problema, no solo el punto de quiebre
Una tabla comparativa que puede desplazarse a propósito no es lo mismo que un párrafo que obliga a mover toda la página de lado. Describe qué región se desborda, qué se vuelve difícil y qué contenido permite reproducirlo. Así se evita que un cambio general para «ocultar el desbordamiento» tape información importante.
Un informe útil podría decir: «Con el nombre completo de la organización y este ancho, el selector de cuentas tapa el botón para guardar». La siguiente persona que lo revise podrá reproducir ese estado y confirmar que se restableció la relación, sin tener que adivinar qué significa que «en móvil se ve mal».