UI Testing A Comprehensive Guide
Automatisierung Bewährte Methoden
11 min lesen
September 9, 2023

UI-Tests: Ein umfassender Leitfaden

Das Testen der Benutzeroberfläche ist wohl der wirkungsvollste Typ des Testens, jedenfalls für B2C-Unternehmen. Es ist die Benutzeroberfläche, mit der Ihre Kunden interagieren, um Ihnen etwas Geld zu zahlen und/oder etwas Geld zu zahlen, um mit ihnen zu interagieren. Wie kann man sie bei Laune halten?

photo
photo
Robert Weingartz
Denis Matusovskiy

Was Definition betrifft, so umfasst das Testen der Benutzeroberfläche tatsächlich die grafische Schnittstelle der Software, die dem Kunden präsentiert wird. Das ist es, was sie sehen, wenn sie versuchen, Dinge mit Ihrer Software zu erledigen, und sie werden die Mühe, die Sie in ein solides Back-End gesteckt haben, nicht wirklich zu schätzen wissen, wenn die Benutzeroberfläche hinterherhinkt. UI-Tests sind eine natürliche Erweiterung der UX-Qualitätssicherung, die durch ein User Acceptance Testing Tool durchgeführt wird. 

Die Wichtigkeit von UI-Tests

Beim Testen der Schnittstelle geht es letztlich darum, Werte zu erhalten oder Werte zu schaffen. Sehen wir uns ein paar Beispiele von Lebensmittel-Liefer-Apps an. 

Die Android-App von Glovo ist bekannt dafür, dass sie die Übersetzung von Artikeln nicht richtig handhabt. Die Namen der Kategorien können in die Sprache Ihrer Schnittstelle übersetzt werden, die Namen der Artikel bleiben jedoch in der Landessprache. Ja, Bilder reichen in der Regel aus, um Ihr Essen im Restaurant und sogar Lebensmittel auszuwählen. Aber diese Last-Minute-Upsell-Optionen im Warenkorb? Die Chancen, zusätzliches Geld zu bekommen, sind gering, wenn ein Ausländer nicht versteht, welches Produkt oder welche Qualitätsverbesserung ihm zusätzlich angeboten wird.

Bei einem anderen Lieferdienst, Wolt, muss man als letzten Schritt der Bestellung über den Bildschirm wischen. Dies ist eine ziemlich robuste Option, um versehentliche Berührungen zu vermeiden, vor allem, wenn Wolt es nicht zulässt, dass Sie eine Bestellung zu irgendeinem Zeitpunkt stornieren. Richtige Testfälle für UI sind im Fall von Wolt ziemlich wichtig: Der Umsatz geht auf 0, wenn die App die Wischgeste nicht richtig registriert. 

Unternehmen mit mehreren Vertriebskanälen sind in einer noch sichereren Position, wenn es um potenziell teure Fehler bei der Qualitätssicherung geht. Selbst wenn ein kostspieliger Fehler bei den Website UI-Testsunterlaufen ist, können die Nutzer Ihr Produkt oder Ihre Dienstleistung immer noch per Telefon oder App kaufen. Einige Unternehmen sind in der Lage, diese Diversifizierung auf die nächste Stufe zu bringen:

„Sie werden auf einigen Bildern sehen, dass es in der Kapsel immer noch einige Hardware-Tasten direkt unter den Displays gibt; Dies soll auch sicherstellen, dass die Astronauten, falls die Displays aus irgendeinem Grund unbrauchbar sind, immer noch Hardware-Tasten benutzen können, um kritische Aktionen einzuleiten, wie beispielsweise auf einen Brand in der Kabine zu reagieren.“

Wendy Shimata, Leiterin des Software-Teams von SpaceX Dragon,

Arten von UI-Tests

Es gibt keine großen Gruppen von manuellen UI-Tests Typen: Sie beziehen sich einfach auf potenzielle Probleme, die Sie zu verhindern versuchen. Auf der Seite UI automated testing sieht es ähnlich aus. 

  • Datenfehler: Prüfen Sie, ob der Kunde die angeforderten Daten im richtigen Format eingeben kann und was passiert, wenn er davon abweicht
  • Navigationselemente: Prüfen Sie, ob die Benutzer zwischen den Bildschirmen wechseln und sich korrekt auf ihnen bewegen können
  • Menüpunkte: Stellen Sie sicher, dass dem Benutzer nur relevante Menüpunkte angezeigt werden
  • Fortschritt: Bestätigen Sie, dass alle langwierigen Aktionen die Zeit angeben, die für ihre Durchführung benötigt wird (über einen Timer, einen Balken oder etwas anderes, das Ihr UI-Designer ausgewählt hat)
  • Filter: Überprüfen Sie, ob die öffentlichen oder versteckten Etiketten tatsächlich verwendet werden, damit die Filter nur die richtigen Elemente anzeigen
  • Elementausrichtung: Positionierung die Absicht des Designers entspricht
  • Fehlermeldungen: Benutzer erhalten eindeutige Fehlermeldungen, wenn sie bei der Übermittlung einen Fehler gemacht haben und/oder wenn es ein Problem mit dem Dienst gibt

