Karta powiadomień

Karty powiadomień przekazują niewielkie ilości aktualnych informacji z systemu lub aplikacji.

Projekt tych kart dla systemu Android Automotive ma na celu zminimalizowanie rozpraszania uwagi kierowców. Karty są dostępne w trzech podstawowych wersjach:

  • Karta powiadomienia przeziernego (HUN): używana w przypadku powiadomienia, które na krótko pojawia się na bieżącym ekranie
  • Karta Centrum powiadomień: używana do powiadomień wyświetlanych w Centrum powiadomień
  • Karta powiadomień grupowych: łączy wiele kart Centrum powiadomień na jednej karcie

W tych wersjach wygląd może się również nieznacznie różnić w zależności od kategorii wiadomości. Na przykład powiadomienia o połączeniach mają inne przyciski i ikony niż powiadomienia nawigacyjne.

Anatomia

Karta powiadomień to elastyczny komponent, który może zawierać wiele elementów. Ma trzy główne wersje:

  • Karta HUN: Ta wersja jest szersza niż karta Centrum powiadomień i wyświetla się na górze bieżącego ekranu aż do zamknięcia
  • Karta Centrum powiadomień: Ta wersja jest węższa od karty HUN i pojawia się wraz z innymi tego typu kartami w Centrum powiadomień, na liście pionowej
  • Karta powiadomień grupowych: Ta wersja karty Centrum powiadomień łączy wiele powiązanych ze sobą powiadomień na jednej karcie, z kontrolkami umożliwiającymi jej rozwinięcie w celu wyświetlenia poszczególnych powiadomień

Warianty tych wersji według typu wiadomości są pokazane w Stylach .

Poniżej przedstawiono wersje HUN i Centrum powiadomień tej samej karty powiadomień, zawierające następujące elementy:
1. Nagłówek
2. Treść (z opcjonalnym podglądem wiadomości i bez niego, który można ukryć podczas jazdy samochodem)
3. Działania
4. Duża ikona


Poniżej znajduje się karta powiadomień grupowych w wersji zwiniętej i rozwiniętej, zawierająca następujące elementy:
1. Nagłówek
2. Treść
3. Rozwiń/zwiń akcję
4. Wskaźnik rozwinięcia/zwinięcia

Specyfikacja – karta HUN

Standardowy HUN

HUN z awatarem

Wiadomość HUN z podglądem

Wiadomość HUN z wieloma wiadomościami

Duży obraz HUN

Specyfikacja – karta Centrum powiadomień

Standardowe powiadomienie

Powiadomienie o wiadomości z podglądem

Powiadomienie o wiadomościach z wieloma wiadomościami

Powiadomienie o pojedynczej akcji

Specyfikacja – Karta powiadomień grupowych

Powiadomienie grupowe – zwinięte

Powiadomienie grupowe – rozszerzone

Skalowanie układów

Te układy referencyjne pokazują, jak dostosować powiadomienia do ekranów o różnych szerokościach i wysokościach. Należy pamiętać, że wszystkie wartości pikseli podano w pikselach renderowanych, przed jakimkolwiek próbkowaniem w dół lub w górę.

ikona objaśnienia
Układ
Marginesy, linie kluczowe i odstępy dla różnych rozmiarów ekranu.

Ekrany o standardowej szerokości

Karta HUN.


Karta Centrum powiadomień.

Karta powiadomień grupowych (zwinięta).

Karta powiadomień grupowych (rozszerzona).

Szerokie ekrany

Karta HUN.


Karta Centrum powiadomień.

Karta powiadomień grupowych (zwinięta).

Karta powiadomień grupowych (rozszerzona).

Ekrany bardzo szerokie i super szerokie

Karta HUN.


Karta Centrum powiadomień.

Karta powiadomień grupowych (zwinięta).

Karta powiadomień grupowych (rozszerzona).

Rozmieszczenie powiadomień w pionie na ekranach o różnej wysokości

Dane dotyczące odstępu pionowego w tej sekcji dotyczą wyłącznie kart HUN.

Krótkie ekrany

Karta HUN.

Ekrany wysokie i o standardowej wysokości

Karta HUN.

Style

Typografia

Styl czcionki Krój pisma Waga Rozmiar (dp)
Ciało 1 Roboto Regularny 32
Korpus 3 M Roboto Średni 24
Ciało 3 Roboto Regularny 24

Kolor

Element Kolor (tryb dzienny) Kolor (tryb nocny)
Typ podstawowy / ikony Biały Biały @ 88%
Typ wtórny Biały @ 72% Biały @ 60%
Ikona drugorzędna Akcent osoby trzeciej Akcent osoby trzeciej
Linia włosów podziału Biały 22% Biały 12%
Tło karty Szary 868 Szary 900
Gradient Scrim Czarny 100% - 0% Czarny 100% - 20%

Rozmiarowanie

Element Rozmiar (dp)
Ikona główna 44
Ikona drugorzędna 36
Średni awatar 76
Zaokrąglony promień narożnika (R2) 8

Przykłady

Karty HUN: Połączenie, Wiadomość, Ostrzeżenie samochodu i Nawigacja.
Karty Centrum powiadomień: Połączenie, Wiadomość i Ostrzeżenie samochodu.
Karty powiadomień grupowych: Wiadomości rozwinięte i zwinięte - dzień.
Karty powiadomień grupowych: Wiadomości rozwinięte i zwinięte - noc.

Ruch

Poniższe wnioski stanowią istotną część procesu powiadamiania:

  • Wniosek o przybycie HUN
  • Przesunięcie palcem w celu odrzucenia powiadomienia
  • Ruchy rozwijania i zwijania powiadomień grupowych

Przybycie HUN

Ruch HUN-a przesuwającego się z góry ekranu pomaga użytkownikom zauważyć jego przybycie, a także daje wskazówkę dotyczącą dostępu do powiadomień za pomocą przesunięcia w dół, jeśli Centrum powiadomień jest wyświetlane w postaci rozwijanego panelu.

Przesuń, aby odrzucić

Przeciąganie, gdy użytkownik przesuwa palcem w bok po powiadomieniu, daje wizualne potwierdzenie, że zostanie ono odrzucone, a następnie przesunięcie w górę kolejnego powiadomienia wypełnia lukę na liście.

Rozwijanie i zwijanie grupowanych powiadomień

Rozciągnięcie karty powiadomień grupowych w dół umożliwia płynne przejście ze stanu zwiniętego do rozwiniętego.