Un diseño adaptable conserva la lectura y las acciones importantes en pantallas diferentes. Reducir una página de escritorio hasta que quepa no basta.
Prioriza según la tarea
En móvil, el visitante puede necesitar entender el servicio y contactar. Organiza el contenido para que esas acciones sigan claras. No ocultes información necesaria sólo porque ocupa espacio.
Comprueba casos que una captura no muestra
- Abre menús y cierra paneles con teclado y tacto.
- Prueba un título largo y una tabla con varias columnas.
- Amplía el texto y comprueba que no tapa botones.
- Completa un formulario con el teclado móvil abierto.
- Gira la pantalla y revisa desplazamientos inesperados.
Una tabla puede necesitar desplazamiento dentro de su contenedor; toda la página no debería moverse lateralmente por una celda demasiado ancha.
Revisa imágenes y carga
Usa imágenes proporcionadas para cada espacio y reserva sus dimensiones. Los cambios inesperados de posición forman parte de la estabilidad visual que evalúan los Core Web Vitals. Estabilidad y experiencia de página.
Acepta con tareas, no con medidas aisladas
Selecciona tamaños representativos y al menos un dispositivo real. Pide realizar la acción principal sin explicación previa. Registra dónde se pierde información o se dificulta interactuar.
La revisión debe incluir páginas interiores, mensajes de error y contenido nuevo. Una portada adaptable no garantiza que un artículo, una tabla de precios o una pantalla de confirmación también lo sean. Conserva esos casos como parte de la comprobación de futuras publicaciones.
Prueba un recorrido completo en el teléfono
- Entra a una página interior desde un enlace compartido.
- Lee la propuesta, amplía el texto y consulta una tabla si existe.
- Abre el contacto y provoca un error de validación sin enviar información real.
- Corrige el campo con el teclado abierto y comprueba que la acción sigue visible.
- Vuelve al contenido y confirma que puedes retomar la lectura.
Registra el dispositivo y el navegador. La emulación de tamaños ayuda a encontrar desbordamientos, pero no sustituye comprobar teclado, tacto y comportamiento en un dispositivo real. En tablas anchas, facilita identificar que existe desplazamiento horizontal dentro del contenedor y conserva sus encabezados.
Para profundizar en las tareas relacionadas: Cómo mejorar un formulario para recibir más consultas; Qué revisar cuando una página tarda en mostrarse; Cómo revisar la accesibilidad de un sitio web.
¿Quieres aplicar esto en tu sitio?
Comparte la página y lo que necesitas resolver. La conversación puede empezar por identificar el cambio que tendría más utilidad.
Solicitar orientación
