POZIOM 2 – wskazówki dotyczące jakości aplikacji na duże ekrany, które pomogą Ci przygotować aplikację do działania na dużych i małych ekranach.
APLIKACJE OPTYMALIZOWANE DO WIELKOŚCI EKRANU korzystają z rozległych ekranów urządzeń z dużymi ekranami, aby zapewnić użytkownikom produktywne i przyjemne korzystanie z nich.
Zoptymalizowane aplikacje wykorzystują układ elastyczny lub adaptacyjny, który dopasowuje się do orientacji pionowej i poziomej, trybu wielu okien oraz stanu złożonego i rozłożonego urządzenia. Kolumna nawigacji oraz panele wzbogacają interfejs, który dynamicznie formatuje i rozmieszcza elementy takie jak przyciski, pola tekstowe i okna, co ułatwia korzystanie z nich.
Aplikacje zoptymalizowane pod kątem dużych ekranów obsługują nawigację z klawiaturą, skróty klawiszowe, powiększanie, pomniejszanie, klikanie prawym przyciskiem myszy i najechanie kursorem.
Zalecenia i ograniczenia
Tak
- Tworzenie układów z 2 panelami
- Używanie układów siatki i kolumn
- Zastąp paski nawigacyjne paskami i szufladami
- Używaj osadzania aktywności w starszych aplikacjach służących do wielu aktywności
- Obsługa zaawansowanych funkcji klawiatury, myszy i trackpada
Nie
- Rozciągnij elementy interfejsu (pola tekstowe, przyciski, okna), aby wypełnić dodatkowy obszar
- Rozciąganie i przycinanie obrazów
- Ustawianie paneli i arkuszy na pełną szerokość
Wskazówki
Postępuj zgodnie ze wskazówkami na poziomie 2, aby zoptymalizować aplikacje pod kątem dużych ekranów.
UX
Obsługa ekranów o różnych rozmiarach na i wszystkim rodzaju dzięki elastycznym/adaptacyjnym układom, które zapewniają wygodę użytkowników.
Co
Układy aplikacji są dostosowane do dużych wymiarów ekranu. Interfejs aplikacji zawiera:
- Nowoczesna kolumna nawigacji i szuflady
- Układy siatki uwzględniające zmiany rozmiaru okna
- Układy kolumn
- panele krawędziowe, które są domyślnie otwarte na dużych ekranach.
Układy z dwoma panelami wykorzystują dużą przestrzeń na ekranie. Aplikacje z różnymi aktywnościami stosują osadzanie aktywności, aby tworzyć układy aktywności z wieloma panelami obok siebie.
Docelowe elementy dotykowe są duże i osiągalne. Interaktywne elementy rysowane można zaznaczyć.
Dlaczego
Urządzenia z dużym ekranem są dostępne w różnych formatach, w tym tabletach, składanych i urządzeniach z ChromeOS. Rozmiary reklam displayowych są różne. Urządzenia są często – czasami głównie – używane w orientacji poziomej.
Jak
Zapoznaj się z tymi przewodnikami dla programistów:
- Material Design – rozumienie układu
- Obsługa różnych rozmiarów ekranu
Klawiatura, myszka i trackpad
Obsługa zewnętrznych urządzeń wejściowych w celu zwiększenia satysfakcji użytkowników i łatwości obsługi aplikacji.
Co
Aplikacja zapewnia rozszerzoną obsługę klawiatury, myszy i trackpada. Menu opcji jest dostępne po kliknięciu prawym przyciskiem myszy lub na trackpadzie (dodatkowym przyciskiem myszy lub kliknięciem). Zawartość aplikacji możesz powiększać za pomocą kółka przewijania i gestów ściągnięcia na trackpadzie. Elementy interfejsu mają stan po najechaniu kursorem.
Dlaczego
Urządzenia peryferyjne, takie jak klawiatury, myszy i trackpady, są często podłączone do urządzeń z dużym ekranem. Urządzenia z ChromeOS mają zwykle wbudowaną klawiaturę i trackpada. Użytkownicy są przyzwyczajeni do korzystania ze skrótów klawiszowych, wielu przycisków myszy, kółka do przewijania myszy i gestów na trackpadzie.
Jak
Zapoznaj się z tymi przewodnikami dla programistów: