So kombinieren Sie eine Tippaktion mit klarem visuellem oder haptischem Feedback
Geben Sie bei einer Schaltfläche in einer mobilen App beim Antippen eine sofortige sichtbare Rückmeldung und zeigen Sie das Ergebnis an, sobald die Aktion abgeschlossen ist. Fügen Sie nur dann ein kurzes haptisches Feedback hinzu, wenn es dasselbe Ereignis verstärkt und der Bedeutung der Aktion entspricht. Diese Abfolge hilft Nutzern zu unterscheiden, ob „die App das Antippen registriert hat“ oder „die Aufgabe erfolgreich war“, insbesondere wenn eine Antwort Zeit benötigt. Die folgenden Schritte gelten für eine einzelne Schaltfläche oder ein einzelnes Steuerelement. Da Plattformdetails variieren, sollten Sie, sofern verfügbar, die Standard-Interaktionsmuster des Betriebssystems verwenden.
Legen Sie zunächst fest, was das Feedback vermitteln soll
Ein Antippen kann zu mehreren verschiedenen Ereignissen führen: Ein Steuerelement wird gedrückt, eine Einstellung ändert sich, eine Anfrage startet oder eine Anfrage ist erfolgreich bzw. schlägt fehl. Entscheiden Sie, welches Ereignis durch den jeweiligen Hinweis dargestellt wird, bevor Sie eine Animation oder Vibration auswählen. Ein Hinweis beim Drücken bestätigt die Eingabe; eine geänderte Beschriftung oder ein ausgewählter Zustand bestätigt eine lokale Statusänderung; eine Fortschrittsanzeige signalisiert, dass der Vorgang läuft; eine Erfolgsmeldung bestätigt den Abschluss.
Trennen Sie diese Bedeutungen voneinander. Wenn sich eine Schaltfläche bei Berührung kurz abdunkelt, ist das kein Beweis dafür, dass eine Netzwerkanfrage abgeschlossen wurde. Wenn das Absenden Zeit in Anspruch nehmen kann, behalten Sie einen eindeutigen Fortschrittsstatus bei, bis die App das Ergebnis kennt. Apple empfiehlt, eine Aktivitätsanzeige in einer Schaltfläche anzuzeigen, wenn eine Aktion nicht sofort abgeschlossen wird, und schlägt vor, die Beschriftung zu ändern, um zu verdeutlichen, was gerade passiert. Apples Richtlinien für Schaltflächen
Erstellen Sie eine einfache Zustandsabfolge
Betrachten Sie Feedback als eine Abfolge, die an den tatsächlichen Zustand des Steuerelements gekoppelt ist, und nicht als einen einzelnen Effekt, der immer dann abgespielt wird, wenn die Schaltfläche angetippt wird. Eine nützliche Grundstruktur ist:
- Bereit: Zeigen Sie die Aktion mit einer Beschriftung oder einem vertrauten Symbol an, das ihren Zweck verdeutlicht.
- Gedrückt: Bieten Sie einen sofortigen visuellen Zustand für das Drücken, wie etwa eine dezente Füllung, Skalierung oder Hervorhebungsänderung.
- In Bearbeitung: Wenn sich der Abschluss verzögert, zeigen Sie den Fortschritt an und verhindern Sie versehentliche doppelte Übermittlungen, sofern dies für die Aktion angemessen ist.
- Abgeschlossen oder fehlgeschlagen: Aktualisieren Sie die Benutzeroberfläche mit dem tatsächlichen Ergebnis. Zeigen Sie bei einem Umschalter dessen neuen ausgewählten Zustand an; geben Sie bei einer Übermittlung einen prägnanten Erfolgs- oder Fehlerstatus aus.
Apple weist darauf hin, dass benutzerdefinierte Schaltflächen immer einen Zustand für das Drücken haben sollten, da sie sich ohne diesen träge anfühlen können. Die allgemeineren Feedback-Richtlinien von Apple empfehlen, die Art der Rückmeldung an die Bedeutung der Information anzupassen und den Status in der Nähe des Elements bereitzustellen, das er beschreibt. Apples Richtlinien für Schaltflächen und Feedback-Richtlinien
Wählen Sie einen visuellen Hinweis, der verständlich bleibt
Machen Sie den gedrückten Zustand sichtbar, während sich der Finger auf dem Steuerelement befindet. Eine leichte Farb- oder Deckkraftänderung, eine kurze Skalierungsänderung oder eine Hervorhebung können gut funktionieren – vorausgesetzt, das Steuerelement bleibt erkennbar und seine Beschriftung lesbar. Verwenden Sie Farbe nicht als einzige Möglichkeit, das Ergebnis zu kommunizieren: Kombinieren Sie sie mit einer Zustandsänderung, Text, einem Symbol oder einer anderen sichtbaren Unterscheidung, die erklärt, was passiert ist.
Bei einem Umschalter sollte der ausgewählte Zustand nach dem Antippen bestehen bleiben; ein vorübergehender Ripple-Effekt allein vermittelt nicht, ob die Einstellung aktiviert ist. Bei einer einmaligen Aktion wie „Speichern“ kann die Schaltfläche zuerst ihren gedrückten Zustand anzeigen, und anschließend kann die App einen gespeicherten Zustand oder Status einblenden. Wenn eine Aufgabe fehlschlägt, erklären Sie den Fehler in der Nähe des relevanten Steuerelements und machen Sie die nächste verfügbare Aktion deutlich. Die genaue Darstellung hängt von der App und der Plattform ab, aber der Hinweis sollte den Zustand widerspiegeln, den die App tatsächlich verifizieren kann.
Entscheiden Sie, ob haptisches Feedback nützliche Informationen hinzufügt
Haptik kann ein diskretes Ereignis wie das Drücken einer Taste oder eine bestätigte Statusänderung verstärken. Sie ist optional: Die visuelle Reaktion muss auch dann sinnvoll sein, wenn das Gerät stummgeschaltet ist, Haptik deaktiviert ist oder die Person den Effekt nicht spürt. Die Android-Richtlinien empfehlen, Haptik sparsam einzusetzen, sie bei ähnlichen Interaktionen konsistent zu halten und sie auf das visuelle oder akustische Erlebnis abzustimmen. Zudem wird dazu geraten, lieber ganz auf Haptik zu verzichten, als einen summenden, unpräzisen Berührungseffekt zu verwenden. Android-Designprinzipien für Haptik
Eine praktische Wahl ist die Verwendung eines leichten, kurzen Hinweises für eine bedeutungsvolle Bestätigung, wenn die Plattform einen passenden Standardeffekt bietet. Vermeiden Sie Vibrationen bei jedem unbedeutenden Antippen, wiederholtem Scrollen oder einem Ereignis, das keine entsprechende sichtbare Änderung mit sich bringt. Wenn das Ereignis wichtig ist, stellen Sie sicher, dass der visuelle Status die Bedeutung vermittelt; verlassen Sie sich nicht auf eine Vibration, um Erfolg von Misserfolg zu unterscheiden.
Stimmen Sie den Hinweis auf den Moment ab, den er repräsentiert
Eine Rückmeldung für das Drücken gehört zum Zeitpunkt der Berührung; eine Erfolgsrückmeldung gehört zu dem Moment, in dem der Erfolg feststeht. Bei einer Aktion, die sofort abgeschlossen wird, können diese Momente dicht beieinander liegen. Bei einem Speichervorgang oder Absenden über das Netzwerk können sie durch eine spürbare Wartezeit getrennt sein. Ein haptisches Erfolgssignal bereits beim Berühren auszulösen, würde einen Abschluss suggerieren, bevor die App diesen bestätigt hat.
Unter Android nutzt der empfohlene Ansatz View.performHapticFeedback aktionsorientierte Konstanten, berücksichtigt die Systemeinstellungen für Berührungsfeedback und erfordert nicht die Berechtigung VIBRATE. Die Plattform bietet bei Bedarf ein Fallback-Verhalten für diese Konstanten. Individuellere Vibrationseffekte erfordern andere Überlegungen hinsichtlich Unterstützung und Einrichtung; bevorzugen Sie daher für herkömmliche Steuerelemente den standardmäßigen aktionsorientierten Ansatz. Android-Leitfaden zur Implementierung von haptischem Feedback
Behalten Sie Plattformverhalten und Häufigkeit im Blick
Verwenden Sie integrierte Steuerelemente dort, wo sie bereits das erwartete Feedback liefern. Apple weist darauf hin, dass Standard-Steuerelemente wie Schalter, Schieberegler und Picker auf unterstützten iPhone-Modellen Systemhaptik abspielen können. Das Hinzufügen eines zweiten benutzerdefinierten Effekts kann das Signal doppeln. Überprüfen Sie daher das native Verhalten des Steuerelements, bevor Sie einen weiteren Hinweis darüberlegen. Apples Haptik-Richtlinien
Auch die Häufigkeit spielt eine Rolle. Ein Feedback-Muster, das sich bei einem gelegentlichen Absenden eines Formulars passend anfühlt, kann störend wirken, wenn es an eine häufig verwendete Schaltfläche gekoppelt ist. Behalten Sie bei gleichwertigen Aktionen dieselbe Bedeutung bei und reservieren Sie stärkere oder auffälligere Hinweise für Ereignisse, die mehr Aufmerksamkeit erfordern. Android empfiehlt ausdrücklich, die haptische Stärke sowohl an die Bedeutung eines Ereignisses als auch an dessen Häufigkeit anzupassen. Android-Designprinzipien für Haptik
Überprüfen Sie die Interaktion vor der Veröffentlichung
Testen Sie die vollständige Abfolge auf den Geräten und Betriebssystemen, die die App unterstützt. Tippen Sie einmal und vergewissern Sie sich, dass der gedrückte Zustand unverzüglich erscheint. Prüfen Sie dann, ob der Fortschritt während einer Verzögerung sichtbar bleibt und ob Erfolg oder Misserfolg erst angezeigt werden, nachdem das Ergebnis bekannt ist. Versuchen Sie ein schnelles zweites Antippen und stellen Sie sicher, dass die Benutzeroberfläche kein verwirrendes doppeltes Feedback oder unbeabsichtigte wiederholte Aktionen erzeugt.
Wiederholen Sie die Überprüfung mit deaktiviertem System-Berührungsfeedback sowie bei nicht verfügbarer oder nicht unterstützter Haptikfunktion des Geräts. Die visuellen Zustände sollten die Aktion und ihr Ergebnis dennoch vermitteln. Vergleichen Sie häufige Aktionen mit gelegentlichen und entfernen Sie Effekte, die überladen, asynchron oder von einer sichtbaren Änderung losgelöst wirken. Beim Standard-View-Feedback von Android wird die Systemeinstellung standardmäßig berücksichtigt; benutzerdefinierte Ansätze erfordern möglicherweise zusätzliche Unterstützung und Fallback-Prüfungen. Android-Leitfaden für haptisches Feedback
Eine klare Kopplung folgt einer einfachen Logik: Zeigen Sie an, dass das Antippen registriert wurde, kommunizieren Sie Wartezeiten und bestätigen Sie das Ergebnis, sobald es feststeht. Nutzen Sie Haptik, um dasselbe Signal bei Bedarf zu verstärken, während die visuelle Benutzeroberfläche für sich allein genommen vollständig verständlich bleibt.