Haptische Designprinzipien

Bei haptischem Feedback auf Mobilgeräten gilt: Weniger ist mehr. Zu viel Vibration kann störend sein und sogar die Hände betäuben, da das Gerät in der Regel in der Hand gehalten wird und die volle Aufmerksamkeit des Nutzers auf sich zieht. Außerdem kann es von der eigentlichen Aufgabe des Nutzers ablenken, was dazu führen kann, dass er schnell alle haptischen Funktionen deaktiviert. Eine gut durchdachte Haptik bietet jedoch wertvolles sensorisches Feedback, das die Nutzerbindung an das Gerät stärkt.

Auf dieser Seite werden Anwendungsfälle für die Verwendung von Haptik erläutert, Klassifizierungen für haptische Effekte vorgestellt und grundlegende Richtlinien für Apps behandelt.

Anwendungsfälle für haptisches Feedback in Ihrer App

Hier sind einige Gründe, warum Sie Haptik in Ihre App einbinden sollten.

  • Nutzer über ein Ereignis informieren, das ihre Aufmerksamkeit erfordert Beispiele hierfür sind ein eingehender Anruf oder eine SMS oder ein anstehender Termin im Kalender.

  • Um eine Zustandsänderung auf dem Gerät nach einer Nutzeraktion zu bestätigen. Beispiele sind Klickfeedback für das Drücken einer Taste, das Entsperren eines Smartphones, die Annahme oder Ablehnung eines Fingerabdrucks oder die Aktivierung der Kamera.

  • Um Nutzer mit Effekten zu begeistern. Solche Effekte können eine laufende Nutzeraktion verstärken oder eine physische Interaktion simulieren. Beispiele hierfür sind Feedback beim Scrollen, ein Schieberegler, der in Position springt, oder haptische Effekte, die mit Animationen, Tönen, Videos und Spielen synchronisiert sind.

Haptikklassifizierungen

Die hier vorgestellten haptischen Prinzipien basieren auf deutlichen Haptikelementen, ausdrucksstarken Haptikelementen und vibrierenden Haptikelementen.

Haptik löschen

Klare Haptik bezieht sich auf klare und deutliche Empfindungen, die mit einem diskreten Ereignis wie dem Drücken einer Taste verbunden sind. Diese Effekte sollen oft eine entsprechende mechanische Aktion in der realen Welt nachahmen, wie sie beim Drücken einer physischen Taste zu spüren ist.

Android bietet in VibrationEffect vordefinierte haptische Effekte. Generell sollten Apps jedoch aktionsorientierte Konstanten aus HapticFeedbackConstants verwenden, um für Konsistenz bei Effekt und Aktion auf dem Gerät zu sorgen.

Ein weiterer Vorteil von aktionsorientierten Konstanten ist, dass die Plattform ein Fallback-Verhalten bereitstellen kann, wenn ein komplexerer Effekt vom Gerät des Nutzers nicht unterstützt wird.

Wenn Sie die Anwendungsfälle für haptisches Feedback ausweiten, kann das verfügbare klare haptische Feedback manchmal etwas langweilig und monoton wirken. In diesem Fall sollten Sie auf eine ausdrucksstarke Haptik achten.

Ausgefeilte Haptik

Für eine umfassende Haptik sind in der Regel haptische Aktuatoren mit einer breiteren Frequenzbandbreite erforderlich, die eine größere Ausdruckskraft und Bandbreite ermöglichen. Ausgeprägte Haptik kann auch durch die Sequenzierung klarer haptischer Primitiven in verschiedenen Amplituden und Intervallen erzeugt werden.

Beispiele für umfassende haptische Effekte:

  • Ein „flatterndes“ Gefühl, ähnlich wie ein Schmetterling, der mit seinen Flügeln auf Ihrem Finger klatscht
  • Die Textur einer Oberfläche, die durch Ziehen oder Wischen eines Fingers darüber wahrgenommen wird
  • Das Gefühl von Wackeln und Instabilität oder Schwere und Nachhall

Vibration

Brummende Haptik kann durch laute, scharfe und durchdringende Vibrationen gekennzeichnet sein, die auch nach der Vibration eine Nachwirkung wie ein Kribbeln hinterlassen. Außerdem ist ein Klingeln zu hören, das sich wie eine Nachhallung anfühlt, bevor die Vibration vollständig aufhört.

Beispiele für vibrierende haptische Sensationen:

  • Einen Presslufthammer bedienen
  • Motorradfahren
  • Auf Mobilgeräten: Ein lang anhaltendes, klingelndes Vibrieren nach einer Tastenaktivierung

