Bewegung

Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.

Bewegung sollte sparsam im Fahrkontext verwendet werden, um Konzepte, Branding und Beziehungen zwischen Elementen auszudrücken. Sie sollten nur genutzt werden, um die Fahrer zu informieren, ohne ihre Aufmerksamkeit zu lenken.

Übersicht:

  • Nutzer nicht durch unnötige Bewegungen ablenken
  • Mithilfe von Bewegungen das Verständnis der Nutzer vertiefen und ihre Kenntnisse erweitern
  • Flexible Sprache für alle relevanten Geräte flexibel festlegen
  • Verwende das empfohlene Bewegungsmuster für deine Situation

Bewegungsmuster

Um eine einheitliche Nutzererfahrung in allen Apps zu gewährleisten, gelten für folgende Interaktionen bestimmte Bewegungsmuster:

  • Zwischen Apps wechseln
  • Zwischen Ansichten ähnlicher Apps wechseln
  • Bestehende Aktion verlängern
  • Aktion minimieren und maximieren
  • Aktion unterbrechen

Diese Bewegungsmuster basieren auf dem Standard-Easing, wie in Material Design beschrieben. Dabei geht es um das Ende eines Übergangs, indem der Übergang schnell beschleunigt und dann schrittweise langsamer wird.


Zwischen Apps wechseln

Verwenden Sie beim Umschalten zwischen Apps einen überblendenden Übergang. Dadurch wird ein Element ausgeblendet und ein anderes wird ausgeblendet. Dieser Übergang zeigt einen Ausstieg aus der aktuellen App bei einem schnellen Wechsel zu einer anderen App.

Schnell zwischen Apps wechseln
Mit der Überblendungsbewegung kann der Nutzer schnell zwischen Apps wechseln

Beispiel

Beispiel für den App-Wechsel
Durch eine schnelle Überblendung werden Nutzer von einer Navigations-App zu einer Medien-App und wieder zurück geleitet.

Zwischen Ansichten ähnlicher Apps wechseln

Wenn Sie in einer App zwischen Ansichten auf derselben Hierarchieebene wechseln (auch Peer-Ansichten genannt), z. B. Tabs in einer App-Leiste oder Titel in einer Playlist, sollten Sie eine gemeinsame Achse verwenden. Die horizontale, nebeneinanderliegende Bewegung spiegelt den Übergang auf demselben Niveau innerhalb einer App wider.

Beispiel für eine Peer-Umstellung
Durch eine schnelle Überblendung wird der Nutzer von einer Navigations-App zu einer Medien-App und wieder zurück geleitet.

Beispiel

Das Muster für die Achse einer geteilten Achse beim Wechseln zwischen einem Song und einem Song in einer Medien-App unterstreicht, dass sich beide Songs in derselben Playlist befinden

Bestehende Aktion verlängern

Wenn ein Nutzer gerade eine Aktion ausführt oder gerade ansieht, sollte eine sekundäre Aktion nach oben oder unten erfolgen. Diese sekundäre Aktion wird auf einem Vollbild-Overlay mit kristallklarem Hintergrund vor der primären Aktion angezeigt. Das Vorhandensein der primären Aktion durch die Maßnahme unterstreicht, dass der Nutzer diese Aktion noch ausführt.

Die sekundäre Aktion wird dann in umgekehrter Richtung der Öffnungsbewegung abgeschlossen. Diese Umkehrbewegung sollte weniger Zeit in Anspruch nehmen als die ursprüngliche Bewegung, da die Aktion abgeschlossen ist.

Sekundäres Aktions-Overlay
Hier wird die sekundäre Aktion gegenüber der primären Aktion bei einem Overlay erhöht, während die primäre Aktion teilweise noch hinter dem Label sichtbar ist

Beispiel

Beispiel für ein Overlay mit einer Android Auto-Aktion
Wenn Sie in der Mediensteuerungsleiste die Überlaufschaltfläche auswählen, wird sie vertikal auf einem Overlay mit dunklem Hintergrund maximiert.

Aktion minimieren und maximieren

Laufende Aktionen können auf ein kleineres Format minimiert werden. Bei diesem kleineren Format kann der Nutzer Multitasking durchführen, während die laufende Aktion im Hintergrund ausgeführt wird.

  • Maximieren: Wenn der Nutzer auf eine minimierte Aktion tippt, wird sie maximiert und füllt den Vollbildmodus über einen Einblendmodus aus.

  • Minimieren: Verwende zum Minimieren einer laufenden Aktion die umgekehrte Bewegung. Die Minimierung der Bewegung sollte weniger Zeit in Anspruch nehmen als die Maximierungsbewegung, da der Nutzer die Aktion verlässt.

Minimierten Bildschirm maximieren
Die minimierte Aktion wird in den Vollbildmodus erweitert, während sie über der aktuellen Aktion eingeblendet wird.

Beispiel

Beispiel für eine unverankerte Android Auto-Aktionsschaltfläche
Die Wiedergabe-FAB (unverankerte Aktionsschaltfläche) wird in die vollständige Wiedergabeansicht erweitert und zieht sich dann über den Abwärtspfeil zusammen.

Aktion unterbrechen

Wenn eine kurze, optionale Aktion plötzlich vor einer laufenden Aktion angezeigt werden soll, sollte sie vom Bildschirmrand nach oben oder unten geschoben werden. Alternativ sollte das Display schwarz und dann mittig in die Mitte des Bildschirms geschminkt werden. Die Bewegung beginnt an dem Ort, an dem die neue Aktion erscheinen soll.

Beispiel für eine Kurzaktion
Störende Aktionen oben auf dem Bildschirm angezeigt werden, indem du sie mit einem Teil von oben nach unten einschiebst

Beispiel

Benachrichtigungsbeispiel
In diesem Android Auto-Beispiel wird eine Benachrichtigung über eine anstehende Abzweigung vom oberen Bildschirmrand nach unten eingeblendet, sodass die aktuellen Medieninhalte weiterhin sichtbar sind.