POZIOM 2 – adaptacyjne zoptymalizowane
Dla użytkowników interfejs to aplikacja. Interfejs określa wrażenia użytkownika, które z kolei wpływają na jego zadowolenie, korzystanie z aplikacji, zakupy w niej i utrzymanie klientów.
Duże ekrany zapewniają rozległą przestrzeń wyświetlania dla innowacyjnych, dostosowanych interfejsów, które oferują wrażenia użytkownika niedostępne na małych ekranach.
Zoptymalizuj aplikację pod kątem dużych ekranów, dodając te elementy interfejsu:
- Kolumna nawigacji lub panel nawigacji
- Duże docelowe elementy dotykowe
- Dobrze rozmieszczone menu i okna
- Układy wielopanelowe
Układy adaptacyjne
Twórz adaptacyjne układy, które optymalizują interfejs aplikacji na dużych i małych ekranach. Projektuj i twórz aplikacje na różne urządzenia jednocześnie. Przygotuj aplikację na przyszłość, aby działała na nowych typach urządzeń.
Układy kanoniczne
Korzystaj ze sprawdzonych układów adaptacyjnych, aby zapewnić wyjątkową obsługę użytkownika w aplikacji. Utwórz układ listy ze szczegółami, panel pomocniczy lub układ kanału, aby ułatwić zarządzanie większą ilością treści i zwiększyć komfort korzystania z nich.
Responsywny interfejs
Formatuj elementy interfejsu na podstawie rozmiaru wyświetlacza. Ogranicz szerokość przycisków, kart i pól tekstowych, które na małych wyświetlaczach zajmują całą szerokość, do rozmiaru odpowiedniego do ich funkcji na dużych wyświetlaczach. Nie zezwalaj, aby okna dialogowe i inne okna modalne zajmowały cały wyświetlacz. Menu kontekstowe i inne wyskakujące okienka związane z elementami powinny być wyświetlane obok wybranego elementu, a nie na środku ekranu.
Wektor dystrybucyjny aktywności
Zaktualizuj starsze aplikacje oparte na aktywności, aby korzystać z układów wielopanelowych na dużych ekranach. Nie wymaga to refaktoryzacji kodu. Skonfiguruj układy w XML-u lub za pomocą kilku wywołań interfejsu Jetpack WindowManager API.
Dalsze kroki
Więcej informacji o tworzeniu interfejsu zoptymalizowanego pod kątem UX znajdziesz w tych przewodnikach dla programistów: