Poniższe przykłady systemów operacyjnych Android Auto i Android Automotive (AAOS) zostały utworzone przy użyciu szablonu Siatka.
Siatka działań umieszczonych w szablonie Mapa i treściSiatka z włączonymi elementami i 1 wyłączonym elementem
Wymagania UX szablonu siatki
Deweloperzy aplikacji:
POWINNY
Ogranicz długość głównego i dodatkowego ciągu tekstowego, aby uniknąć obcięcia.
POWINNY
Z każdym elementem siatki powiązane jest działanie (niezalecane są elementy tylko informacyjne).
POWINNY
Wyraźnie wskaż stan elementu (w przypadku elementów siatki, które mają kilka stanów, np. wybrany lub odznaczony) przy użyciu odmian na obrazie, ikonie lub tekście.
POWINNY
Dodaj nagłówek z opcjonalnym tytułem oraz działania główne i dodatkowe.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2024-07-23 UTC."],[[["The Grid template showcases items in a grid layout, primarily using images for selection, and is ideal for apps focused on visual browsing."],["It can be integrated within the Tab or Map + Content templates for enhanced navigation and display options."],["Each grid item can include an image/icon, primary and secondary text, and triggers an action, with clear visual distinction for item states."],["Developers should prioritize concise text, associate actions with each item, and indicate item states visually, while adhering to header and action element usage guidelines."],["There's a limit on visible grid items, retrievable via the ConstraintManager API, and loading spinners can be used to signal ongoing actions."]]],[]]
