En algunas pruebas tendrás la opción de reportar errores visuales. Los errores visuales están relacionados con las interfaces gráficas de usuario de sitios web o aplicaciones, por ejemplo:
Problemas en la estructura del diseño, como textos o elementos desalineados.
Problemas de diseño responsivo, por ejemplo, un elemento se muestra en un dispositivo móvil pero no en otro.
Superposición no intencionada de texto o elementos.
Recorte de texto o elementos.
Cualquier cosa que pueda corregirse en los archivos HTML o CSS.
Problemas Repetitivos
Cuando ocurre un problema visual de manera repetitiva, solo se debe enviar un reporte aunque cada ocurrencia tenga una URL, enlace, imagen, etc., diferentes. Esto aplica incluso si las ocurrencias están en la misma página o en páginas distintas. Este único reporte de error debe indicar que otras URLs, enlaces, imágenes, etc., también se ven afectados.
No se deben enviar reportes de errores individuales para cada ocurrencia del problema, ya que estos serán rechazados. El cliente solo necesita una referencia para ser informado sobre el problema visual. Investigarán el problema y lo resolverán para todas las ocurrencias.
Ejemplos:
Algunos elementos muestran el mismo problema gráfico, por ejemplo, texto o imágenes más grandes que sus cuadros.
Los campos de entrada no tienen un tamaño suficiente para contener sus textos predeterminados, que a su vez no son completamente visibles.
Los adelantos se superponen involuntariamente a otros elementos.
Actualizar a Bug Funcional
Tan pronto como un error visual impide una funcionalidad, debe reportarse como un error funcional, incluso si no es la función en sí la que está defectuosa.
Supongamos que la funcionalidad se puede alcanzar de forma intuitiva y fácil a través de una ruta u opción diferente. En ese caso, de facto, los usuarios no están impedidos de utilizar la funcionalidad, por lo que el problema no debe ser reportado como un error funcional. Permanece como un problema visual.
Documentación de problemas visuales
Los reportes de problemas visuales deben contener capturas de pantalla. Es posible que se requiera de una grabación de pantalla adicional si una acción provoca el problema visual. Para obtener más información sobre cómo se deben documentar los reportes de errores, visita nuestro artículo sobre Requisitos para Reporte de Errores.
Prueba en Línea Gratuita de Responsividad
La Prueba de Google para Adaptabilidad a Dispositivos Móviles puede ser una ayuda valiosa para garantizar que las páginas web estén optimizadas para dispositivos móviles. Esta herramienta puede ayudar a los probadores a identificar problemas visuales en las páginas web al evaluar factores de usabilidad móvil, como el tamaño de fuente, los objetivos táctiles y la configuración del viewport. Si te encuentras con un error visual, esta herramienta podría ayudarte a determinar si la causa principal es la responsividad de la página.