Cómo funciona
El diseño adaptable ajusta la composición al espacio y a las condiciones de entrada. Anchos fluidos, medios flexibles y puntos de cambio funcionan juntos. También requiere texto legible, controles utilizables y orden lógico. Reducir una captura de escritorio para un teléfono no produce una interfaz adaptable.
Un ejemplo realista
Un encabezado de glosario con dos columnas puede convertirse en una columna en móvil, dejando la definición antes de la ilustración. Una tabla ancha puede usar un área desplazable identificada en vez de comprimir sus celdas hasta volverlas ilegibles. La información permanece y cambia la presentación.
Qué puede comprobar
Pruebe anchos estrechos, texto ampliado, orientación horizontal y navegación por teclado. Busque desbordamiento horizontal, controles cortados y espacios vacíos excesivos. Compruebe dimensiones y selección de imágenes para cargar archivos adecuados sin perder calidad ni proporción previstas.
Límites y próximos pasos
Los puntos de cambio deben seguir las necesidades del contenido, no una lista fija de teléfonos. No elimine explicaciones o acciones esenciales en móvil. Pruebe entrada táctil y ratón: una composición que cabe puede tener objetivos de interacción inutilizables.