Plantilla de cuadrícula

Las cuadrículas presentan elementos en un diseño de cuadrícula.

Esta plantilla es útil cuando los usuarios dependen principalmente de las imágenes para realizar sus selecciones.

Esta plantilla se puede incorporar en la plantilla de pestaña para ofrecer navegación con pestañas.

Esta plantilla se puede incluir en la plantilla Mapa y contenido para proporcionar una cuadrícula en un mapa.

Incluye lo siguiente:

  • Encabezado opcional (el encabezado se reemplaza por pestañas cuando esta plantilla se incorpora en la Plantilla de pestañas)
  • Elementos de cuadrícula (consulta la nota a continuación), cada uno con un ícono o una imagen de tamaño grande
  • Texto principal para cada elemento de la cuadrícula (opcional)
  • Texto secundario para cada elemento de la cuadrícula (opcional)
  • Botón de acción flotante opcional
Esquemas de página de la plantilla de cuadrícula

Ejemplos de plantillas de cuadrícula

Los siguientes ejemplos de Android Auto y el SO Android Automotive (AAOS) se compilaron con la plantilla de Grid.

Ejemplo que muestra una cuadrícula de posibles acciones sobre un mapa
Cuadrícula de acciones incorporada en una plantilla de mapa y contenido
Ejemplo de la configuración
Cuadrí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.
NO DEBES Incluye una barra de acciones y un botón de acción flotante al mismo tiempo.
MAYO 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.