Aplikacje multimedialne

Podczas gdy twórcy aplikacji zapewniają podstawową zawartość, ikony i niestandardowe akcje dla swoich aplikacji multimedialnych, producenci samochodów mają swobodę w dostosowywaniu ogólnego doświadczenia wizualnego. Dzięki temu aplikacje multimedialne innych firm wydają się integralną częścią systemu informacyjno-rozrywkowego w samochodzie.

Co producenci samochodów mogą dostosować

Skonfiguruj pasek aplikacji

Pasek aplikacji to główny element nawigacyjny i brandingowy aplikacji multimedialnych w samochodach z wbudowaną usługą Google. Zapewnia użytkownikom kontekst dotyczący ich aktualnego położenia w aplikacji i szybki dostęp do najważniejszych funkcji, takich jak wyszukiwanie i przeglądanie.

Możesz dostosować pasek aplikacji do marki swojego samochodu, używając tokenów projektowych do modyfikacji jego wyglądu, układu i funkcjonalności.

Anatomia

Pasek aplikacji multimedialnych zazwyczaj składa się z następujących elementów:

  • Ikona nawigacji: Zwykle strzałka wstecz, która umożliwia powrót do poprzedniego ekranu.
  • Branding aplikacji: logo lub nazwa Twojej aplikacji.
  • Karty: łącza nawigacyjne do kategorii najwyższego poziomu, takie jak „Przeglądaj” lub „Szukaj”.
  • Ikony akcji: akcje kontekstowe, takie jak ikona wyszukiwania.

Dostosuj wygląd

Użyj tokenów projektowych, aby pasek aplikacji pasował do motywu systemu w Twoim samochodzie. Tokeny pozwalają zdefiniować kolory i typografię, które automatycznie aktualizują się w interfejsie użytkownika.

  • Tło: Ustaw kolor tła i krycie paska aplikacji przy użyciu odpowiednich tokenów powierzchniowych.
  • Typografia: Użyj czcionki i grubości swojej marki w tytule aplikacji i etykietach kart, mapując je na tokeny typograficzne systemu.
  • Ikony: Upewnij się, że ikony nawigacji i akcji mają spójny rozmiar i kolor, aby były czytelne podczas jazdy.

Konfiguracje funkcjonalne

Zarządzaj kartami

Możesz wybrać, które karty będą wyświetlane na pasku aplikacji, w zależności od jej struktury. Typowe konfiguracje obejmują:

  • Przeglądanie standardowe: karty kategorii takich jak Listy odtwarzania, Wykonawcy i Albumy.
  • Integracja wyszukiwania: dedykowana zakładka lub ikona wyszukiwania na pasku aplikacji umożliwiająca szybki dostęp do klawiatury lub wyszukiwania głosowego.

Wyświetlanie marki

Aby zachować spójny wygląd, możesz zdecydować, w jaki sposób logo lub branding aplikacji będą wyświetlane na pasku aplikacji. Możesz wybrać:

  • Pokaż logo: Umieść logo aplikacji obok ikony nawigacji.
  • Pokaż tytuł: Jeśli nie podano logo, w nazwie aplikacji użyj tekstu.

Styl przeglądania widoków

Widoki przeglądania pozwalają użytkownikom przeglądać treści multimedialne za pomocą siatek i list. Producenci samochodów mogą dostosowywać te widoki, aby zapewnić, że korzystanie z multimediów jest zgodne z brandingiem pojazdu i ogólnym wyglądem systemu.

Dostosowywanie nagłówka

Nagłówek przeglądania zapewnia kontekst dotyczący aktualnej pozycji użytkownika w hierarchii treści. Możesz dostosować następujące aspekty nagłówka:

  • Pozycja i styl: dostosuj pionowe rozmieszczenie i wygląd nagłówka, w tym wysokość i tło.
  • Elementy nagłówka: dostosuj określone komponenty, takie jak styl tekstu tytułu i wygląd ikon drugorzędnych.

Elementy siatki i listy

