La calidad móvil incluye texto legible, controles accesibles, menú claro y formularios utilizables. Una página puede ajustarse al ancho del teléfono y seguir siendo difícil de utilizar. Complete una consulta en un teléfono estrecho sin desplazamiento horizontal. Una captura de escritorio no verifica la experiencia móvil.
Compruebe tareas, no solo que todo quepa
Una página puede ajustarse al ancho del teléfono y seguir siendo difícil de utilizar. La persona necesita leer, tocar el control correcto, abrir el menú y corregir un formulario. Una captura sin desbordamiento no demuestra que esas tareas funcionen. Separe revisión visual y prueba de interacción.
En la primera pantalla, la oferta y la acción principal deben seguir siendo comprensibles. Los precios no deberían cortarse y los títulos largos no deberían ocultar el botón importante. Una imagen que ocupa casi todo el alto puede retrasar innecesariamente la explicación.
Después pruebe la navegación. El botón del menú debe ser alcanzable, su estado claro y el cierre sencillo. Cuando se cierra, el foco debe volver a un lugar lógico. Si el menú es largo, hay que poder llegar al último enlace sin que otro elemento fijo lo tape.
Revise formularios, contenido largo e idiomas
Los campos pueden utilizar teclados adecuados para correo o teléfono, pero esa ayuda no sustituye la validación del servidor. Los errores deben indicarse con texto y relacionarse con el campo. Borrar toda la información después de un fallo supone un esfuerzo especialmente grande desde un móvil.
Cuando aparece el teclado, disminuye el espacio disponible. Un botón fijo o una barra inferior no debería cubrir el último campo. Pruebe una descripción larga, un correo incorrecto y la vuelta al paso anterior. En un formulario dividido, la información debe mantenerse y el progreso debe entenderse.
Textos largos, direcciones web y tablas pueden generar desplazamiento horizontal. Una tabla con área propia para deslizarse no es lo mismo que toda la página desbordada. También conviene revisar idiomas con palabras largas o escritura de derecha a izquierda. No sustituya el contenido real por títulos cortos para ocultar un problema.
Registre condiciones y resultados de la revisión
Utilice varios anchos y algún ejemplo con poca altura, como un teléfono girado. Amplíe el texto y compruebe que la información no desaparece. Los controles deben tener foco visible y no depender únicamente del ratón o de una interacción al pasar por encima.
Las herramientas de emulación son útiles, pero no representan todas las diferencias de dispositivos reales. Cuando sea posible, confirme el recorrido en un teléfono. Incluya una conexión lenta y compruebe si el servicio sigue entendiéndose antes de cargar las imágenes.
Anote página, idioma, tamaño y tarea al registrar un fallo. “El precio del segundo paquete se corta en un teléfono estrecho” resulta más útil que “el móvil está mal”. Las capturas deben revisarse, no solo guardarse. La adaptación móvil consiste en que el visitante complete su objetivo en condiciones reales; no es una etiqueta que se obtiene únicamente al reducir una ventana. Repita esta revisión con contenido definitivo y un tamaño de texto ampliado.
Lista práctica
- Probar navegación
- Provocar errores
- Comprobar zoom
Un ejemplo concreto: Complete una consulta en un teléfono estrecho sin desplazamiento horizontal.
Un límite importante: Una captura de escritorio no verifica la experiencia móvil.
Siguiente paso
Cuéntele su proyecto a Orvunweb
