Vier UI-Zustände, die vor der Übergabe an die Entwicklung wichtig sind
Definieren Sie die Zustände „leer“, „wird geladen“, „Fehler“ und „Ergebnis vorhanden“ für ein Suchfeld.
Wenn ein Design für die Produktsuche stets nur ideale Ergebnisse zeigt, muss der Entwickler die vier kritischsten Szenarien selbst lösen: Der Nutzer hat noch nichts eingegeben, wartet auf die Antwort, die Verbindung ist unterbrochen oder das gesuchte Produkt existiert nicht. Für jeden dieser Fälle muss der Bildschirm eine entsprechende Rückmeldung geben.
Testen Sie die Suchfunktion mit einem einzelnen Wort.
Geben Sie einen Produktnamen ein. Bleibt das eingegebene Wort im Eingabefeld stehen, während die Daten geladen werden? Kann der Nutzer seinen Suchbegriff korrigieren, wenn kein Ergebnis gefunden wurde? Ist es bei einem Verbindungsfehler möglich, die Suche erneut zu starten? Legen Sie zudem fest, wann die bestehende Ergebnisliste aktualisiert wird, falls der Nutzer eine neue Suche beginnt, während bereits Ergebnisse angezeigt werden.
Bei der Übergabe von UI/UX-Designs (etwa durch Freelancer) reicht es oft aus, diese Zustände neben das Hauptdesign zu stellen und jeweils den Auslöser (Trigger) sowie die darauf folgende Aktion zu notieren. Führen Sie gemeinsam mit dem Entwickler einen Testlauf über die Tastatur durch: Wenn nach dem Aufrufen eines Suchergebnisses und der anschließenden Rückkehr zur Suche sowohl der eingegebene Begriff als auch der Fokus (Cursor-Position) erhalten bleiben, kann der Nutzer nahtlos an der Stelle weiterarbeiten, an der er aufgehört hat.