Motyw powiadomień

System powiadomień Android Automotive OS (AAOS) dostarcza kierowcom najważniejszych informacji, jednocześnie dbając o bezpieczeństwo na drodze i minimalizując rozproszenie uwagi. Ten przewodnik wyjaśnia, jak dostosować powiadomienia samochodowe i jak się zachowują.

Zasady projektowania

Powiadomienia w samochodach są zoptymalizowane pod kątem przejrzystości i bezpieczeństwa. W przeciwieństwie do powiadomień mobilnych, powiadomienia samochodowe koncentrują się na prostocie:

• Mniejsza złożoność: Złożone funkcje sterowania, takie jak długie naciśnięcie lub skomplikowane gesty przesuwania, zostały wyłączone, aby kierowca mógł skupić się na drodze.
• Świadomość stanu napędu: system może automatycznie ograniczać lub przycinać zawartość w zależności od tego, czy pojazd jest w ruchu.
• Oparte na sesjach: lista powiadomień jest czyszczona na początku każdego przejazdu, co pozwala na wyświetlanie wyłącznie bieżących i istotnych informacji.

Jak wyglądają powiadomienia

Powiadomienia dostarczane są dwoma głównymi kanałami, w zależności od ich priorytetu i kategorii:

• Powiadomienia typu „heads-up” (HUN): Alerty o wysokim priorytecie, które pojawiają się na krótko nad bieżącym ekranem. Służą do wyświetlania informacji pilnych, takich jak połączenia przychodzące lub instrukcje nawigacyjne.
• Centrum powiadomień: Centralne miejsce, w którym kierowcy mogą przeglądać historię powiadomień, które mogli przegapić.

Personalizacja

Możesz dostosować sposób wyświetlania powiadomień tak, aby odpowiadał tożsamości Twojej marki, przy jednoczesnym zachowaniu podstawowych standardów bezpieczeństwa.

Interfejs użytkownika i dostęp

Możesz zdefiniować sposób, w jaki kierowca uzyskuje dostęp do Centrum powiadomień:

• Menu systemowe: Menu podobne do menu urządzeń mobilnych.
• Samodzielny ekran: dedykowany interfejs użytkownika, do którego można uzyskać dostęp za pomocą przycisku w systemie lub pasku nawigacyjnym.

Stylizacja wizualna

Możesz dostosować wygląd kart powiadomień do stylu projektowania swojego pojazdu:

• Typografia i kolor: Dostosuj czcionki i palety kolorów zarówno do trybu dziennego, jak i nocnego.
• Kształty: Dostosuj promienie narożników i wymiary pojemnika.
• Ruch: Zdefiniuj animacje przybycia i odejścia dla kart powiadomień.

Priorytet i kategorie

System kategoryzuje powiadomienia, aby określić sposób i czas ich wyświetlania.

• Kategorie specyficzne dla samochodu: obejmują CAR_EMERGENCY, CAR_WARNING i CAR_INFORMATION , które informują o stanie pojazdu.
• Komunikacja: Obsługuje kategorie CALL i MESSAGE za pomocą zoptymalizowanych akcji, takich jak „Odtwórz” i „Wycisz”.
• Nawigacja: Używa kategorii NAVIGATION , aby zapewnić wskazówki krok po kroku wyłącznie w trybie HUN.

Następne kroki

Aby rozpocząć dostosowywanie powiadomień dla swojego pojazdu:

• Karty powiadomień o stylach : Dowiedz się, jak dostosowywać czcionki, kolory i kształty.
• Zaprojektuj Centrum powiadomień : skonfiguruj sposób, w jaki użytkownicy uzyskują dostęp do zapisanych alertów i wchodzą z nimi w interakcję.
• Interakcje ruchu sekwencyjnego : zdefiniuj animacje przejść powiadomień.

Karty powiadomień o stylu

Karty powiadomień wbudowane w Google dostarczają kierowcom aktualnych informacji, minimalizując jednocześnie rozpraszanie uwagi. Możesz dostosować styl wizualny tych kart – w tym typografię, kolor i kształt – aby dopasować je do identyfikacji wizualnej swojej marki, zachowując jednocześnie standardy bezpieczeństwa.

Typy kart powiadomień

Istnieją trzy podstawowe wersje kart powiadomień:

• Powiadomienie przezierne (HUN): Pojawia się na krótko u góry (lub u dołu, w zależności od orientacji) ekranu nad bieżącą aplikacją.
• Karta Centrum powiadomień: używana w przypadku stałych powiadomień wymienionych w Centrum powiadomień.
• Karta powiadomień grupowych: łączy wiele powiązanych ze sobą powiadomień w jedną, rozszerzalną kartę.

Anatomia karty

Każda karta to elastyczny pojemnik składający się z czterech głównych obszarów:

