Los siguientes ejemplos de Android Auto y el SO Android Automotive (AAOS) se compilaron con la plantilla de Grid.
Cuadrícula de acciones incorporada en una plantilla de mapa y contenidoCuadrícula con elementos habilitados y un elemento inhabilitado
Requisitos de UX para las plantillas de cuadrícula
Desarrolladores de apps:
DEBES
Limita la longitud de las strings de texto principales y secundarias para evitar el truncamiento.
DEBES
Tener una acción asociada con cada elemento de la cuadrícula (no se recomiendan los elementos solo de información)
DEBES
Indica claramente el estado del elemento (para los elementos de cuadrícula que tienen varios estados,
como seleccionado y no seleccionado) mediante variaciones de imagen, ícono o texto.
DEBES
Incluye un encabezado con un título opcional y acciones principales y
secundarias.
Muestra un ícono giratorio de carga en lugar del ícono o la imagen de un elemento de la cuadrícula cuando una acción asociada con el elemento está en curso.
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 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."]]],[]]