Treści multimedialne są zorganizowane w siatki lub listy, aby ułatwić użytkownikom przeglądanie. Możesz dostosować te układy, aby poprawić czytelność i przejrzystość:

  • Stylizacja elementów: dostosuj wygląd wizualny poszczególnych elementów, w tym rozmiar i kształt miniatur oraz typografię tytułów i podtytułów.
  • Wybór układu: Wybierz pomiędzy formatem siatki lub listy, w zależności od typu wyświetlanej zawartości (na przykład użyj siatki dla okładek albumów, a listy dla nazw utworów).
  • Stany skupienia: Definiuj sposób wyświetlania elementów po ich wybraniu lub podświetleniu przez użytkownika.

Układy odtwarzania stylów

Widok odtwarzania zapewnia użytkownikom elementy sterujące i metadane dotyczące aktualnie odtwarzanych multimediów. Producenci samochodów mogą dostosować wygląd tego widoku i zminimalizowanego paska sterowania, aby stworzyć spójne wrażenia, zgodne z marką pojazdu.

Anatomia widoku odtwarzania

Widok odtwarzania zazwyczaj obejmuje następujące komponenty:

  • Okładka albumu: wizualna reprezentacja bieżących mediów.
  • Metadane: Informacje takie jak tytuł utworu, nazwa artysty i tytuł albumu.
  • Sterowanie odtwarzaniem: podstawowe funkcje, takie jak odtwarzanie, pauza, pomijanie i odtwarzanie losowe.
  • Pasek postępu: wizualny wskaźnik postępu bieżącego utworu, często zawierający przycisk przewijania.

Opcje personalizacji

Za pomocą tokenów projektowych można modyfikować styl wizualny odtwarzania.

Główny ekran odtwarzania

  • Tło i nakładki: dostosuj kolor tła, gradienty i poziomy krycia, aby dopasować je do motywu swojego systemu.
  • Typografia: Zdefiniuj czcionkę, rozmiar i grubość tytułów utworów oraz informacji o artyście, korzystając z tokenów typograficznych systemu.
  • Styl sterowania: dostosuj kształt, kolor i styl ikon przycisków odtwarzania (np. odtwórz, pauza, dalej), aby zapewnić ich spójność z innymi elementami sterowania w systemie.
  • Pasek postępu: Zmień styl ścieżki i ikony paska postępu, używając kolorów charakterystycznych dla danej marki.

Zminimalizowany pasek sterowania (MCB)

Zminimalizowany pasek sterowania pozwala użytkownikom sterować multimediami podczas nawigacji po innych częściach systemu. Możesz dostosować:

  • Pozycja i układ: Określ miejsce, w którym MCB będzie wyświetlany na ekranie i sposób rozmieszczenia elementów.
  • Widoczność elementu: Wybierz, które elementy sterujące (takie jak odtwarzanie/pauza lub pomijanie) będą wyświetlane w stanie zminimalizowanym.
  • Stylizacja: Zastosuj spójne kolory i zaokrąglone rogi, aby mieć pewność, że MCB będzie sprawiać wrażenie natywnej części interfejsu użytkownika systemu.

Wyszukiwanie w aplikacji to kluczowa funkcja, która pozwala użytkownikom szybko znaleźć multimedia w pojeździe. Podczas gdy twórcy aplikacji dostarczają treść wyszukiwania, producenci samochodów odpowiadają za zaprojektowanie nakładki wyszukiwania, w tym klawiatury i prezentacji wyników.

Projekt klawiatury

Nakładka wyszukiwania korzysta z różnych konfiguracji klawiatury w zależności od stanu jazdy pojazdu, co zapewnia bezpieczeństwo i łatwość użytkowania.

  • Klawiatura standardowa: Wyświetlana, gdy pojazd jest zaparkowany. Jest to w pełni funkcjonalna klawiatura do ręcznego wprowadzania tekstu.
  • Klawiatura zoptymalizowana pod kątem jazdy: Wyświetlana, gdy pojazd jest w ruchu. Ta wersja zazwyczaj priorytetowo traktuje wprowadzanie głosowe i może oferować uproszczone wprowadzanie ręczne lub sugestie, aby zminimalizować rozpraszanie uwagi kierowcy.