1. Nagłówek: Zawiera ikonę aplikacji, nazwę aplikacji i opcjonalny znacznik czasu.
2. Treść: Wyświetla tytuł powiadomienia i tekst pomocniczy (z opcjonalnym podglądem wiadomości).
3. Akcje: maksymalnie trzy przyciski umożliwiające interakcję z użytkownikiem (np. „Odpowiedz”, „Wycisz”).
4. Duża ikona: Opcjonalne miejsce na awatary lub symbole nawigacyjne.

Wytyczne dotyczące stylizacji

W poniższych sekcjach opisano wytyczne dotyczące stylizacji.

Typografia

Możesz dostosować krój i rozmiar czcionki do skali typograficznej swojego systemu. Używaj wyraźnych, czytelnych czcionek, które dobrze sprawdzają się w różnych warunkach oświetleniowych.

• Tekst podstawowy: Zwykle 32dp (część główna 1) w przypadku głównych nagłówków.
• Tekst pomocniczy: Zwykle 24dp (część główna 3) zawierający informacje uzupełniające.
• Czcionki: Choć standardem jest Roboto, producenci OEM mogą wdrażać niestandardowe czcionki marki.

Kolor i wysokość

Zdefiniuj osobne wartości kolorów dla trybów Dzień i Noc , aby zapewnić czytelność i kontrast.

• Tło karty: Użyj wyrazistych odcieni szarości (np. Szary 868 na dzień, Szary 900 na noc).
• Tekst i ikony: Użyj białego koloru o wysokim stopniu krycia (88%+) dla głównych informacji i koloru o zmniejszonym stopniu krycia (60–72%) dla szczegółów drugorzędnych.
• Kolor akcentujący: Zastosuj kolor marki aplikacji do ikon drugorzędnych lub określonych działań, aby ułatwić użytkownikom identyfikację źródła.

Kształt i odstępy

Dostosuj granice fizyczne karty tak, aby odpowiadały językowi projektowania Twojego interfejsu użytkownika.

• Promień narożnika: Domyślny standard to 8dp (R2), ale można go zmienić, aby uzyskać bardziej zaokrąglony lub kwadratowy wygląd.
• Marginesy: Należy zachować jednakowe odstępy (standardowe 16 dp lub 24 dp) pomiędzy krawędziami karty i elementami wewnętrznymi.

Adaptacja ekranu i stan napędu

Układ powiadomień musi być dostosowany do różnych wymiarów ekranu (standardowego, szerokiego i bardzo szerokiego).

• Stan jazdy: Gdy pojazd jest w ruchu, rozważ ukrycie podglądu wiadomości lub skrócenie długich ciągów tekstowych, aby zmniejszyć obciążenie poznawcze.
• Ruch: Użyj standardowych animacji przybycia i odejścia (np. przesunięcie w dół w przypadku HUN, przesunięcie w celu odejścia), aby zapewnić wizualną informację zwrotną.

Zaprojektuj Centrum powiadomień

Kierowcy mogą przeglądać i zarządzać powiadomieniami za pośrednictwem tego centralnego węzła, który zaprojektowano z myślą o łatwej obsłudze i prostej interakcji, zgodnie z wytycznymi bezpieczeństwa.

Podstawowa funkcjonalność

Powiadomienia pośrednie, takie jak wiadomości i przypomnienia, są dostępne w Centrum powiadomień. Centrum nie przechowuje powiadomień o ograniczonym czasie trwania, takich jak wskazówki nawigacji czy aktywne połączenia telefoniczne, które pojawiają się jedynie jako powiadomienia przezierne (HUN).

• Oparte na sesjach: lista jest automatycznie czyszczona na początku każdego przejazdu, aby zapewnić aktualność treści.
• Priorytetowe: Powiadomienia są sortowane według ważności (np. najpierw alerty alarmowe), a następnie według daty ich otrzymania.

Opcje personalizacji

Możesz dostosować Centrum powiadomień, aby było zgodne z identyfikacją Twojej marki, przy jednoczesnym zachowaniu standardów bezpieczeństwa

1. Metody dostępu

Możesz zdefiniować sposób, w jaki użytkownicy uzyskują dostęp do Centrum powiadomień na podstawie interfejsu użytkownika systemu:

• Rozwijana osłona: użytkownicy przesuwają palcem w dół od góry ekranu, aby wyświetlić powiadomienia.
• Dedykowany ekran: Użytkownicy dotykają ikony powiadomień (zazwyczaj dzwonka) na pasku stanu systemu lub pasku nawigacyjnym.

2. Styl wizualny

Możesz dostosować następujące elementy wizualne, aby odpowiadały językowi projektowania Twojej marki:

• Paleta kolorów: Zdefiniuj odrębne kolory tła i akcentów dla trybów dziennego i nocnego.
• Typografia: Ustaw rodzinę czcionek, grubość i rozmiar dla nagłówków, tytułów i tekstu głównego.
• Kształt: Dostosuj promienie narożników kart powiadomień i całego kontenera.
• Układ: dostosuj marginesy, odstępy i odstępy pionowe między kartami powiadomień.

