¿Cómo utilizar grid en el diseño de aplicaciones iOS?

Esta es una alternativa a crear una vista de lista estándar. La vista de cuadrícula divide el contenido en dos o más columnas de celdas en diseños tanto verticales como horizontales.

Varias formas de utilizar la vista de cuadrícula

Contenido de la tarjeta

La vista de cuadrícula no tiene mucha información adicional al mostrar información del producto, que pueden ver los visitantes de la tienda. La descripción de la información normalmente solo tiene el nombre del producto y el precio.

Nota: Tomando como ejemplo el diseño de la tarjeta, la imagen ocupa la mayor parte del espacio de la celda y el texto está restringido para evitar saltos de línea excesivos.

Modo de navegación

La vista de cuadrícula proporciona a los usuarios un método de navegación intermitente, que es ideal para garantizar una buena comprensión visual y diferenciación entre los mismos tipos de datos. La atención del usuario se puede distribuir uniformemente en cada celda: los ojos del usuario pueden saltar libremente entre imágenes sin preocuparse por el orden y la continuidad.

Permitir a los usuarios omitir imágenes.

El diagrama de trayectoria de la mirada muestra la trayectoria de navegación de un usuario que visita un sitio web de comercio electrónico.

Nota: Cada punto azul representa una mirada. Cuanto más grande es el punto azul, más larga es la mirada.

Puntos clave

Si se anima a los usuarios a explorar el diseño, se desplazarán muy hacia abajo en la página y vale la pena desplazarse hacia abajo en la primera pantalla de contenido informativo.