Benachrichtigungskarte

Benachrichtigungskarten übermitteln kurze, zeitnahe Informationen aus dem System oder einer App.

Das Design dieser Karten für Android Automotive OS ist darauf ausgelegt, Ablenkungen für den Fahrer zu minimieren. Die Karten sind in drei Basisversionen erhältlich:

  • Heads-up-Benachrichtigungskarte (HUN): Wird für eine Benachrichtigung verwendet, die kurz über dem aktuellen Bildschirm angezeigt wird.
  • Benachrichtigungszentrale-Karte: Wird für Benachrichtigungen verwendet, die in der Benachrichtigungszentrale aufgelistet sind.
  • Gruppierte Benachrichtigungskarte: Kombiniert mehrere Benachrichtigungscenter-Karten in einer Karte

Innerhalb dieser Versionen können die Designs je nach Nachrichtenkategorie leicht variieren. Beispielsweise haben Anrufbenachrichtigungen andere Schaltflächen und Symbole als Navigationsbenachrichtigungen.

Anatomie

Die Benachrichtigungskarte ist eine flexible Komponente, die verschiedene Elemente enthalten kann. Es gibt drei Hauptversionen:

  • HUN-Karte: Diese Version ist breiter als die Benachrichtigungscenter-Karte und wird so lange über dem aktuellen Bildschirm angezeigt, bis sie geschlossen wird.
  • Benachrichtigungszentrale-Karte: Diese Version ist schmaler als die HUN-Karte und wird zusammen mit anderen ähnlichen Karten in der Benachrichtigungszentrale in einer vertikalen Liste angezeigt.
  • Karte mit gruppierten Benachrichtigungen: Diese Version der Benachrichtigungszentrale kombiniert mehrere zusammengehörige Benachrichtigungen in einer Karte und bietet Steuerelemente zum Erweitern, um die einzelnen Benachrichtigungen anzuzeigen.

Varianten dieser Versionen nach Nachrichtentyp werden unter Stile angezeigt.

Hier werden die HUN- und die Notification Center-Versionen derselben Benachrichtigungskarte mit folgenden Elementen dargestellt:
1. Kopfzeile
2. Inhalt (mit und ohne optionale Nachrichtenvorschau, die während der Fahrt ausgeblendet werden kann)
3. Maßnahmen
4. Großes Symbol


Hier wird eine gruppierte Benachrichtigungskarte in ihrer zusammengeklappten und ausgeklappten Version gezeigt, die die folgenden Elemente enthält:
1. Kopfzeile
2. Inhalt
3. Aktion erweitern/reduzieren
4. Anzeige zum Ein-/Ausklappen

Spezifikationen – HUN-Karte

Standard HUN

HUN mit Avatar

Nachricht HUN mit Vorschau

Nachricht HUN mit mehreren Nachrichten

Großbild HUN

Spezifikationen – Benachrichtigungscenter-Karte

Standardbenachrichtigung

Nachrichtenbenachrichtigung mit Vorschau

Nachrichtenbenachrichtigung mit mehreren Nachrichten

Einzelaktionsbenachrichtigung

Spezifikationen – Gruppierte Benachrichtigungskarte

Gruppierte Benachrichtigung – Ausgeblendet

Gruppierte Benachrichtigung – Erweitert

Skalierung von Layouts

Diese Referenzlayouts zeigen, wie Benachrichtigungen an Bildschirme unterschiedlicher Breite und Höhe angepasst werden können. Beachten Sie, dass alle Pixelwerte in gerenderten Pixeln angegeben sind, also vor jeglicher Herunter- oder Hochskalierung.

Hinweissymbol
Layout
Ränder, Rahmenlinien und Abstände für verschiedene Bildschirmgrößen.

Bildschirme in Standardbreite

HUN-Karte.


Benachrichtigungszentrale-Karte.

Gruppierte Benachrichtigungskarte (zusammengeklappt).

Gruppierte Benachrichtigungskarte (erweitert).

Breitbildschirme

HUN-Karte.


Benachrichtigungszentrale-Karte.

Gruppierte Benachrichtigungskarte (zusammengeklappt).

Gruppierte Benachrichtigungskarte (erweitert).

Extra breite und superbreite Leinwände

HUN-Karte.


Benachrichtigungszentrale-Karte.

Gruppierte Benachrichtigungskarte (zusammengeklappt).

Gruppierte Benachrichtigungskarte (erweitert).

Vertikaler Abstand von Benachrichtigungen auf Bildschirmen unterschiedlicher Höhe

Die in diesem Abschnitt angegebenen Spezifikationen zum vertikalen Abstand gelten nur für HUN-Karten.

Kurze Bildschirme

HUN-Karte.

Hohe und normalhohe Bildschirme

HUN-Karte.

Stile

Typografie

Schriftart Schrift Gewicht Größe (dp)
Körper 1 Roboto Regulär 32
Körper 3 M Roboto Medium 24
Körper 3 Roboto Regulär 24

Farbe

Element Farbe (Tagesmodus) Farbe (Nachtmodus)
Primärer Typ / Symbole Weiß Weiß @ 88%
Sekundärtyp Weiß @ 72% Weiß @ 60%
Sekundäres Symbol Akzent von Drittanbietern Akzent von Drittanbietern
Scheitelpunkt Weiß 22 % Weiß 12%
Kartenhintergrund Grau 868 Grau 900
Farbverlaufsgewebe Schwarz 100 % - 0 % Schwarz 100 % - 20 %

Größenangaben

Element Größe (dp)
Primäres Symbol 44
Sekundäres Symbol 36
Mittlerer Avatar 76
Abgerundeter Eckenradius (R2) 8

Beispiele

HUN-Karten: Anruf, Nachricht, Fahrzeugwarnung und Navigation.
Benachrichtigungszentrale: Anruf-, Nachrichten- und Fahrzeugwarnungen.
Gruppierte Benachrichtigungskarten: Nachrichten, erweitert und reduziert - Tag.
Gruppierte Benachrichtigungskarten: Nachrichten, erweitert und reduziert - Nacht.

Bewegung

Folgende Aktionen sind ein wichtiger Bestandteil des Benachrichtigungserlebnisses:

  • HUN Ankunftsbewegung
  • Wischgeste zum Schließen einer Benachrichtigung
  • Gruppierte Benachrichtigungen: Bewegungen erweitern und reduzieren

Ankunft der HUN

Die Bewegung einer HUN, die vom oberen Bildschirmrand nach unten gleitet, hilft den Nutzern, deren Erscheinen zu bemerken, und gibt außerdem einen Hinweis darauf, dass man durch Wischen nach unten auf Benachrichtigungen zugreifen kann, wenn das Benachrichtigungszentrum als herunterziehbare Leiste implementiert ist.

Zum Schließen wischen

Die Wischbewegung beim seitlichen Wischen einer Benachrichtigung liefert eine visuelle Bestätigung, dass diese entfernt wird; anschließend füllt die Aufwärtsbewegung der nächsten Benachrichtigung die Lücke in der Liste.

Gruppierte Benachrichtigungen ein- und ausklappen

Durch das Nach unten dehnen einer gruppierten Benachrichtigungskarte wird ein sanfter Übergang vom zusammengeklappten zum aufgeklappten Zustand ermöglicht.