Model interakcji

Aby zminimalizować rozproszenie uwagi kierowcy, model interakcji ogranicza się do niezbędnych działań:

• Przeglądaj: Lista przewijana w pionie umożliwia kierowcom przeglądanie powiadomień.
• Reaguj: Duże cele uderzeniowe dla maksymalnie trzech przycisków akcji (np. „Odtwórz”, „Wycisz”, „Odpowiedz”).
• Odrzuć: Użytkownicy mogą przesunąć kartę w lewo lub w prawo, aby usunąć ją z listy.

Ograniczenia w prowadzeniu pojazdów

Centrum powiadomień musi dostosowywać się do stanu jazdy pojazdu, aby zapobiec przeciążeniu poznawczemu.

• Obcinanie treści: System może automatycznie obcinać długie ciągi tekstowe na podstawie ustawionego limitu znaków.
• Ukrywanie podsumowań: Możesz ukryć podgląd wiadomości lub ich podsumowania, gdy samochód jest w ruchu.
• Długość listy: Liczbę widocznych powiadomień można ograniczyć, aby zapobiec nadmiernemu przewijaniu podczas jazdy.

Lista kontrolna projektu

• Wysoki kontrast: upewnij się, że tekst i ikony spełniają standardy dostępności w każdych warunkach oświetleniowych.
• Duże cele trafienia: zaprojektuj przyciski i karty tak, aby można było łatwo nacisnąć, bez konieczności precyzyjnej kontroli motorycznej.
• Spójna identyfikacja marki: Zastosuj te same reguły personalizacji w Centrum powiadomień i powiadomieniach HUN.

Ruchy sekwencyjne

W samochodzie ruch to coś więcej niż tylko wybór estetyczny; to funkcjonalna wskazówka, która informuje kierowców, nie odrywając ich wzroku od drogi na zbyt długo. Producenci samochodów mogą dostosowywać animacje powiadomień, aby zapewnić ich integrację z resztą oprogramowania pojazdu.

Zasady ruchu samochodowego

• Informacyjne, nie rozpraszające: Użyj ruchu, aby zasygnalizować zmianę stanu (np. nową wiadomość), ale niech będzie na tyle subtelny, aby nie przestraszyć kierowcy.
• Bezpieczeństwo przede wszystkim: animacje powinny być krótkie i celowe. Unikaj „skokowych” lub nadmiernie skomplikowanych przejść, które wymagają dłuższej uwagi.
• Spójność: ruchy powiadomień powinny być zgodne z prawami fizyki reszty systemu informacyjno-rozrywkowego.

Kluczowe wzorce ruchu

W tej sekcji opisano kluczowe wzorce ruchu.

1. Powiadomienie HUN o przybyciu

Gdy pojawi się powiadomienie o wysokim priorytecie, następuje przejście na ekran za pomocą suwaka kierunkowego.

• Wkładanie od góry: Standard dla większości systemów. Kartę wsuwa się od górnej krawędzi.
• Wskazówka: Ten ruch subtelnie wskazuje, że do Centrum powiadomień można uzyskać dostęp, przesuwając palcem w dół od tej samej krawędzi.
• Personalizacja: Możesz dostosować czas trwania wejścia i konkretną krzywą wygładzania, aby dopasować je do stylu swojej marki.

2. Przesuń, aby zamknąć

Kierowcy mogą odrzucić HUN lub kartę w Centrum powiadomień, przesuwając palcem w poziomie.

• Informacja zwrotna wizualna: Gdy użytkownik przeciąga kartę, powinna ona przesuwać się 1:1 względem jego palca.
• Ruch wyjścia: Gdy przesunięcie palcem przekroczy próg odrzucenia, karta przyspiesza znikając z ekranu, a pozostałe elementy listy przesuwają się w pionie, aby wypełnić lukę.

3. Rozszerzenie powiadomień grupowych

Powiązane powiadomienia (np. wiele wiadomości z czatu grupowego) są często gromadzone na jednej karcie, aby zaoszczędzić miejsce.

• Rozszerzanie: Po stuknięciu karta powinna powiększyć się w pionie, ukazując poszczególne wiadomości.
• Zapadnięcie się: Ruch wsteczny powinien być nieco szybszy niż ruch rozszerzający się, aby pomóc kierowcy szybko powrócić do poprzedniego zadania.

Czas i łagodzenie

Google zaleca stosowanie się do standardów Material Design, które kładą nacisk na szybki start i płynne, stopniowe zakończenie.

Najlepsze praktyki

• Zadbaj o czytelność: zadbaj o wysoki współczynnik kontrastu między tekstem a tłem karty.
• Spójność: Użyj tych samych promieni narożników i reguł odstępów dla obu kart HUN i kart Centrum powiadomień.
• Minimalizm: Zadbaj o to, aby czynności były proste, a tekst zwięzły; unikaj skomplikowanych układów, których zrozumienie wymaga więcej niż jednego spojrzenia.