Producenci samochodów mogą dostosowywać styl wizualny tych klawiatur — na przykład kształt klawiszy, kolor tła i typografię — za pomocą tokenów projektowych systemu, aby dopasować je do marki pojazdu.

Po wprowadzeniu zapytania przez użytkownika wyniki są wyświetlane w nakładce. Możesz dostosować następujące aspekty tego widoku:

  • Układ i odstępy: określ sposób grupowania wyników wyszukiwania i ilość miejsca między elementami, aby zapewnić lepszą czytelność.
  • Wygląd elementów: dostosuj styl elementów listy w wynikach wyszukiwania, w tym style czcionek tytułów i podtytułów oraz rozmiar powiązanych miniatur.
  • Stany puste i błędy: zaprojektuj wygląd nakładki, gdy nie zostaną znalezione żadne wyniki lub gdy wystąpi błąd połączenia.

Wyświetlanie marki aplikacji

Aby stworzyć spójne wrażenia multimedialne w samochodach z wbudowanym Google, możesz dostosować sposób integracji brandingu aplikacji firm trzecich z interfejsem użytkownika systemu. Dzięki temu, choć użytkownik wie, z której aplikacji korzysta, prezentacja wizualna pozostaje spójna z ogólnym wyglądem pojazdu.

Elementy marki

Możesz dostosować rozmieszczenie i integrację następujących elementów specyficznych dla aplikacji:

  • Ikona aplikacji: Podstawowy identyfikator wizualny usługi multimedialnej.
  • Kolor akcentowy: Kolor charakterystyczny dla marki, dostarczony przez twórcę aplikacji.
  • Nazwa aplikacji: Nazwa tekstowa usługi multimedialnej.

Opcje personalizacji

Użyj tokenów projektowych, aby określić, w jaki sposób te elementy marki będą się pojawiać na różnych ekranach mediów.

Umiejscowienie i stylizacja ikon

Masz swobodę wyboru sposobu wyświetlania ikony aplikacji w interfejsie multimedialnym:

  • Pozycjonowanie: określ miejsce wyświetlania ikony aplikacji na ekranach zawartości, np. na pasku aplikacji lub w widoku odtwarzania.
  • Skalowanie i kształt: Użyj tokenów systemowych, aby określić rozmiar i promień narożnika ikony, dzięki czemu będzie ona pasować do innych ikon na poziomie systemowym.

Zintegruj kolory akcentowe

Kolory akcentujące aplikacji można wykorzystać w celu subtelnego podkreślenia marki aplikacji, nie przytłaczając przy tym interfejsu użytkownika pojazdu:

  • Adaptacyjny styl: Możesz wybrać sposób włączania koloru akcentującego aplikacji do komponentów interfejsu użytkownika, takich jak paski postępu, wskaźniki aktywnej karty czy przyciski.
  • Normalizacja kolorów: sprawdź, czy kolory dostarczane przez aplikację spełniają wymagania dotyczące kontrastu dla bezpieczeństwa i czytelności, stosując zdefiniowane przez system transformacje kolorów.

Najlepsze praktyki projektowe

  • Zachowaj harmonię systemu: zadbaj o to, aby wygląd aplikacji nie odwracał uwagi od głównego celu prowadzenia pojazdu ani nie kolidował z ogólnym motywem pojazdu.
  • Zadbaj o czytelność: Jeśli używasz koloru wiodącego aplikacji dla tekstu lub ikon, upewnij się, że zachowuje on odpowiedni współczynnik kontrastu z wybranym tłem.
  • Spójne stosowanie: stosuj zasady dotyczące marki w spójny sposób we wszystkich aplikacjach multimedialnych innych firm, aby zapewnić użytkownikom przewidywalne środowisko.
  • Używaj tokenów systemowych: Zawsze mapuj dostosowania marki na dostarczone tokeny projektowe, aby zachować zgodność z przyszłymi aktualizacjami systemu.