Ejecuta una revisión responsive completa
Esta revisión comprueba si una tarea real de un visitante sobrevive a los rangos responsive de POM, a los cambios de contenido, al uso del teclado, a las superposiciones y a los estados dinámicos. Ejecútala después de que la página funcione en un ancho y antes del lanzamiento.
Construye la matriz de pruebas
Elige los recorridos críticos del sitio, como la navegación al contacto, el envío de formularios, el filtrado del directorio, la compra de un producto o el acceso a la cuenta.
Para cada recorrido prepara:
- estados sin sesión iniciada y con sesión iniciada cuando corresponda;
- el contenido más corto y el más largo realistas;
- estados vacío, de error, de carga y de éxito;
- contenido traducido cuando corresponda;
- un teléfono o una tableta reales además de redimensionar el navegador.
Revisa los rangos de diseño de POM
Prueba en escritorio ancho y, después, cruza por debajo de 992 px, 768 px y 544 px. Haz una pausa justo por encima y por debajo de cada límite, porque es ahí donde cambian las columnas, la visibilidad, la navegación y el espaciado.
No valides solo los ajustes preestablecidos de dispositivo con nombre; el cromo del navegador, el zoom, el tamaño del texto y el teclado en pantalla reducen el área de visualización utilizable.
Inspecciona el marco del sitio
- Abre y cierra la navegación de escritorio, móvil, fuera del lienzo y desplegable.
- Confirma que el foco entra en un panel abierto y regresa a su activador.
- Comprueba las cabeceras fijas y transparentes frente a cada primera sección.
- Revisa las subcabeceras, las migas de pan, las barras laterales, el pie de página, el muelle de contacto y los controles de cookies.
- Confirma que ningún elemento fijo cubre otra acción obligatoria.
Inspecciona el contenido de la página
Comprueba el orden de los encabezados, el orden de lectura de filas y columnas, las imágenes, las galerías, los carruseles, los formularios, las tablas, los paneles de filtros, los modales, los acordeones, los avisos y los indicadores de carga.
Los controles de visibilidad de dispositivo eliminan la presentación, no la autorización. La información esencial necesita una ruta accesible equivalente en cada ancho.
Prueba la interacción y la resiliencia
Usa solo el teclado, un zoom del 200 %, etiquetas traducidas largas, carga lenta y una solicitud de formulario o de filtro fallida. Gira el dispositivo físico y abre el teclado de software dentro del campo de formulario más bajo.
Resultado esperado: la tarea sigue siendo comprensible y completable sin desplazamiento horizontal de la página, sin foco oculto, sin mensajes recortados y sin controles superpuestos.
Registra las correcciones
Registra la URL exacta, el ancho, el estado del usuario, el ejemplo de contenido y la acción. Corrige el componente propietario, la plantilla o el ajuste del sistema de diseño antes de añadir CSS específico de la página.