Model przestrzenny

To wprowadzenie do szablonu aplikacji do multimediów opisuje jego główne elementy i podstawowe funkcje, a także architekturę, która je łączy.

Bardziej szczegółowe opisy działania poszczególnych elementów znajdziesz w kolejnych sekcjach. Przewodnik po tych sekcjach znajdziesz w omówieniu tej sekcji.

Anatomia

Szablon multimediów zawiera te informacje:

  • Pasek aplikacji – zawiera główną nawigację w aplikacji i elementy sterujące aplikacji (do wyszukiwania i ustawień w aplikacji) oraz zawiera ikonę aplikacji.
  • Przestrzeń treści do przeglądania – wyświetla zawartość w widoku siatki (pokazanym tutaj) lub w widoku listy.
  • Sterowanie odtwarzaniem – widoczny na tej stronie zminimalizowany pasek sterowania zawiera podstawowe metadane multimediów i elementy sterujące odtwarzaniem. Umożliwia też dostęp do nakładki odtwarzania z większą liczbą elementów sterujących.
1. Pasek aplikacji z głównymi kartami nawigacyjnymi i elementami sterującymi aplikacji.
2. Przestrzeń, którą można przeglądać.
3. Elementy sterujące odtwarzaniem (widoczne na zminimalizowanym pasku sterowania)

W tym przykładowym układzie widać tylko jedno możliwe rozmieszczenie tych elementów. Na przykład producenci samochodów mogą zdecydować się na łączenie głównych opcji nawigacji i aplikacji zamiast umieszczania ich na jednym poziomym pasku, w zależności od wymiarów ekranu. Hierarchia nawigacji została szczegółowo opisana w sekcjach poniżej.

Główne menu nawigacyjne

Główny pasek nawigacyjny na pasku aplikacji składa się z widocznych kart (chyba że ekran jest za mały w rzadkich przypadkach).

Ten przykład pokazuje typowe rozmieszczenie kart:

Aby przejść do widoków treści multimedialnych, na pasku aplikacji użytkownicy mogą wybrać karty, takie jak Strona główna i Playlisty.
Wybranie karty na pasku aplikacji powoduje zastąpienie bieżącego widoku innym widokiem aplikacji najwyższego poziomu.

Ustawienia aplikacji

Elementy sterujące aplikacji (widoczne w prawym górnym rogu w przykładzie poniżej) zajmują tę część paska aplikacji, która nie służy do budowania marki ani nawigacji. Zapewniają dostęp do wyszukiwania w aplikacji i ustawień bieżącej aplikacji do multimediów.

Wybranie elementu sterującego aplikacji spowoduje otwarcie nakładki. Na przykład widoczna tu afordancja ustawień otwiera nakładkę z interfejsem ustawień. Po zamknięciu nakładki użytkownik wraca do poprzedniej lokalizacji w aplikacji.

Wybranie opcji ustawień na pasku aplikacji powoduje otwarcie nakładki z dostępem do ustawień aplikacji.
Po wybraniu elementu sterującego aplikacji otwiera się nakładka na treści, którą można przeglądać, a pasek aplikacji zmienia się w nagłówek aplikacji.

Przestrzeń do przeglądania treści

Użytkownicy mogą przewijać treść i przechodzić między poszczególnymi elementami, korzystając z kolejnych poziomów hierarchii (z-space).

Poruszanie się po wielu poziomach zwiększa obciążenie poznawcze kierowcy, dlatego Google zaleca utrzymanie architektury informacji na stosunkowo płaskiej strukturze z jak najmniejszą liczbą poziomów.

Na najwyższym poziomie treści, które można przeglądać, użytkownicy mogą wybierać elementy z siatki (jak tutaj) lub z listy.
Wybór treści, które można przeglądać, powoduje otwarcie następnego poziomu, w którym będzie pojawiać się więcej szczegółów.

Sterowanie odtwarzaniem

W zależności od sytuacji elementy sterujące odtwarzaniem mogą mieć jedną z dwóch postaci:

  • Zminimalizowany pasek sterowania (dostępny w różnych widokach)
  • Widok odtwarzania (nakładka z pełnym paskiem sterowania)

Obie formy wyświetlają się na przemian u dołu ekranu w poniższym przykładzie.

Zminimalizowany pasek sterowania

Zminimalizowany pasek sterowania unosi się na najwyższym poziomie dostępnego do przeglądania treści nad treścią. Zawiera informacje o aktualnie odtwarzanym utworze oraz podstawowe opcje sterowania odtwarzaniem.

Po rozpoczęciu odtwarzania zminimalizowany pasek sterowania pozostaje dostępny, gdy użytkownik przegląda treści multimedialne. Utrzymuje się, dopóki nie zostanie wybrana nowa aplikacja do multimediów lub użytkownik nie kliknie zminimalizowanego paska sterowania, aby wyświetlić widok odtwarzania.

Widok odtwarzania

Pełny pasek sterowania jest dostępny tylko w widoku odtwarzania i unosi się nad treścią. Oprócz afordancji dostępnych na zminimalizowanym pasku sterowania pełny pasek sterowania może zapewniać bardziej rozbudowane opcje zdefiniowane przez każdą aplikację do multimediów.

Wybranie zminimalizowanego paska sterowania w dowolnym miejscu poza docelowymi elementami dotykowymi spowoduje rozwinięcie go do pełnoekranowej nakładki odtwarzania (widoku odtwarzania), jak widać w tym artykule.
Nakładka widoku odtwarzania znajduje się nad dostępną do przeglądania przestrzenią treści, a zminimalizowany pasek sterowania zostaje zastąpiony pełnym paskiem sterowania z dodatkowymi elementami sterującymi.