POZIOM 2 – wskazówki dotyczące jakości aplikacji adaptacyjnych, które przygotują Twoją aplikację do wyświetlania na dużych i małych ekranach.
APLIKACJE ZOPTYMALIZOWANE POD KĄTEM ADAPTACYJNOŚCI wykorzystują duże wyświetlacze urządzeń z dużym ekranem, aby zapewnić użytkownikom produktywność i zaangażowanie.
Zoptymalizowane aplikacje mają układy elastyczne/adaptacyjne, które dostosowują się do orientacji pionowej i poziomej, trybu wielu okien oraz stanu złożonego i rozłożonego urządzenia. Paski i szuflady nawigacyjne ulepszają interfejs użytkownika, który dynamicznie formatuje i pozycjonuje elementy takie jak przyciski, pola tekstowe i okna dialogowe, aby zapewnić optymalną wygodę.
Aplikacje z optymalizacją adaptacyjną obsługują nawigację za pomocą klawiatury, skróty klawiszowe oraz powiększanie za pomocą myszy i trackpada, kliknięcie prawym przyciskiem myszy i najeżdżanie kursorem.
Zalecenia i ograniczenia
Tak
- Tworzenie układów dwupanelowych
- Korzystanie z układów siatki i kolumn
- Zastępowanie pasków nawigacyjnych kolumnami i panelami nawigacji
- Używanie umieszczania aktywności w starszych aplikacjach z wieloma aktywnościami
- obsługiwać zaawansowane funkcje klawiatury, myszy i trackpada,
Nie
- rozciąganie elementów interfejsu (pól tekstowych, przycisków, okien) w celu wypełnienia dodatkowej przestrzeni;
- Rozciąganie i przycinanie obrazów
- Wyświetlanie paneli lub arkuszy na pełnej szerokości
Wskazówki
Postępuj zgodnie z wytycznymi poziomu 2, aby zoptymalizować aplikacje pod kątem wszystkich formatów, w tym dużych ekranów.
Interfejs
Obsługuj ekrany o różnych rozmiarach na urządzeniach różnego typu dzięki elastycznym/adaptacyjnym układom, które zapewniają optymalne wrażenia użytkownika.
Wskazówki:
Co
Układy aplikacji są zgodne z wymiarami wyświetlacza. Interfejs aplikacji obejmuje:
- Najnowocześniejsze kolumny i panele nawigacyjne
- Układy siatki, które dostosowują się do zmian rozmiaru okna
- Układy kolumn
- Panele na końcu, które są domyślnie otwarte na dużych ekranach
Układy dwupanelowe wykorzystują dużą przestrzeń ekranu. Aplikacje obsługujące wiele rodzajów aktywności implementują osadzanie aktywności, aby tworzyć wielopanelowe układy aktywności obok siebie.
Docelowe elementy dotykowe są duże i łatwo dostępne. Interaktywne elementy rysowalne można zaznaczać.
Dlaczego
Urządzenia z dużym ekranem obejmują różne formaty, w tym tablety, urządzenia składane, komputery stacjonarne, wyświetlacze samochodowe i XR. Rozmiary wyświetlaczy są różne. Urządzenia są często używane w orientacji poziomej, a czasami jest to ich podstawowy tryb.
Jak
Zapoznaj się z omówieniem interfejsu.
Klawiatura, mysz i trackpad
Obsługuj zewnętrzne urządzenia wejściowe, aby zwiększyć użyteczność aplikacji i zadowolenie użytkowników.
Wskazówki:
Co
Aplikacja zapewnia lepszą obsługę klawiatury, myszy i trackpada. Menu kontekstowe są dostępne po kliknięciu prawym przyciskiem myszy lub trackpada (drugi przycisk myszy lub drugie kliknięcie). Treści w aplikacji można powiększać za pomocą kółka przewijania myszy i gestów uszczypnięcia na trackpadzie. Elementy interfejsu mają stany najechane.
Dlaczego
Urządzenia peryferyjne, takie jak klawiatury, myszy i trackpady, są często podłączane do urządzeń z dużym ekranem. Urządzenia z ChromeOS mają zwykle wbudowaną klawiaturę i touchpad. Użytkownicy są przyzwyczajeni do korzystania ze skrótów klawiszowych, wielu przycisków myszy, kółka przewijania myszy i gestów na trackpadzie.
Jak
Zapoznaj się z omówieniem klawiatury, myszy i trackpada.