Beschleunigen Sie Ihre Web-UI-Tests mit einem Testrekorder für Chrome-Erweiterungen

Testen Sie kostenlos

Vorteile von UI-Tests

UI-Tests haben andere Ziele als, sagen wir, Unit-Tests, daher sind auch die Vorteile etwas einzigartig.

  • Stellen Sie sicher, dass die Vision Ihres Designers korrekt umgesetzt wird. Beim Design in der Softwareentwicklung geht es schließlich darum, (zusätzliche) Einnahmen von Kunden zu erhalten, nicht nur um das Aussehen. Es ist unfair, eine Schlussfolgerung zu ziehen, wenn das Entwicklungsteam nicht vollständig umgesetzt hat, was der Designer beabsichtigt hat
  • Bewahren Sie das Wertversprechen Ihrer Lösung. Je nach Software können Macken in der Benutzeroberfläche Ihre Einnahmen erheblich schmälern, sollte etwas nicht richtig funktionieren. Stellen Sie sich vor, wie viel Geld eine Ride-Hailing-App verliert, wenn die Schaltfläche „Adresse bestätigen“ nicht mehr funktioniert
  • Unterstützt den Aufwand für Regressionstests. Sollten einige Änderungen am Code bestehende Funktionen beeinträchtigen, ist die Überprüfung der bestehenden Funktionen eine gute Möglichkeit, neue Probleme zu erkennen
  • Bietet eine zusätzliche Perspektive. QS-Spezialisten haben bei der Überprüfung eines neuen Builds möglicherweise nicht dieselben Geschäftsziele oder die gleiche Ästhetik im Sinn. Das ist gut: Ihr(e) Designer erhalten zusätzliches Feedback von Leuten, die vielleicht mehr Erfahrung mit der spezifischen Software-Nische haben und/oder allgemeine Konzepte anders sehen

Ob Sie nun auf der Suche nach Präzision oder Umfang sind, Ihr UI-Testing könnte einen Hauch von künstlicher Intelligenz gebrauchen. Wir haben einen Überblick über die Trends bei KI-Tests erstellt, damit Sie sehen, wo Sie am meisten Zeit sparen können. ChatGPT-ähnliche Lösungen sind eine wichtige Hilfe, aber es gibt noch weitere Optionen.

image
3z1dfaac43755e55961b8c0abfa1c9d96c71dc87d8a6cf148c67965b7e80710b5c
ai lead magnet

Lernen Sie die 5 KI-Test-Trends kennen, um 12,8 Std./Woche pro Spezialist zu sparen

Bewährte Praktiken für UI-Tests

Hier finden Sie einige Ideen, wie Sie Ihre UI-Tests reibungslos und vorteilhaft gestalten können.

  • Richten Sie die Namenskonvention richtig ein. Auch wenn zufällige Namen für UI-Tests ein geringeres Problem darstellen als für andere Tests, benötigt web UI automation testing eine Struktur, mit der man arbeiten kann. 
  • Entfesseln Sie die Pingeligkeit. Während einige kleine QS-Probleme unangetastet bleiben, weil sie den Aufwand nicht wert sind, können Sie das beim UI-Test nicht zulassen. Wenn das Logo um ein Pixel von der beabsichtigten Platzierung abweicht, muss Ihr Entwickler dies korrigieren.
  • Ignorieren Sie nicht die Ausnahmefälle. Es ist verlockend, seltene Konfigurationen zu ignorieren, aber sie können dennoch für Ihre Branche und/oder Ihre Softwarebranche relevant sein
  • Verwenden Sie die neueste verfügbare Technologie. Ein wachsender Trend ist die Verwendung einer Browsererweiterung zum Testen der Benutzeroberfläche von Websites. Selbst wenn Ihr Unternehmen nur manuelle Tests durchführt, ist es von großem Vorteil, wenn Sie die Testschritte und die getestete Website in derselben Browser-Tab speichern. Hier sehen Sie, wie unsere Chrome-Erweiterung das manuelle Testen der Benutzeroberfläche um 42 % beschleunigt.

