Cómo ejecutar pruebas de control de calidad (QA) en su nuevo sitio web

Los sitios web, como los productos de software y los videojuegos, requieren muchas pruebas. Los errores, errores y bits rotos están garantizados para enviar a sus clientes potenciales corriendo. Entonces, hoy veremos cómo evitar estos problemas cuando lanza un nuevo sitio web.

Ver el seminario web

Este artículo se basa en un seminario web que realizamos con el experto en control de calidad, Brian Borg, fundador y director ejecutivo de OnPath Testing. OnPath Testing son clientes nuestros, así como socios que nos ayudan a realizar pruebas de control de calidad cuando lanzamos nuevos sitios web. Brian es un experto en pruebas de software y buen huevo.

Puedes ver la grabación original aquí:

¿Qué es control de calidad?

Las pruebas de control de calidad verifican la funcionalidad de un sitio web (o cualquier otro software).

Para los sitios web, los evaluadores de control de calidad se centran primero en la funcionalidad, pero también en la usabilidad del diseño, el rendimiento, la seguridad y el cumplimiento.

Cómo decidir qué probar

La prueba requiere una comprensión metódica y muy considerada de su sitio web y sus usuarios. Tienes que dar un paso atrás y pensarlo desde una perspectiva de 10,000 pies.

Hágase preguntas desde todo tipo de ángulos. ¿Quién está potencialmente viniendo a nuestro sitio web? ¿De dónde están viniendo? ¿Qué geografía? ¿En qué dispositivos podrían estar viendo esto? ¿Qué navegadores? ¿Qué sistemas operativos? ¿Qué hace su sitio web cuando alguien interactúa con él? ¿Y si rellenan un formulario? ¿Esperas un correo electrónico en tu bandeja de entrada? ¿Esperas un mensaje de agradecimiento en la página?

Hacer un plan de prueba

Para ejecutar estas pruebas, cree un plan de prueba con casos de prueba granulares, que es esencialmente una lista de verificación glorificada. Te mantiene honesto, asegurando que no te pierdas nada importante. Idealmente, esto vivirá en una herramienta de ciclo de vida de desarrollo de software (SDLC). Pero, puede realizar un seguimiento de las pruebas en algo como Excel:

En el ejemplo anterior, verá que estamos analizando los dominios y la funcionalidad. Los casos de prueba en el lado izquierdo, luego los navegadores, sistemas operativos y dispositivos en la parte superior. Esta forma de realizar un seguimiento de las pruebas significa que puede volver a verificar las correcciones (pruebas de regresión) e informar sobre las métricas de prueba a las partes interesadas clave.

El punto es que la comunicación es clara e inequívoca. De esa manera, las correcciones pueden ser efectivas.

Herramientas de prueba de control de calidad

Pruebe algunas de estas herramientas para rastrear y administrar pruebas (usamos Notion en Articulate, pero su millaje puede variar).

• jira
• Riel de prueba
• Bugzilla
• Trello
• Enlace de prueba
• Noción

Todo el crédito a Brian por la mitad anterior de este blog. Ahora, algunas ideas de la experiencia de Articulate con la creación de sitios web para clientes.

8 cosas comunes que debes probar en tu sitio web

1. Lorem ipsum

Los escritores y diseñadores suelen utilizar el texto de marcador de posición "Lorem ipsum" cuando crean un sitio web. Luego, se olvidan de reemplazarlo. Ejecute una búsqueda minuciosa para verificar si hay fragmentos persistentes de lorem ipsum.

2. Páginas que faltan

Hat tip a GitHub para la imagen.

Si no realiza la redirección de su sitio anterior a un sitio nuevo correctamente asignando las URL de las páginas, obtendrá enlaces rotos y páginas faltantes. La redirección de URL es una parte muy importante del lanzamiento de un nuevo sitio web para nosotros. Hemos visto múltiples casos de enlaces rotos en los menús. Muy a menudo, el enlace del menú está conectado a una página de prueba de desarrollo debido a cómo se ha codificado.

