Krypton Solid

Blog

Cómo realizar un control de calidad de una página web

Control de calidad

QA o Quality Assurance es el proceso utilizado para garantizar que un sitio web se entregue a un nivel de excelencia. El proceso es independiente del diseño y desarrollo del sitio web, con el resultado de descubrir cualquier error o error, al tiempo que revisa la interfaz de usuario (UI) y la experiencia del usuario (UX).

En verdad, el proceso de QA nunca está 100% completo, simplemente debido a la gran cantidad de variables presentes en el proceso de desarrollo. Los dispositivos móviles, los tamaños de pantalla, los navegadores, la conexión a Internet y los sistemas operativos tienen un impacto significativo en la forma en que se entrega un sitio web al usuario final. Sin embargo, el trabajo del control de calidad es garantizar que el sitio web funcione de manera óptima en el rango más amplio posible.

Cuanto más complejo sea el sitio, más tiempo tendrá que dedicar al proceso de prueba. Si bien un sitio de estilo de folleto básico puede probarse exhaustivamente en una hora, un sitio más grande con funcionalidad personalizada, elementos interactivos avanzados o comercio electrónico puede requerir varios días de pruebas de control de calidad antes de que esté listo para funcionar.

Nuestro equipo ha compilado una práctica lista de verificación que describe las áreas clave que cubrimos a lo largo de nuestro proceso de prueba de control de calidad que nos ayuda a garantizar que entreguemos siempre resultados sobresalientes.

Diseño

El primer paso en el proceso de control de calidad es verificar el sitio de preparación contra los conceptos de diseño, que han sido aprobados por el cliente. Buscaremos confirmar que todos los elementos están presentes y se han desarrollado según las especificaciones. Esto también incluye aspectos como el tamaño de fuente, el estilo de fuente, el espaciado y la combinación de colores.

Navegación

La navegación y el flujo de usuarios es algo que habitualmente revisamos durante la etapa inicial de tramado de una construcción de sitio web. Sin embargo, ocasionalmente encontramos que los elementos se pasan por alto en las primeras etapas y no se recuperan hasta que el sitio se haya desarrollado por completo.

En última instancia, verificaremos que el sitio se haya desarrollado teniendo en cuenta la navegación y la accesibilidad, asegurando que siga las reglas apropiadas y que el usuario pueda navegar por el sitio con facilidad, mientras lo guían sin problemas hacia los resultados deseados.

Contenido

El contenido de su sitio web debe ser informativo, fácil de seguir y estructurado lógicamente. Barreremos su sitio en busca de gramática, errores ortográficos y texto de relleno, y nos aseguraremos de que las fuentes y las paletas de colores nunca comprometan la legibilidad.

También buscaremos ver que todas sus imágenes sean de alta resolución, recortadas adecuadamente y optimizadas para la web, para asegurar que no tengan un impacto negativo en las velocidades de carga de su sitio web.

Validación de enlaces

Verificaremos manualmente a través de cada hipervínculo, contenido dentro de su sitio para asegurarnos de que esté vinculado con la página web o el documento deseado. Esto incluye hipervínculos incrustados en texto, imágenes y gráficos, iconos de redes sociales, logotipos y botones. Al mismo tiempo, buscaremos páginas huérfanas o sin salida que puedan afectar negativamente el viaje del usuario.

Formularios y validación de entrada

Los formularios son una parte importante de la mayoría de los sitios web, ya que se utilizan para recopilar datos valiosos e interactuar con los usuarios.

Durante las pruebas, completaremos todos los campos de entrada en el sitio, en áreas como el envío de formularios de contacto, configuración de cuenta e inicio de sesión y cuestionarios y cuestionarios, para asegurarnos de que todos los campos estén activos y que los campos ‘opcionales’ y ‘obligatorios’ se comporten como deberían.

También verificaremos que cualquier consulta de formulario de contacto se envíe y entregue correctamente a la dirección de correo electrónico correcta.

Interoperabilidad

Probamos la funcionalidad y el aspecto general del sitio web en una amplia gama de los dispositivos móviles más populares:

  • iPhone X, XS
  • iPhone 8, 5
  • Samsung Galaxy S9 +, S9, S8
  • iPad Pro 12.9
  • iPad Pro Safari y Chrome

Tamaños de pantalla de escritorio / portátil:

  • 1366×768
  • 1920×1080
  • 1280×800
  • 1024×768

Y navegadores:

  • Google Chrome: C72, C71, C70
  • Firefox – FF64, FF65
  • Internet Explorer – IE11, Edge 17
  • Safari – S12, S11
  • Opera – O58

* Tenga en cuenta que estos son los navegadores y dispositivos móviles más actualizados al momento de escribir el artículo.

