In einigen Testläufen hast du die Möglichkeit, visuelle Bugs zu melden. Visuelle Bugs beziehen sich auf die grafischen Benutzeroberflächen von Websites oder Apps, z. B.:
Probleme im Layout-Framework, wie z. B. nicht ausgerichtete Texte/Elemente
Ein Problem mit dem Responsive Design, z. B. wird ein Element auf einem mobilen Gerät angezeigt, aber nicht auf einem anderen
Texte/Elemente überlappen sich
Texte/Elemente sind abgeschnitten
Alles, was in den HTML- oder CSS-Dateien behoben werden kann
Wiederkehrende Probleme
Wenn ein visuelles Problem wiederholt auftritt, darf es nur einmal gemeldet werden, auch wenn jede Instanz eine andere URL, einen Link, ein Bild usw. haben kann. Dies gilt auch dann, wenn die Vorkommnisse auf derselben Seite oder auf verschiedenen Seiten auftreten. Dieser einzelne Bug-Report sollte angeben, dass auch andere URLs, Links, Bilder usw. betroffen sind.
Separate Bug-Reports für jedes einzelne Auftreten desselben Problems dürfen nicht eingereicht werden und werden abgelehnt. Der Kunde benötigt nur einen einzigen Verweis, um auf das visuelle Problem aufmerksam gemacht zu werden. Er wird das Problem untersuchen und es für alle weiteren Vorkommnisse lösen.
Beispiele:
Einige Elemente zeigen dasselbe grafische Problem, z. B. Texte oder Bilder sind größer als ihre Rahmen.
Eingabefelder sind nicht groß genug, sodass deren Default-Texte abgeschnitten sind.
Teaser überlappen unbeabsichtigt andere Elemente.
Upgrade zu funktionalem Bug
Sobald ein visueller Bug die Funktionalität beeinträchtigt, sollte er als funktionaler Bug gemeldet werden, auch wenn es nicht die Funktion selbst ist, welche defekt ist.
Angenommen, die Funktionalität kann auf intuitive und einfache Weise über einen anderen Pfad oder eine andere Option erreicht werden. In diesem Fall werden Benutzer de facto nicht daran gehindert, die Funktion zu nutzen, sodass das Problem nicht als funktionaler Bug gemeldet werden darf. Es bleibt ein visuelles Problem.
Dokumentation von visuellen Bugs
Bug-Reports für visuelle Probleme müssen Screenshots enthalten. Möglicherweise ist auch ein zusätzlicher Screencast erforderlich, wenn eine Aktion das visuelle Problem verursacht. Für weitere Informationen darüber, wie Bug-Reports dokumentiert werden müssen, besuche unseren Artikel "Anforderungen an Bug-Reports".
Kostenloser Online-Responsive-Test
Der Google Mobile-Friendly Test kann eine wertvolle Hilfe sein, um sicherzustellen, dass Webseiten für mobile Geräte optimiert sind. Dieses Tool kann Testern dabei helfen, visuelle Probleme auf Webseiten zu identifizieren, indem es mobile Benutzerfreundlichkeitsfaktoren wie Schriftgröße, Tap-Bereiche und Viewport-Konfiguration bewertet. Wenn du auf einen visuellen Bug stößt, könnte dir dieses Tool dabei helfen, um festzustellen, ob die Ursache im Responsive Design der Seite liegt.