3. Errores SSL

Google penalizará un sitio que tenga errores de SSL. Es probable que no notes esto a menos que lo estés probando.

Uno de los problemas con los sitios de HubSpot es que, en la mayoría de los casos, no puede alojar un sitio web de HubSpot en un dominio nativo de Apex. Es decir, no puede tener un código HTTPS en articulatemarketing.com; tiene que ser www.articulatemarketing.com. En este caso, debe realizar una redirección desde el dominio de Apex al subdominio www. Si no tiene esa redirección configurada correctamente, no se cifrará y generará un error de SSL.

4. Imágenes gordas

Su diseñador carga un archivo gráfico de 16 megabytes. Podrías poner eso en una valla publicitaria. No tiene lugar en su sitio web. En su lugar, intente asegurarse de que sus imágenes tengan menos de 300 kilobytes y apéguese a los archivos JPEG o, incluso mejor, a los SVG.

Si estás en HubSpot, puedes usar nuestra aplicación, Fizz+Ginger, para comprimir imágenes.

5. Oculto de Google

No publicar su sitio en Google es sorprendentemente común. Es muy raro que nos hagamos cargo del sitio web de un cliente y ya tiene una lista en Google Search Console. Si eso solo hizo que sus oídos ardieran, vaya aquí para obtener información sobre los mapas del sitio.

Además, a veces tomamos el control de sitios que tienen robots.txt que bloquean páginas importantes de los motores de búsqueda. Es posible que desee eliminar la visibilidad en ciertas páginas. Sin embargo, si está mal configurado, entonces estás ocultando páginas que quieres que la gente pueda encontrar en Google.

Sugerencia: si está desarrollando un sitio de WordPress, tenga cuidado de no dejar marcada la opción "Disuadir a los motores de búsqueda de indexar este sitio" después del lanzamiento.

6. Compatibilidad del navegador

Esto solía ser un problema más grande de lo que es hoy. Internet Explorer suele ser el culpable de no ser compatible con los estándares de la industria. Como regla general, si está ejecutando cómodamente una versión moderna de Chrome o Safari, probablemente esté bien en otros navegadores, pero aún así vale la pena probarlo. No intente adaptarse a navegadores muy obsoletos. No vale la pena el esfuerzo.

7. Capacidad de respuesta móvil

Alrededor de un tercio de nuestro tráfico proviene de dispositivos móviles. Más de la mitad del tráfico de Internet en la web es móvil. Google realiza la indexación móvil primero. El móvil es el futuro, en definitiva.

Comience ejecutando la prueba de compatibilidad con dispositivos móviles de Google, pero no se detenga ahí. Verifique una variedad de dispositivos y tamaños de pantalla para cosas como menús desplegables y ventanas emergentes.

Sugerencia: AMP (Páginas móviles aceleradas) es una forma de hacer que sus páginas sean ultrarrápidas en dispositivos móviles, pero pierde mucho control sobre la visibilidad, el formato, el diseño y el diseño. Sin embargo, probablemente sea una buena idea activarlo si experimenta una caída en el tráfico debido a las actualizaciones recientes del algoritmo de Google.

8. Formularios que no van a ninguna parte

Verifique que todos los formularios vayan a alguien, especialmente los formularios de la página de contacto. El software CRM de HubSpot registrará los formularios completados, pero depende de usted configurar un sistema de notificación para que las personas en su empresa sepan que alguien está tratando de ponerse en contacto.

una nota final

Somos una agencia de marketing orientada a los detalles y basada en datos, por lo que nos gustan los principios rigurosos de las pruebas de control de calidad.

Hable con OnPath Testing para servicios de prueba o hable con uno de nuestros consultores si necesita un nuevo sitio web.

Te dejamos con este pensamiento:

'La prueba es un proceso infinito de comparación de lo invisible con lo ambiguo para evitar que lo impensable le suceda a lo anónimo.'

—James Bach