Cómo probar la interfaz de usuario móvil (UI)

Al crecer la popularidad de smartphones y dispositivos móviles con Internet, también crece la necesidad de que los sitios web ofrezcan una interfaz de usuario (UI) adecuada para visitantes móviles. Puedes probar la UI móvil mediante técnicas convencionales o usando software que simule un dispositivo móvil en el ordenador. Probar la UI en diferentes formatos móviles ayuda a asegurar una apariencia y sensación consistentes.

Instrucciones

1. Define qué consistirá una prueba exitosa y qué condiciones se cumplirían si falla. Define estas métricas de antemano para saber si tu UI cumple los requisitos del proyecto. Considera la interacción humano-ordenador para asegurar que tu UI sea visualmente intuitiva y fácil de usar.
2. Depura el código que construye la UI ejecutando el comprobador de código automático incluido en tu programa de desarrollo web. Estos depuradores detectan errores tipográficos y código mal formado antes de acoplarlo con código backend que la UI controlará.
3. Ejecuta una instancia local de la UI y el código de la aplicación usando un simulador (emulador). Por ejemplo, la suite xCode de Apple incluye simulador iOS para iPhone. Emuladores para Android y Windows Mobile están disponibles directamente de Google y Microsoft. Estos programas simulan un navegador en un móvil. Abre el navegador en el SO emulado y visita la instancia local de tu UI móvil para empezar a probar.
4. Carga la UI y su código a un servidor web real, quizás en una URL oculta para privacidad, y accede a la UI directamente usando el dispositivo hardware. Aunque los emuladores dan buena información, nada se compara con usar el dispositivo real. Pueden existir obstrucciones y restricciones imprevistas creadas por la pantalla del móvil y cualquier UI propietaria ya presente.
5. Realiza pruebas de usabilidad estándar intentando usar cada función de la UI. Prueba resultados positivos y negativos para asegurar que has probado todos los escenarios que un usuario podría encontrar. Vuelve a tus herramientas de desarrollo y edita la UI hasta cumplir tus objetivos de prueba.