Elsewhen

Desafío

Elsewhen recurrió a QAwerk para realizar pruebas exhaustivas de su sitio web corporativo, ya que estaba siendo rediseñado. Necesitaban el apoyo de nuestro equipo de control de calidad dedicado para lanzarlo a tiempo y tener la seguridad de que el sitio web estaría pulido y proporcionaría una experiencia de usuario satisfactoria.

A continuación, se presenta un breve resumen de los objetivos de prueba que establecimos:

• Coherencia del diseño: validar la uniformidad del diseño en las diferentes secciones del sitio, incluidas las páginas de nivel superior y las páginas dinámicas.
• Animaciones y transiciones: garantizar animaciones y transiciones fluidas y esperadas en todo el sitio.
• Pruebas funcionales: probar las funciones clave del sitio web, como la búsqueda, los formularios y los enlaces, para garantizar su correcto funcionamiento.
• Pruebas en diferentes navegadores y dispositivos: confirmar la compatibilidad en varios navegadores y dispositivos para ofrecer una experiencia de usuario coherente.
• SEO y accesibilidad: evaluar y mejorar los elementos de SEO y los estándares de accesibilidad del sitio web.
• Pruebas de rendimiento: garantizar que el sitio web funcione de manera óptima en diversas condiciones de carga, proporcionando tiempos de carga rápidos y una navegación fluida.

El objetivo principal era garantizar que el diseño actualizado mantuviera la coherencia tanto en las páginas de nivel superior como en las dinámicas, al tiempo que se verificaba la funcionalidad, el rendimiento y la experiencia general del usuario.

Solución

Diseñamos una estrategia de pruebas personalizada para cada uno de los proyectos en los que participamos. Profundicemos en el trabajo que realizó nuestro equipo de control de calidad y el impacto que tuvo en los ingresos de nuestro cliente y en la percepción general de la marca.

Pruebas funcionales

Probamos manualmente todas las áreas críticas (página de inicio, navegación, visualización de contenido, enlaces, gestión de errores y elementos interactivos), prestando especial atención a las áreas altamente dinámicas y con muchas funciones, como los filtros de búsqueda y los formularios de contacto.

Por qué es importante: las pruebas funcionales ayudan a garantizar que los usuarios puedan completar las tareas sin errores ni obstáculos. También ayudan a reducir las consultas de soporte técnico y a aumentar las tasas de conversión al mantener una experiencia sin fricciones.

Pruebas de interfaz de usuario

El equipo de Elsewhen compartió su archivo de diseño con nosotros y revisamos el sitio web comparándolo con el diseño. Verificamos el diseño, la tipografía, el espaciado y el uso del color en toda la interfaz de usuario del sitio web. Nuestros ingenieros de control de calidad también verificaron los efectos de movimiento entre los estados de la interfaz de usuario, incluyendo la carga, los estados de desplazamiento y las aperturas modales.

Por qué es importante: las pruebas de la interfaz de usuario ayudan a mejorar la confianza de los usuarios y la percepción de la marca gracias a un aspecto pulido y profesional. La coherencia del diseño ayuda a reducir la carga cognitiva, lo que permite a los usuarios navegar con mayor rapidez y confianza. Las pruebas de animaciones y transiciones garantizaron que no hubiera transiciones discordantes que pudieran frustrar o confundir a los usuarios, lo que contribuyó a crear una sensación más premium y moderna.

Pruebas de accesibilidad

Para las pruebas de accesibilidad, acordamos un alcance de trabajo óptimo para la comprobación inicial, que comprendía:

• Comprobar si el sitio web proporciona subtítulos y transcripciones para el contenido de audio y vídeo
• Asegurarse de que el texto sea legible y tenga suficiente contraste con el fondo
• Asegurarse de que todas las funciones estén disponibles mediante la navegación con el teclado
• Asegurarse de que el sitio web ayude a los usuarios a evitar y corregir errores, especialmente en los formularios de contacto
• Verificar la compatibilidad con los lectores de pantalla

