Benachrichtigungskarte

Benachrichtigungskarten senden kleine Mengen aktueller Informationen aus dem System oder von einer App.

Das Design dieser Karten für Android Automotive OS wurde entwickelt, um die Ablenkung für den Fahrer so gering wie möglich zu halten. Es gibt drei Basisversionen:

  • Karte für Vorabbenachrichtigungen (HUN):Wird für eine Benachrichtigung verwendet, die kurz über dem aktuellen Bildschirm angezeigt wird.
  • Karte für Benachrichtigungszentrale:Wird für Benachrichtigungen in der Mitteilungszentrale verwendet.
  • Gruppierte Benachrichtigungskarte:Mehrere Karten in der Mitteilungszentrale werden auf einer Karte kombiniert.

Bei diesen Versionen können die Designs auch je nach Kategorie der Botschaft leicht variieren. Anrufbenachrichtigungen haben beispielsweise andere Schaltflächen und Symbole als Navigationsbenachrichtigungen.


Anatomie

Die Benachrichtigungskarte ist eine flexible Komponente, die eine Vielzahl von Elementen enthalten kann. Es gibt drei Hauptversionen:

  • HUN-Karte: Diese Version ist breiter als die Karte „Mitteilungszentrale“ und wird oben auf dem aktuellen Bildschirm angezeigt, bis sie geschlossen wird.
  • Karte für Mitteilungszentrale: Diese Version ist schmaler als die HUN-Karte und wird zusammen mit anderen Karten dieser Art im Benachrichtigungscenter in einer vertikalen Liste angezeigt.
  • Gruppierte Karte für Benachrichtigungen:In dieser Version der Infokarte sind mehrere zusammengehörige Benachrichtigungen auf einer Karte zusammengefasst. Die einzelnen Benachrichtigungen lassen sich so maximieren und anzeigen.

Varianten dieser Versionen nach Mitteilungstyp werden unter Stile angezeigt.

Hier sehen Sie HUN- und Notification Center-Versionen derselben Benachrichtigungskarte, die folgende Elemente enthalten:
1. Überschrift
2. Inhalt (mit und ohne optionale Nachrichtenvorschau, die beim Fahren ausgeblendet werden kann)
3. Aktionen
4. Großes Symbol
Hier sehen Sie eine gruppierte Benachrichtigungskarte in minimierter und erweiterter Version, die folgende Elemente enthält:
1. Überschrift
2. Inhalt
3. Aktion zum Maximieren/Minimieren
4. Anzeige zum Maximieren/Minimieren

Spezifikationen – HUN-Karte

Standard-HUN

HUN mit Avatar

Nachricht HUN mit Vorschau

Nachricht an HUN mit mehreren Nachrichten

HUN für große Bilder


Spezifikationen – Karte in Mitteilungszentrale

Standardbenachrichtigung

Nachrichtenbenachrichtigung mit Vorschau

Nachrichtenbenachrichtigung mit mehreren Nachrichten

Einzelaktionsbenachrichtigung


Spezifikationen – Gruppierte Benachrichtigungskarte

Gruppierte Benachrichtigung – minimiert

Gruppierte Benachrichtigung – maximiert


Layouts skalieren

Diese Referenzlayouts zeigen, wie Benachrichtigungen an Bildschirme mit verschiedenen Breiten und Höhen angepasst werden. Die Kategorien für Breite und Höhe werden im Abschnitt Layout definiert. Beachten Sie, dass alle Pixelwerte in gerenderten Pixeln vorliegen, bevor ein Downsampling oder Upsampling erfolgt.

Bildschirme mit Standardbreite

HUN-Karte
Karte für Benachrichtigungscenter
Gruppierte Benachrichtigungskarte (minimiert)
Gruppierte Benachrichtigungskarte (erweitert)

Breitbildformate

HUN-Karte
Karte für Benachrichtigungscenter
Gruppierte Benachrichtigungskarte (minimiert)
Gruppierte Benachrichtigungskarte (erweitert)

Extrabreit und superbreit

HUN-Karte
Karte für Benachrichtigungscenter
Gruppierte Benachrichtigungskarte (minimiert)
Gruppierte Benachrichtigungskarte (erweitert)

Vertikaler Abstand von Benachrichtigungen auf Bildschirmen mit unterschiedlicher Höhe

Die Spezifikationen für vertikale Abstände in diesem Abschnitt gelten nur für HUN-Karten. Weitere Informationen zum vertikalen Abstand von Karten im Benachrichtigungscenter finden Sie in den Spezifikationen des Benachrichtigungscenters.

Kurze Bildschirme

HUN-Karte

Hohe und Standard-Displays

HUN-Karte

Stile

Typografie

Schriftstil Schriftart Gewicht Größe (dp)
Text 1 Roboto Regulär 32
Text 3 M Roboto Medium 24
Text 3 Roboto Regulär 24

Farbe

Element Farbe(Tagesmodus) Farbe (Nachtmodus)
Haupttyp / Primäre Symbole White Weiß mit 88%
Sekundärer Typ Weiß mit 72% Weiß mit 60%
Sekundäres Symbol Drittanbieterakzent Drittanbieterakzent
Trennlinie Weiß 22% Weiß: 12%
Hintergrund der Karte Grau 868 Grau 900
Farbverlaufsraster Schwarz 100–0 % Schwarz 100–20 %

Größen

Element Größe (dp)
Primäres Symbol 44
Sekundäres Symbol 36
Mittelgroßer Avatar 76
Radius der abgerundeten Ecken (R2) 8

Beispiele

HUN-Karten: Anruf, Nachricht, Autowarnung und Navigation
Karten in der Benachrichtigungszentrale: Anruf-, Nachrichten- und Fahrzeugwarnung
Gruppierte Benachrichtigungskarten: Nachrichten, maximiert und minimiert – Tag
Gruppierte Benachrichtigungskarten: Nachrichten, maximiert und minimiert – Nacht

Bewegung

Die folgenden Bewegungen sind ein wichtiger Teil der Benachrichtigungsfunktion:

  • Bewegung bei Ankunft der HUN
  • Wischbewegungen zum Schließen einer Benachrichtigung
  • Bewegungen zum Maximieren und Minimieren von Benachrichtigungen

Ankunft (HUN)

Die Bewegung einer HUN, die vom oberen Bildschirmrand nach unten schiebt, hilft Nutzern, ihre Ankunft zu erkennen. Außerdem bietet sie einen Hinweis zum Zugriff auf Benachrichtigungen durch Wischen nach unten, wenn das Benachrichtigungscenter als Benachrichtigungszentrale implementiert ist.

Zum Schließen wischen

Die Ziehbewegung, wenn ein Nutzer seitwärts auf einer Benachrichtigung wischt, ist eine visuelle Bestätigung, dass die Benachrichtigung geschlossen wurde. Die Aufwärtsbewegung der nächsten Benachrichtigung ist dann das Loch in der Liste.

Gruppierte Benachrichtigungen maximieren und minimieren

Wenn eine gruppierte Benachrichtigungskarte nach unten gestreckt wird, ist ein reibungsloser Übergang vom minimierten zum maximierten Zustand möglich.