Urządzenia z Androidem są dostępne w różnych formatach – telefony, tablety, urządzenia składane, urządzenia z ChromeOS – i mają ekrany o różnych rozmiarach. Android obsługuje wiele trybów wyświetlania, w tym tryb wielu okien, tryb wielu ekranów, tryb dowolny i tryb obrazu w obrazie. Urządzenia składane mogą być w różnych stanach lub pozycjach, np. na stole lub w formie książki.
Zanim zaczniesz projektować aplikację, zastanów się nad różnymi przypadkami jej użycia. Przykład:
Urządzenia z dużym ekranem dają użytkownikom więcej miejsca na interakcję z treściami aplikacji multimedialnej na różne sposoby.
Użytkownicy mogą wykonywać wiele zadań jednocześnie podczas oglądania filmu w konfiguracji z wieloma oknami lub wykorzystać większy ekran do bardziej złożonej edycji po zrobieniu zdjęcia.
Użytkownicy mogą korzystać z tabletu, aby pozostawać w kontakcie podczas rozmów wideo i widzieć znajomych oraz rodzinę w większych szczegółach. Twoja aplikacja może wyświetlać bogatszy kontekst dotyczący tytułu lub sceny w niestandardowej nakładce odtwarzania albo oferować więcej opcji sterowania na ekranie.
Karuzela w widoku przeglądania może zawierać więcej różnorodnych treści, co zwiększa jej atrakcyjność wizualną. Aplikacja do multimediów może też angażować użytkowników, oferując możliwość przeglądania treści obok odtwarzania.
Pamiętaj, że aplikacja do multimediów ma ten sam kod działający na standardowym telefonie, urządzeniu składanym, tablecie i urządzeniach z ChromeOS, dlatego od samego początku projektowania aplikacji należy uwzględniać duże ekrany. Więcej informacji i przykłady wizualne znajdziesz w galerii na dużym ekranie.
Domyślne dostosowywanie aplikacji do multimediów
Aby uniknąć problemów z obsługą aplikacji do multimediów, zadbaj o to, aby jej układ był adaptacyjny na telefonach, tabletach, urządzeniach składanych i urządzeniach z ChromeOS.
Aplikacja powinna być responsywna, aby uwzględniać różne rozmiary ekranu, orientacje i formaty. Układ adaptacyjny zmienia się w zależności od dostępnej przestrzeni wyświetlania. Więcej informacji znajdziesz w artykule Obsługa różnych rozmiarów ekranu.
Projektowanie zgodnie z wytycznymi
Podstawowa jakość aplikacji jest podstawą wszystkich aplikacji na Androida, niezależnie od rozmiaru ekranu, pozycji urządzenia czy innych kwestii związanych z urządzeniem. Zanim zaczniesz projektować aplikację na duży ekran, powinna ona spełniać te podstawowe wymagania. Więcej informacji znajdziesz w artykule Podstawowa jakość aplikacji.
Aplikacja powinna zapewniać doskonałe wrażenia użytkownika niezależnie od formatu urządzenia, rozmiaru ekranu, trybu wyświetlania czy pozycji, dlatego projektuj ją zgodnie z tymi wytycznymi dotyczącymi poziomów 1, 2 i 3.
Wytyczne określają kompleksowy zestaw wymagań dotyczących jakości większości typów aplikacji na Androida.
Poziom 3:
Na tym podstawowym poziomie aplikacja nadal musi spełniać wymagania dotyczące interfejsu i grafiki. Aplikacja jest gotowa na duży ekran, a użytkownicy mogą wykonywać najważniejsze zadania, ale wrażenia użytkownika nie są optymalne.
Układ aplikacji może nie być idealny, ale działa na pełnym ekranie lub w pełnym oknie w trybie wielu okien. Nie ma czarnych pasków i nie działa w trybie zgodności. Aplikacja zapewnia podstawową obsługę zewnętrznych urządzeń wejściowych, w tym klawiatury, myszy i trackpada. Więcej informacji znajdziesz w artykule Gotowość na duży ekran.
Poziom 2:
Na tym poziomie aplikacja implementuje optymalizacje układu pod kątem wszystkich rozmiarów ekranu i konfiguracji urządzeń oraz rozszerzoną obsługę zewnętrznych urządzeń wejściowych. Więcej informacji znajdziesz w artykule Optymalizacja pod kątem dużego ekranu.
Poziom 1:
Jest to najlepszy poziom obsługi, który zapewnia użytkownikowi najlepsze wrażenia z korzystania z aplikacji, ponieważ określa funkcje i możliwości premium.
W stosownych przypadkach aplikacja obsługuje wielozadaniowość, pozycje urządzeń składanych, przeciąganie i wprowadzanie danych za pomocą rysika. Na tym poziomie aplikacje są bardzo zróżnicowane, dlatego należy zwrócić szczególną uwagę na wytyczne dotyczące takich kwestii jak wielozadaniowość i pozycje urządzeń składanych. Więcej informacji znajdziesz w artykule Zróżnicowanie pod kątem dużego ekranu.
Zoptymalizowane układy
Wykorzystaj większą przestrzeń dużych ekranów bez czarnych pasków (spowodowanych ograniczeniem orientacji) i rozciągania. Optymalizując układ aplikacji pod kątem multimediów i mediów społecznościowych, zwiększasz zasięg aplikacji i poprawiasz wrażenia użytkownika na wszystkich urządzeniach z dużym ekranem – tabletach, urządzeniach składanych i urządzeniach z ChromeOS – oraz obsługujesz wszystkie rozmiary telefonów.
Pasek nawigacyjny i komponenty panelu zapewniają wygodną i łatwą w obsłudze nawigację. Komponenty te uzupełniają też kanoniczne układy (szczegółowa lista, kanał i panel pomocniczy), umieszczając główne miejsca docelowe nawigacji w pobliżu, a jednocześnie zajmując minimalną ilość miejsca na ekranie.
Układy multimediów
Zwiększ użyteczność aplikacji, implementując układy specyficzne dla multimediów w przypadku szczegółowej listy, kanału i panelu pomocniczego. Informacje o układach MDX, Flutter i Compose znajdziesz w artykule Zasoby układu.
Szczegółowa lista: Projektowanie aplikacji z interaktywną przeglądarką multimediów umożliwia użytkownikom przeglądanie różnych multimediów podczas oglądania lub słuchania. Tytuły multimediów są wyświetlane obok odtwarzanego pliku wideo lub audio. Jeśli orientacja urządzenia się zmieni, układ lista-szczegóły dostosuje się, aby zachować stan aplikacji. Więcej informacji znajdziesz w artykule Układy szczegółowej listy.
Kanał: Układ kanału rozmieszcza równoważne elementy treści w konfigurowalnej siatce, co umożliwia szybkie i wygodne wyświetlanie dużej ilości treści, np. kanału muzycznego lub kiosku z filmami i programami telewizyjnymi w aplikacji. Więcej informacji znajdziesz w artykule Układy kanału.
Panel pomocniczy: dzięki głównym i dodatkowym obszarom wyświetlania aplikacja może osadzać panel pomocniczy, który zawiera kontekst, istotne informacje lub odniesienia, np. przewijaną listę podobnych tytułów, opublikowane recenzje lub dodatkowe utwory tych samych artystów lub aktorów. Więcej informacji znajdziesz w artykule Układy panelu pomocniczego.
Wyselekcjonowaną kolekcję układów multimediów znajdziesz w galerii multimediów.
Układy mediów społecznościowych
Duże ekrany dają użytkownikom mediów społecznościowych więcej miejsca na tworzenie, wykonywanie wielu zadań jednocześnie, przeciąganie treści między aplikacjami i udostępnianie ich. Dzięki charakterystycznym funkcjom i możliwościom, które nie są dostępne na urządzeniach z małym ekranem, aplikacja do multimediów na duży ekran może korzystać z układów szczegółowa lista, kanał i panel pomocniczy.
Szczegółowa lista: idealny układ dla aplikacji do obsługi wiadomości, menedżerów kontaktów lub przeglądarek plików. Aplikacja może na przykład wyświetlać listę rozmów obok szczegółów, aby użytkownik był na bieżąco z najnowszymi wiadomościami. Więcej informacji znajdziesz w artykule Układy lista-szczegóły.
Kanał: typowe komponenty tego stylu układu to karty i listy. Możesz na przykład utworzyć kolaż postów w elastycznym formacie siatki lub użyć rozmiaru i pozycji, aby zwrócić uwagę na ważne posty. Użytkownicy mogą szybko wyświetlać duże grupy treści. Więcej informacji znajdziesz w artykule Układy kanału.
Panel pomocniczy: ten styl układu może być przydatny w przypadku aplikacji do wyszukiwania i odwoływania się do informacji lub aplikacji zwiększających produktywność. Umożliwia on użytkownikowi łatwy dostęp do narzędzi do tworzenia treści. Aplikacja może na przykład umożliwiać użytkownikom dostosowywanie ustawień, dostęp do palet kolorów, stosowanie efektów i natychmiastowe wyświetlanie zmian. Więcej informacji znajdziesz w artykule Układy panelu pomocniczego.
Wyselekcjonowaną kolekcję układów mediów społecznościowych znajdziesz na stronie galerii mediów społecznościowych.
Sprawdzone metody dotyczące aplikacji multimedialnych na duży ekran
Stosowanie sprawdzonych metod dotyczących dużych ekranów pomaga uniknąć niepotrzebnego przeprojektowywania aplikacji. Dzięki nim aplikacja jest od początku bardziej przyjazna dla użytkownika na większej liczbie urządzeń, zwłaszcza w zakresie orientacji, skrótów klawiszowych, obsługi podglądu z aparatu i pozycji urządzeń składanych.
Orientacja i zmiana rozmiaru
Jeśli aplikacja do multimediów deklaruje ograniczenia dotyczące orientacji i zmiany rozmiaru, Android aktywuje tryb zgodności. Chociaż tryb zgodności zapewnia akceptowalne działanie aplikacji, jej użyteczność jest znacznie ograniczona, a wrażenia użytkownika pogarszają się.
Jeśli na przykład aplikacja jest używana na tablecie, tablet jest zadokowany w orientacji poziomej. Jeśli aplikacja jest ograniczona do orientacji pionowej, powoduje to czarne paski, co nie jest idealne dla użytkownika. Aplikacja powinna umożliwiać użytkownikom korzystanie z preferowanej orientacji, dlatego w projekcie wykorzystaj dostępny rozmiar dużego ekranu.
Wszelkie ograniczenia dotyczące orientacji zmniejszają możliwości interakcji użytkowników z treściami lub korzystania z multimediów, co ogranicza użycie aplikacji. Zmiana orientacji może w pewnym stopniu wpływać na rozmiar, ale zmiana rozmiaru niekoniecznie zmieni orientację.
Skróty klawiszowe
Na większym ekranie skróty klawiszowe na klawiaturach fizycznych, takie jak start, stop, pauza, przewijanie do tyłu i do przodu, są częściej używane, co zapewnia użytkownikowi spójne wrażenia z korzystania z klawiatury.
Użytkownicy oczekują tych funkcji w swoich aplikacjach multimedialnych. Aby zmniejszyć liczbę problemów, z jakimi mogą się spotkać użytkownicy, przetestuj aplikację z klawiaturą fizyczną. Pomoże Ci to zauważyć i uwzględnić te ważne skróty w aplikacji na początku projektowania.
Obsługa podglądu z aparatu
W przypadku dużych ekranów możesz mieć więcej problemów z rozciąganiem, przycinaniem i obracaniem. Nie możesz więc zakładać, że rozmiar podglądu z aparatu jest taki sam jak rozmiar interfejsu w aplikacji do multimediów.
Jeśli na przykład użytkownik zrobi zdjęcie tabletem, ale na ekranie tabletu będzie ono wyświetlane do góry nogami, to wrażenia użytkownika będą niezadowalające. Uwzględnij obsługę podglądu z aparatu na dużych ekranach.
Więcej informacji znajdziesz w artykule Podgląd w CameraX lub Podgląd w Camera2.
Pozycje urządzeń składanych
Projektowanie aplikacji do multimediów na duże ekrany obejmuje pozycje urządzeń składanych. Aplikacja może na przykład umożliwiać użytkownikowi korzystanie z konfiguracji na stole do odtwarzania multimediów lub używanie tylnego wyświetlacza i trybu podwójnego ekranu do podglądu i robienia zdjęć.
Dzięki uwzględnieniu pozycji urządzeń składanych w planie rozwoju aplikacja jest dostępna na większej liczbie urządzeń i ma szerszy zasięg. Zwiększasz wrażenia użytkownika związane z multimediami w sposób, który nie jest możliwy na innych urządzeniach bez pozycji urządzeń składanych. Więcej informacji znajdziesz w artykule Pozycje urządzeń składanych.