Haptische Designprinzipien

Beim haptischen Feedback auf Mobilgeräten ist weniger mehr. Zu viel Vibration kann lästig und sogar betäubend für die Hände sein, da das Gerät normalerweise die volle Aufmerksamkeit des Nutzers in der Hand hat. Sie kann auch von der beabsichtigten Aufgabe des Nutzers ablenken und dazu führen, dass er schnell alle Haptiken deaktiviert. Eine gut ausgearbeitete Haptik liefert jedoch wertvolles Sinnesfeedback, das Nutzern eine bessere Interaktion mit ihrem Gerät ermöglicht.

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

Anwendungsfälle für das Hinzufügen von Haptik zu Ihrer App

Hier sind einige Gründe dafür, warum Sie Haptik in Ihrer App verwenden können.

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

  • Um eine Statusänderung auf dem Gerät nach einer Nutzeraktion zu bestätigen. Beispiele hierfür sind Klickfeedback beim Drücken einer Taste, das Entsperren eines Smartphones, die Akzeptanz oder Ablehnung von Fingerabdrücken oder das Aktivieren der Kamera.

  • Die Nutzer durch Effekte begeistern Solche Effekte könnten eine laufende Nutzungsaktion verbessern oder eine physische Interaktion emulieren. Beispiele hierfür sind Scroll-Feedback, ein Einrasten des Schiebereglers oder haptische Effekte, die mit Animationen, Tönen, Videos und Spielen synchronisiert werden.

Haptische Klassifizierungen

Die hier vorgestellten haptischen Prinzipien basieren auf klarer Haptik, guter Haptik und pulsierender Haptik.

Klare Haptik

„Klare Haptik“ bezieht sich auf ein klares und klares Gefühl im Zusammenhang mit einem einzelnen Ereignis wie dem Drücken von Tasten. Diese Effekte zielen oft darauf ab, eine entsprechende reale mechanische Aktion nachzuahmen, wie die, die man spürt, wenn man auf eine physische Taste drückt.

Android hat in VibrationEffect klare haptische Effekte festgelegt. Im Allgemeinen sollten Apps jedoch aktionsorientierte Konstanten aus HapticFeedbackConstants verwenden, damit Effekt und Aktion auf dem Gerät einheitlich sind.

Der weitere Vorteil aktionsorientierter Konstanten besteht darin, dass die Plattform ein Fallback-Verhalten bieten kann, wenn ein komplexerer Effekt vom Gerät des Nutzers nicht unterstützt wird.

Wenn Sie die Anwendungsfälle von haptischem Feedback ausweiten, können die verfügbaren klaren Haptiken manchmal einfach und eintönig wirken. Versuchen Sie in diesem Fall ein reiches Haptik-Element, das ausdrucksstärker ist.

Starke Haptik

Eine gute Haptik erfordert im Allgemeinen haptische Bedienelemente mit einer größeren Frequenzband, die eine höhere Ausdruckskraft und Reichweite ermöglichen. Eine umfassende Haptik kann auch durch eine Sequenzierung klarer Haptik-Primitive mit unterschiedlichen Amplituden und Intervallen erzeugt werden.

Beispiele für vielfältige haptische Effekte:

  • Ein „flatterisches“ Gefühl, ähnlich wie ein Schmetterling, der mit den Flügeln mit der Fingerspitze schlagt.
  • Die Textur einer Oberfläche, die sich durch Ziehen oder Wischen mit einem Finger fühlt
  • Gefühle von Wackelheit und Instabilität oder Schwere und Nachhall

Lebhaftes Haptik

Das haptische Feedback kann durch laute, scharfe und durchdringende Vibrationen charakterisiert sein, die auch nach Ende der Vibration einen Nacheffekt verursachen, z. B. ein Kribbeln. Sie hat auch einen Klingeltoneffekt, der wie ein Nachhall anfühlt, bevor die Vibration vollständig aufhört.

Beispiele für lebhafte haptische Sensationen:

  • Betrieb eines Presslufthammers
  • Motorradfahren
  • Auf Mobilgeräten wird nach dem Drücken einer Taste ein lang gewickeltes Klingeln vibrieren

Bei Pagern und Feature-Phones neigten Low-End-Mobiltelefone mit leistungsschwachen haptischen Bedienelementen oder Treibern dazu, dass zu Benachrichtigungszwecken lebhafte lange Vibrationen erzeugt wurden.