Schon bei Pagern und Feature-Phones hatten Low-End-Smartphones mit leistungsschwachen haptischen Aktuatoren oder Treibern bei Benachrichtigungen oft ein langes Brummen erzeugt.

Richtlinien für das haptische Design

Die Designrichtlinien können grob so zusammengefasst werden:

  • Wählen Sie eine reichhaltige und klare Haptik anstelle einer brummenden Haptik.
  • Achten Sie auf Einheitlichkeit, sowohl im Hinblick auf das System als auch auf das App-Design.
  • Berücksichtigen Sie die Häufigkeit der Verwendung und die Wichtigkeit.

Vordefinierte haptische Konstanten und Effekte priorisieren

Wenn Ihre Aktion durch eine vordefinierte Aktion in HapticFeedbackConstants abgedeckt ist, verwenden Sie diese Konstante. So wird eine einheitliche Nutzerinteraktion gewährleistet, was besonders im Hinblick auf die Barrierefreiheit von Vorteil ist.

Wenn du einen eigenen Effekt erstellst, kannst du die vordefinierten Effekte VibrationEffect und die VibrationEffect.Composition-Primitiven verwenden. Sie bieten mit größerer Wahrscheinlichkeit eine einheitliche Qualität auf allen Geräten, die sie unterstützen.

Wichtigkeit und Häufigkeit von Ereignissen mit der Stärke in Beziehung setzen

Haptische Effekte sollten die Nutzer nicht überfordern oder unnötig erscheinen.

  • Haptische Effekte, die auf sehr häufige Ereignisse angewendet werden, z. B. Scrollen oder Bewegen eines Text-Handles, sollten sehr subtil sein, um eine angenehme Gesamtnutzung zu ermöglichen.

  • Wichtigere Ereignisse wie das Aktualisieren einer Seite oder das Senden eines Formulars sollten stärker sein als z. B. das Ändern einer Ein/Aus-Schaltfläche oder das Scrollen in einer Liste.

  • Kombinieren Sie beide Konzepte, um Effekte zu erzielen, die stärker werden, wenn die Interaktion ein Ziel erreicht. Sie können beispielsweise die Amplitude einer Reihe von Häkchen durch Ziehen, Droppen oder Anklicken schrittweise erhöhen.

Beständig sein

Verwenden Sie in Ihrer App einheitliche Haptik. Wenn eine bestimmte Interaktion, z. B. die Formulareinreichung oder die Navigation in der App, haptisches Feedback hat, muss derselbe Effekt auf alle ähnlichen Interaktionen angewendet werden. So können Nutzer einem bestimmten haptischen Feedback eine Bedeutung zuordnen.

Verwenden Sie für gut definierte Interaktionen wie Zeitauswahlen oder virtuelle Tastaturen dieselbe HapticFeedbackConstants wie das Android-System.

Visuelle und Audioinhalte mit Haptik kombinieren

Berücksichtigen Sie Haptik als Teil der gesamten Nutzererfahrung.

Wir empfehlen dringend, visuelle, Audio- und haptische Effekte gemeinsam zu entwerfen. Sie sollte harmonisch oder kongruent mit visuellen Animationen und Klangmustern sein. Visuelle und akustische Eingaben können die Haptik verstärken. Ein gut gestalteter haptischer Effekt kann visuellen und Audioeffekten ein Gefühl von Realität verleihen.

Umgekehrt kann haptisches Feedback, das nicht synchron wiedergegeben wird oder nicht zu den visuellen und Audioeffekten passt, für Nutzer etwas beunruhigend sein. In einigen Fällen kann der Nutzer den haptischen Aktor als defekt wahrnehmen.

Vermeiden Sie die Verwendung von einzelnen Vibrationen für das haptische Feedback

Verwenden Sie keine einen einzelnen Vibrationsvorgang, wie sie durch VibrationEffect.createOneShot definiert oder mit den APIs Vibrator.vibrate(long) und Vibrator.vibrate(long[], int) ausgeführt werden.

Diese Vibrationen können brummen, wenn sie nach dem Ende der Eingabewellenform noch lange andauern, insbesondere auf Geräten mit einem leistungsschwachen haptischen Aktor oder Treiber.

Ein gutes haptisches Feedbacksignal für Tastenklicks sollte zwischen 10 und 20 Millisekunden dauern. Der Aktor kann jedoch noch 20 bis 50 Millisekunden lang klingeln, nachdem eine 20-Millisekunden lange Eingabe an den Aktor beendet wurde. Daher sollten Sie für diese Art von Feedback Vibrationen mit nur einer Auslösung vermeiden.