Urządzenia telewizyjne zapewniają ograniczony zestaw elementów sterujących nawigacją w aplikacjach. Aby stworzyć skuteczny schemat nawigacji w interfejsie telewizora, weź pod uwagę te ograniczone elementy sterujące i sposób poruszania się użytkownika za pomocą przycisków pilota, a nie ekranu dotykowego.
![Baner powitalny nawigacji](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/cover-navigation.webp?authuser=9&hl=pl)
W skrócie
- Kontroler ma ograniczone możliwości nawigacji (góra, lewa i prawa strona), więc zwróć uwagę na to, jak może on wpływać na wygląd UI aplikacji.
- Nawigacja powinna wydawać się naturalna i znajoma.
- Uprość nawigację za pomocą przycisku Wstecz na pilocie.
- Jeśli użytkownik nie ma prostej ścieżki do elementu sterującego, rozważ jego przeniesienie.
Zasady
Ma ona brzmieć naturalnie i znajomo bez odwracania uwagi od treści interfejsu i bez odwracania uwagi od interfejsu. Poniższe zasady stanowią punkt odniesienia dla spójnego i intuicyjnego sposobu korzystania z aplikacji na telewizory.
Wydajny
Zadbaj o szybki i prosty dostęp do treści. Użytkownicy chcą mieć szybki dostęp do treści przy minimalnej liczbie kliknięć. Uporządkuj informacje w sposób, który wymaga jak najmniejszej liczby ekranów.
Przewidywalne
Stosuj sprawdzone metody i zalecenia, aby zapewnić użytkownikom przewidywalną nawigację. Nie wymyślaj niepotrzebnie wzorców nawigacji, ponieważ prowadzi to do dezorientacji i nieprzewidywalności.
Intuicyjna
Zadbaj o prostą nawigację, aby umożliwić bezproblemową obsługę powszechnie wykorzystywanych zachowań użytkowników. Nie komplikuj nadmiernie, dodając zbędnych warstw nawigacji.
Kontroler
Kontrolery są dostępne w różnych stylach, od minimalistycznego pilota do złożonych kontrolerów do gier. Wszystkie kontrolery mają pad kierunkowy (pad kierunkowy) oraz przyciski wyboru, ekranu głównego i Wstecz. Inne przyciski zależą od modelu.
- Pad kierunkowy (pad kierunkowy) – główna metoda nawigacji na telewizorze to użycie pada kierunkowego, który obejmuje przyciski sprzętowe (w górę, w dół, w lewo i w prawo).
- Przycisk Wybierz – wybiera aktywny element na ekranie. Aby wyświetlić więcej opcji, można nacisnąć i przytrzymać.
- Przycisk strony głównej – przenosi użytkownika na ekran główny systemu.
- Przycisk Wstecz – umożliwia użytkownikom powrót do poprzedniego widoku.
- Przycisk mikrofonu – wywołuje Asystenta Google lub rozpoznawanie mowy.
Nawigacja za pomocą pada kierunkowego
Na telewizorze do nawigacji za pomocą 4-kierunkowego pada kierunkowego w górę, w dół, w lewo i w prawo. Aby utworzyć optymalną aplikację na telewizory, zaprojektuj schemat nawigacji, w którym użytkownik może szybko nauczyć się obsługi aplikacji przy użyciu 4 klawiszy strzałek. Pad kierunkowy przenosi zaznaczenie z jednego elementu do najbliższego elementu w odpowiednim kierunku.
Aby sprawdzić, czy nawigacja w aplikacji dobrze działa z padami kierunkowymi na telewizorze, weź pod uwagę te kwestie:
- Zadbaj o to, aby użytkownik mógł przejść do wszystkich elementów na ekranie, które można zaznaczyć.
- Wskazówki dojazdu powinny być proste i przewidywalne.
- W przypadku list przewijanych upewnij się, że przyciski na padzie kierunkowym w górę i w dół przewijają całą listę i że można wybrać każdy element listy.
Przycisk Ekran główny
Po naciśnięciu przycisku ekranu głównego użytkownik zawsze wróci do ekranu głównego lub Menu z aplikacjami Google TV. Bieżąca aplikacja domyślnie będzie zawieszona w tle.
Przytrzymanie przycisku ekranu głównego powoduje wyświetlenie panelu systemowego w Google TV i siatce aplikacji na Androidzie TV. Domyślne działanie może się różnić w zależności od producenta.
Przycisk Wstecz
Aby przycisk Wstecz działał w spójny sposób w różnych aplikacjach na platformie, dopilnuj, aby był on zgodny z tymi wytycznymi.
Korzystaj z przewidywalnego działania przycisku Wstecz
Aby zapewnić przewidywalną nawigację, gdy użytkownik naciśnie przycisk Wstecz na pilocie, zabierz go do poprzedniego miejsca docelowego. Jeśli wciąż naciska przycisk Wstecz, użytkownik powinien trafić na stronę główną Google TV lub Menu z aplikacjami.
Po szybkim przewinięciu strony użytkownik wróci na górę strony i aktywuje zaznaczenie menu.
![Aplikacja z nawigacją u góry](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/back-top-navigation.webp?authuser=9&hl=pl)
Menu po lewej stronie jest aktywne, a użytkownik może zaznaczyć aktywną pozycję w menu.
![Aplikacja z nawigacją po lewej stronie](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/back-left-navigation.webp?authuser=9&hl=pl)
Upewnij się, że przycisk Wstecz nie jest zamknięty przez ekrany potwierdzenia ani nie stanowi części nieskończonej pętli.
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/back-gating.webp?authuser=9&hl=pl)
Nie wolno
Nie wyświetlaj przycisku Wstecz
W przeciwieństwie do urządzeń mobilnych przycisk Wstecz na pilocie służy do przechodzenia do tyłu na telewizorze. Nie trzeba wyświetlać wirtualnego przycisku Wstecz na ekranie.
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/back-no-button.webp?authuser=9&hl=pl)
Nie wolno
W razie potrzeby pokazuj przycisk anulowania
Jeśli jedyne widoczne działania to potwierdzanie, destrukcyjne lub zakup, warto mieć przycisk Anuluj, który wróci do poprzedniego miejsca docelowego.
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/show-cancel.webp?authuser=9&hl=pl)
Tak
Architektura nawigacji
Stały punkt początkowy
Pierwszy ekran, który użytkownik widzi przy uruchamianiu aplikacji z poziomu programu uruchamiającego, jest też ostatnim ekranem, który widzi użytkownik po powrocie do programu uruchamiającego po naciśnięciu przycisku Wstecz.
Precyzyjne linki symulują ręczną nawigację
Niezależnie od tego, czy korzystasz z precyzyjnego linku, czy też chcesz ręcznie przejść do określonego miejsca docelowego, użytkownicy mogą za pomocą przycisku Wstecz przejść z dowolnego miejsca w aplikacji do miejsca docelowego.
![Precyzyjne linki symulują ręczną nawigację](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/arch-deep-linking.webp?authuser=9&hl=pl)
Precyzyjne linki do aplikacji z innej aplikacji symulują ręczną nawigację. Jeśli na przykład użytkownik otworzy w Google TV bezpośrednio stronę z informacjami w aplikacji Moviestar, a potem kliknie przycisk Wstecz, zostanie przekierowany na stronę główną aplikacji Moviestar.
Czysta ścieżka do wszystkich elementów, które można zaznaczyć
Zadbaj o to, aby użytkownicy poruszali się po interfejsie w zrozumiały sposób. Jeśli nie ma prostej drogi do ustawienia, warto rozważyć jego przeniesienie.
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/clear-ui-do.webp?authuser=9&hl=pl)
Tak
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/clear-ui-dont.webp?authuser=9&hl=pl)
Nie wolno
Axis
Zaprojektuj układ tak, aby wykorzystać osie poziome i pionowe. Nadaj każdemu kierunkowi osobną funkcję, aby umożliwić szybkie poruszanie się po większych hierarchiach.
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/axis-do.webp?authuser=9&hl=pl)
Tak
![](https://developer.android.com/static/design/ui/tv/guides/foundations/images/navigation/axis-dont.webp?authuser=9&hl=pl)