How not to name your test cases

image
3zbdcc601729bfa1d4e33335cfb5176b61c737a68bafd4b4a38a8ef653a7771392
testing strategy template

Holen Sie sich eine Vorlage für eine Teststrategie, die es uns ermöglicht, Software 2 Mal so schnell zu veröffentlichen

Schritte der Prüfung von Benutzeroberflächen

UI-Tests folgen den allgemeinen QS-Grundlagen; die Erstellung von Testfällen, deren Ausführung und Meldung der entdeckten Fehler mit einer gewissen Dokumentation. Lassen Sie uns stattdessen über drei primäre UI-Testtechnikensprechen, von einfachen bis zu den komplexesten.

Manuelle Testen

Manuelles Testen bedeutet, dass alle Testfälle von Hand ausgeführt werden. In der Regel haben Sie ein Fehlerberichtstool, um Fehler zu speichern und zu melden, aber alle Eingaben werden manuell vorgenommen. Dies ist der einfachste Weg, aber auch sehr zeitaufwändig.

Aufnehmen und Wiedergeben

Mit Aufnehmen und Wiedergeben-Tests erreichen Ihre manuellen Tests einen Umfang, der über das hinausgeht, was ein QS-Tester oder sogar das gesamte Team manuell durchführen kann. Ein Automatisierungswerkzeug durchläuft automatisch verschiedene Teile Ihrer Software, zeichnet alle Schritte auf und prüft automatisch, ob diese Tests das erwartete Ergebnis erbracht haben. Der Implementierungsaufwand ist die zusätzliche Zeit und das Geld wert, die Sie im Vergleich zu manuellen Tests sparen.

Modellbasierte Testen

Das modellbasierte Testen fügt dem UI-Test eine Abstraktionsebene hinzu. Ihre Ingenieure werden eine vereinfachte Version Ihrer Lösung erstellen, um Testfälle zu generieren, die auf diese Lösung abzielen. Dieser Ansatz eignet sich am besten, um sich mit den Grundlagen der Funktionsweise der Benutzeroberfläche zu befassen und nicht mit den benutzerorientierten Teilen.

Steps of UI Testing

Schlussfolgerung

UI-Tests sind für die Erhaltung und Steigerung der Einnahmen Ihres Unternehmens sehr wichtig. Fortgeschrittene Testtechniken für Benutzeroberflächen erhöhen die Komplexität zu Beginn, ermöglichen aber letztendlich einen viel einfacheren und kostengünstigeren QS-Workflow. Gute UI-Tests machen Ihr Produkt auch dadurch besser, dass sie zusätzliche Erkenntnisse darüber liefern, wie Benutzer mit der Software interagieren.

Machen Sie Ihre Benutzeroberfläche mit aqua ALM pixelperfekt

30 Tage lang kostenlos testen
Auf dieser Seite:
Sehen Sie mehr
Beschleunigen Sie Ihre Releases x2 mit aqua
Gratis starten
step
FAQ
Was sind UI-Tests?

UI-Tests beziehen sich auf Qualitätssicherungsverfahren für die grafische Schnittstelle von Software. Es ist das, was Menschen sehen, wenn sie mit einer Softwarelösung interagieren.

Was ist der Unterschied zwischen GUI- und UI-Tests?

Diese Begriffe werden häufig synonym verwendet. Wenn dies nicht der Fall ist, beziehen sich GUI-Tests in der Regel auf die rein visuelle Darstellung (unter anderem korrekte Hintergründe und Schriftarten), während UI-Tests die Erfahrung der Interaktion mit dem kundenorientierten Teil der Software umfassen.

Wie automatisieren Sie UI-Testfälle?

Es gibt zwei wesentliche Aspekte. Zunächst automatisieren Sie die Benutzereingaben, um die getesteten Bildschirme schnell aufzurufen. Zweitens automatisieren Sie die Validierung, ob die Bildschirme korrekt dargestellt werden und sich richtig verhalten. Sie können nur eines oder beides machen.

Welche Tools werden für UI-Tests verwendet?

Selenium ist das beliebteste Testautomatisierungswerkzeug zur Automatisierung von Benutzereingaben und/oder Validierung. Teams verwenden auch eine Testmanagementlösung wie aqua, um diese Selenium-Tests neben den manuellen Tests zu speichern und zu verfolgen.

closed icon