Richtlinien für die Haptik

Die Designrichtlinien können folgendermaßen zusammengefasst werden:

  • Bevorzugen Sie ausdrucksstarke und klare Haptik gegenüber lebhaftem Haptik.
  • Achten Sie darauf, sowohl das System- als auch das App-Design einheitlich zu gestalten.
  • Achten Sie auf die Häufigkeit der Verwendung und die Bedeutung.

Vordefinierte haptische Konstanten und Effekte priorisieren

Wenn Ihre Aktion durch eine vordefinierte Aktion in HapticFeedbackConstants abgedeckt ist, verwenden Sie diese Konstante. Dies sorgt für eine einheitliche Nutzerinteraktion, die im Hinblick auf die Barrierefreiheit besonders wertvoll ist.

Wenn Sie einen eigenen Effekt erstellen, können Sie die vordefinierten Effekte von VibrationEffect und die VibrationEffect.Composition-Primitive verwenden. Sie bieten mit größerer Wahrscheinlichkeit eine einheitliche Qualität auf allen Geräten, die sie unterstützen.

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

Haptische Effekte sollten die Nutzenden nicht überfordern oder sich grundlos anfühlen.

  • Haptische Effekte, die auf sehr häufige Ereignisse wie das Scrollen oder das Verschieben eines Ziehpunkts angewendet werden, sollten sehr subtil sein, um für ein angenehmes Gesamterlebnis zu sorgen.

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

  • Kombinieren Sie beide Konzepte, um Effekte zu erzeugen, die stärker werden, wenn die Interaktion ein Ziel erreicht, z. B. schrittweises Erhöhen der Amplitude einer Folge von Ticks durch Ziehen, Ablegen oder Andocken.

Beständig sein

Haptik sollte in Ihrer App einheitlich sein. Wenn für eine bestimmte Interaktion, z. B. Formulareinreichung oder In-App-Navigation, haptisches Feedback vorliegt, sorgen Sie dafür, dass derselbe Effekt auf alle ähnlichen Interaktionen angewendet wird. Dies hilft Nutzenden, einem bestimmten haptischen Feedback eine Bedeutung zuzuordnen.

Verwenden Sie auch dasselbe HapticFeedbackConstants für klar definierte Interaktionen wie Zeitauswahl oder virtuelle Tastaturen, damit die Inhalte dem Android-System entsprechen.

Visuelle und Audio-Erlebnisse mit Haptik gestalten

Berücksichtigen Sie die Haptik als einen Teil der gesamten User Experience.

Wir empfehlen dringend, visuelle, Audio- und haptische Effekte gemeinsam zu gestalten. Achten Sie darauf, dass dies harmonisch oder kongruent mit visuellen Animationen und Klangmustern ist. Visuelle und akustische Eingaben können die wahrgenommene Haptik verbessern. Ein gut durchdachter haptischer Effekt kann bei visuellen und Audio-Effekten ein Gefühl von Physikalität vermitteln.

Umgekehrt kann ein haptisches Feedback, das asynchron wiedergegeben wird oder nicht mit visuellen und Audioeffekten übereinstimmt, für den Nutzer verstörend sein. Es kann vorkommen, dass der Nutzer den haptischen Bediener als kaputt wahrnimmt.

Weniger Vibrationen mit nur einer Aufnahme für haptisches Feedback

Vermeiden Sie die alten One-Shot-Vibrationen, z. B. solche, die durch VibrationEffect.createOneShot definiert oder mit den APIs Vibrator.vibrate(long) und Vibrator.vibrate(long[], int) ausgeführt werden.

Diese Vibrationen können sich stark anfühlen, wenn sie über einen langen Zeitraum nach Ende der Eingangswellenform anhalten, insbesondere bei Geräten mit einem haptischen Bedienelement oder Treiber mit schlechter Leistung.

Ein gutes haptisches Feedbacksignal für Tastenklicks sollte zwischen 10 und 20 Millisekunden bestehen. Der Bediener kann jedoch auch noch 20 bis 50 Millisekunden klingeln, nachdem eine 20-Millisekunden-Eingabe am Bedienungselement beendet wurde. Daher ist es bei dieser Art von Feedback am besten, Vibrationen mit einer einzelnen Aufnahme zu vermeiden.