Por qué es importante: Nuestras pruebas de accesibilidad ayudaron a que el sitio web fuera inclusivo y cumpliera con las Pautas de Accesibilidad al Contenido Web (WCAG). Identificamos problemas de contraste y documentamos cómo se pueden solucionar y supervisar en el futuro. También informamos de errores HTML, que dificultan el trabajo de los lectores de pantalla y evitan posibles problemas de renderización. Nuestros ingenieros de control de calidad encontraron varios casos de descripciones Alt faltantes, lo cual es fundamental para los usuarios ciegos.

En general, nuestras pruebas ayudaron a mejorar la experiencia web y móvil de los usuarios con discapacidades, los usuarios de edad avanzada y aquellos que se encuentran en entornos con poca luz.

Pruebas de SEO

Para la comprobación de SEO, identificamos las siguientes áreas de prueba:

• Enlaces rotos y errores 404
• Configuración del mapa del sitio XML y del archivo robots.txt
• Velocidad de carga de la página y compatibilidad con dispositivos móviles
• Certificación SSL y estado HTTPS
• Etiquetas de título y metadescripciones
• Estructura de las etiquetas de encabezado (H1, H2, etc.)
• Textos alternativos de las imágenes
• Otras metatags
• Estructura de la URL de la página
• Favicon

Por qué es importante: las pruebas SEO ayudan a aumentar la visibilidad orgánica, lo que permite que más usuarios descubran el producto a través de los motores de búsqueda. Durante la comprobación SEO, se identificaron tres problemas: duplicación de H1 en algunas páginas, ausencia de texto alternativo en algunas imágenes y una puntuación de rendimiento deficiente para dispositivos móviles. La corrección de estos errores identificados da como resultado un aumento del tráfico al sitio sin necesidad de marketing de pago. Nos aseguramos de que las páginas se indexaran correctamente y fueran accesibles para los robots de búsqueda.

Pruebas de compatibilidad

Las pruebas de compatibilidad eran esenciales, ya que los diseños de Elsewhen solían tener diferentes diseños o cambios de diseño por punto de ruptura y, en ocasiones, diferentes funcionalidades para facilitar la experiencia de usuario. Nuestros ingenieros de control de calidad probaron el sitio web en navegadores de escritorio (Chrome, Edge, Firefox) y móviles (Chrome para Android, Safari en iOS, Samsung Internet, Opera Mobile).

Por qué es importante: Las pruebas de compatibilidad que realizamos garantizaron una experiencia coherente y fiable independientemente del dispositivo o la plataforma. Ayudamos a Elsewhen a ampliar su alcance a todos los segmentos de usuarios, evitando experiencias defectuosas en navegadores secundarios.

Pruebas de rendimiento

Dado que no se espera que un sitio web B2B gestione un gran número de usuarios simultáneos, no simulamos una carga elevada de 1000 usuarios o más. En su lugar, nuestro equipo de control de calidad se centró en analizar el tiempo de carga, el comportamiento en diferentes condiciones de red y CPU, los recursos que bloquean la renderización y algunos otros factores. El rendimiento del sitio web se probó tanto en ordenadores de sobremesa como en dispositivos móviles utilizando el navegador Chrome.

Por qué es importante: identificamos que el rendimiento para dispositivos móviles requería una mejora significativa, con puntuaciones medias en torno a 50, lo que indica un retraso significativo en los tiempos de carga. En determinadas páginas, el elemento de contenido más grande tardaba más de 10 segundos en cargarse, lo que difiere drásticamente de las expectativas de los usuarios actuales (2-3 segundos como máximo).

Basándose en los resultados de la evaluación del rendimiento, QAwerk destacó las siguientes recomendaciones:

• Reducir el número de solicitudes HTTP
• Minimizar el tiempo de ejecución de JavaScript
• Garantizar imágenes adaptables para dispositivos móviles
• Implementar CSS crítico en línea para evitar el bloqueo de la visualización

Gracias a nuestras pruebas de rendimiento, Elsewhen pudo mejorar la usabilidad móvil y reducir las tasas de rebote, proporcionando así una experiencia rápida y adaptable.