Durante este proceso, algunos factores adicionales que buscaremos son:

  • Ventanas emergentes intrusivas
  • Los números de teléfono y las direcciones de correo electrónico están vinculados correctamente
  • Los botones e íconos son lo suficientemente grandes para que las personas con dedos más grandes puedan hacer clic en ellos
  • La navegación del sitio es simple y el diseño del contenido se ha optimizado.
  • El rendimiento de los elementos interactivos y la funcionalidad personalizada no se ven obstaculizados según el dispositivo o el tamaño de pantalla utilizado

Prueba de funcionalidad personalizada

Si hemos codificado alguna funcionalidad personalizada específica en el sitio web, realizamos acciones de prueba que imitan cómo el usuario final experimentará el sitio. Esto podría incluir cosas como:

  • Crear una cuenta de usuario
  • Realizar transacciones de prueba
  • Hacer una reserva
  • Completando un cuestionario
  • Suscribirse a un servicio

Vamos a probar el sistema o la función en una variedad de escenarios para garantizar que funcione según las especificaciones.

eCommerce

Los sitios de comercio electrónico generalmente requieren más atención que otros, debido a la gran cantidad de páginas y al nivel avanzado de funcionalidad disponible. Estos son los elementos básicos que probamos en todas nuestras compilaciones de comercio electrónico:

  • Las páginas de productos individuales no tienen errores o faltan contenidos
  • El carrito de compras se actualiza al aumentar la cantidad, editar el contenido o realizar una compra
  • Los cupones y descuentos funcionan como deberían
  • No hay productos duplicados y se muestran correctamente
  • Las opciones de filtrado funcionan correctamente
  • Los convertidores de divisas están configurados correctamente
  • Se han habilitado las opciones para compartir en redes sociales
  • Los costos de envío se calculan correctamente, según la región y las tasas impositivas
  • Los correos electrónicos de notificación se activan y reciben según lo especificado

Sin lugar a dudas, uno de los factores más importantes para probar una compilación de comercio electrónico es verificar el proceso de la pasarela de pago. Probaremos el proceso de pago de principio a fin, como si fuéramos un cliente que usa el sitio, considerando:

  • Si la pasarela de pago funciona como debería, analizando todas las diferentes opciones de pago ofrecidas, como PayPal, tarjeta de crédito, banca en línea, etc.
  • Si se le solicita al cliente que se registre para una cuenta durante el proceso de pago del invitado
  • Si la creación de la cuenta es simple y atractiva para el usuario
  • Si las opciones de inicio de sesión y pago funcionan correctamente
  • Límites de tiempo de espera de página
  • Si los correos electrónicos de confirmación o los mensajes de texto se envían y entregan correctamente.

Por último, verificamos la funcionalidad de búsqueda en todo el sitio. Este aspecto puede ser crucial para el éxito de un sitio web de comercio electrónico, ya que muchos clientes acudirán al sitio web con un producto específico en mente. El algoritmo de búsqueda del sitio web debe configurarse de tal manera que el cliente siempre sea dirigido al producto más relevante para ellos.

Buscar optimización del motor

Antes de lanzar cualquier sitio web, una de las comprobaciones finales que hacemos es asegurarnos de que el sitio esté completamente optimizado para los motores de búsqueda.

Esto incluye verificar que:

  • Google Analytics & tracking se ha configurado para rastrear y monitorear los visitantes, el compromiso y los objetivos del sitio web de manera continua.
  • El sitio se ha agregado a las Herramientas para webmasters y se ha enviado un mapa del sitio, lo que ayuda a Google a descubrir un sitio completamente nuevo e indexar las páginas más rápido. Para un rediseño de un sitio existente, esto ayuda a Google a descubrir qué URL de página podrían haber cambiado y cómo se ha modificado la estructura del sitio.
  • El sitio se muestra correctamente en los dispositivos móviles y Google puede «ver» los elementos en la página. Por lo general, utilizamos las herramientas de Webmaster «buscar y procesar» para este proceso.
  • Las metaetiquetas se han poblado y optimizado para palabras clave: si se trata de un rediseño, es una parte importante para asegurarse de que se mantengan las clasificaciones existentes.
  • La velocidad de carga está a la altura: otro factor de clasificación, es importante que el sitio se cargue rápidamente tanto en computadoras de escritorio como en dispositivos móviles para una buena experiencia de usuario y para ayudar a las clasificaciones.
  • El sitio ha sido validado para errores de sintaxis, lo que garantiza que los motores de búsqueda puedan rastrear el sitio.

Conclusión

Los sitios que no funcionan, no se convierten, pero en última instancia, es importante aceptar el hecho de que su sitio web nunca estará 100% terminado. Si bien el proceso de control de calidad está ahí para detectar y resolver cualquier error, error o falla de diseño, puede esperar construir y nutrir constantemente su sitio junto con su negocio a medida que pasa el tiempo.

Deja un comentario