¡Atrapemos insectos! Principiantes guía de la página web de la prueba

James Tsividis
James Tsividis

Seguir

el 2 de Mayo de 2019 · 5 min read

sitio Web de la prueba es mucho más sencillo de lo que parece. No tienes que ser un probador para hacerlo. Y obtendrás una visión de tu producto que te ayudará a entenderlo de una manera completamente nueva.

Soy probador del proyecto de Presencia Digital Única (SDP). Mi trabajo es probar sitios web con plataformas SDP en muchos navegadores, tamaños de pantalla y dispositivos para encontrar errores y garantizar una experiencia de usuario óptima.

Las pruebas te ayudan a comprender mejor a tus usuarios

Cuando estoy probando un sitio web, no solo busco encontrar errores o errores, sino que intento verlo a través de tantos lentes diferentes como sea posible. Esto significa usar un sitio web en diferentes dispositivos, en diferentes navegadores y en diferentes tamaños de pantalla. Algunos errores solo aparecen en 1 navegador, por lo que es necesario realizar pruebas en muchos entornos diferentes. También es una gran oportunidad para ver cómo diferentes usuarios podrían estar interactuando con el sitio también.

Lo que probamos en

Para el vic.gov.au sitio web, probamos en múltiples entornos, incluidos Windows, Mac, Android e iOS. Hacemos pruebas en computadoras de escritorio, tabletas y teléfonos, así como en múltiples navegadores de Internet para algunos dispositivos.

Utilizamos la Prueba de Estándares Digitales del Gobierno Victoriano, una guía de productos o servicios que incluye navegadores de uso común y plantillas de prueba de aceptación de usuarios.

Nunca sabemos cómo accederán las personas a nuestro sitio, por lo que queremos asegurarnos de que, sin importar cómo accedan, su experiencia sea consistente y cumpla con nuestros estándares de calidad. Por supuesto, hay un número aparentemente infinito de dispositivos en los que podemos probar nuestros sitios, pero el uso de los dispositivos que ya tenemos y que podemos tomar prestados de otros es a menudo suficiente para proporcionarnos una visión invaluable de cómo el público podría percibirlo.

Después de la vic.gov.au el sitio web fue lanzado, yo estaba en el centro comercial Doncaster. Así que fui a la tienda de Apple para probar el sitio en uno de sus iPhones, ya que yo no tenía uno. Rellené uno de los formularios de comentarios de la página y lo firmé como «James de una tienda de Apple», y nuestro equipo de contenido agradeció el esfuerzo que hice para probar el sitio.

Si desea datos precisos sobre los dispositivos, navegadores y tamaños de pantalla que utilizan las personas para acceder a su sitio, siempre puede consultar Google Analytics si se ha configurado con su sitio.

Prueba de arrastre

La primera prueba que me gusta hacer al probar un sitio web es la prueba de arrastre. Esto me permite obtener una comprensión rápida de cómo podría verse el sitio web en diferentes tamaños de pantalla y en diferentes dispositivos, todo mientras permanezco en el mismo navegador.

La prueba de arrastre implica arrastrar la ventana del navegador del tamaño más grande al tamaño más pequeño, para ver cómo se ve el sitio en diferentes puntos de interrupción, que es el punto en el que el sitio se transforma en función del tamaño de la ventana.

Los puntos de interrupción son necesarios porque queremos que las cosas se hagan más grandes o más pequeñas para adaptarse a los diferentes tamaños de pantalla en los que podemos ver el sitio, y arrastrar la ventana para que sea más pequeña o más grande es una forma fácil de observar todos estos cambios. Así que vamos a ver un ejemplo con el vic.gov.au página de inicio.

Este es mi vic.gov.au página de inicio abrió su tamaño máximo en mis 27″ iMac de pantalla. Observemos la página de inicio y veamos qué sucede cuando hacemos que la ventana sea más pequeña.

Este es el vic.gov.au página de inicio, pero tomando sólo menos de la mitad de la pantalla ahora. En la imagen, he notado algunas de las principales diferencias entre las dos imágenes hasta ahora.

Esta imagen es la versión más pequeña del sitio y es visible en los teléfonos móviles. Será el más diferente de los demás.

Estos no son los únicos tres puntos de interrupción de tamaño de pantalla vic.gov.au y será diferente para cada sitio, pero es algo para empezar.

A menudo miro el encabezado para ver en qué punto de interrupción estoy, ya que casi todos tienen algo cambiado en el encabezado cada vez. Y he aprendido cómo se ve cada encabezado al mirar los diseños para el sitio. Es muy útil tener acceso a los diseños para que pueda saber si se supone que una función debe verse de la manera que lo hace en un punto de interrupción de tamaño de pantalla determinado. Dado el número de diferencias entre los puntos de interrupción, a menudo hay algunos errores en la implementación. Esta es una prueba muy valiosa a la hora de desarrollar el sitio.

No olvide hacer la prueba de arrastre para el encabezado, el contenido y el pie de página del sitio, ya que todos tienen contenido único que podría cambiar entre puntos de interrupción. También toma nota de dónde va el contenido de la barra lateral cuando la página se vuelve lo suficientemente pequeña. Por lo general va a algún lugar en el fondo.

Pruebas de tipo de contenido

Cada sitio web tiene diferentes tipos de contenido de página. Asegúrese de familiarizarse con cada tipo de contenido individual, ya que probará diferentes atributos en cada página. Algunas páginas varían más que otras. On vic.gov.au, nuestros tipos de contenido son:

  • Alerta
  • Evento
  • Subvención
  • Página de destino
  • Noticias
  • Página
  • Perfil

Para obtener más información sobre los tipos de contenido, visite: https://www.vic.gov.au/what-single-digital-presence-offers#page-templates-available-on-sdp

Prueba de dispositivos y navegadores

Y, por último, una vez que haya probado el sitio a fondo en su navegador favorito, siempre es bueno ver cómo se ve en otros dispositivos y navegadores, especialmente en los populares, ya que la experiencia táctil no es algo que siempre pueda anticipar, y siempre puede encontrar errores que son específicos de un determinado navegador en un dispositivo en particular también. Que parecen salir de la nada y son completamente inesperados.

Enlaces de prueba prácticos

  • Los navegadores más populares (Australia) — http://gs.statcounter.com/browser-market-share/all/australia
  • Navegadores más populares (Mundo) — http://gs.statcounter.com/browser-market-share
  • Simulador de iPhone (solo para Mac) — https://developer.apple.com/xcode/
  • Si desea realizar pruebas específicas de dispositivo en lugar de solo pruebas de resolución de pantalla, Google Chrome Developer Tools tiene una barra de herramientas de dispositivo que puede simular cómo se comporta un dispositivo real, pero no es perfecta.

Hay muchas técnicas de prueba de sitios web que no se discuten en este artículo, pero este es un gran lugar para comenzar. Lo siguiente que probaría es que los datos ingresados en formularios aparecen correctamente en el motor y que no se pueden ingresar datos no válidos.

Diviértete probando y espero escuchar lo que la gente aprende de este artículo. ¡Hagamos mejor la web juntos!

Deja una respuesta

Tu dirección de correo electrónico no será publicada.