List

Las listas consisten en contenido, ya sea texto o imágen, agrupado y organizado verticalmente.

Variaciones y tipos

Diferenciamos dos tipos: Basic y Icon

Basic

Consiste en un única columna de contenidos con un item por fila.

Icon

Todos los items de las filas tienen un icono a la izquierda que ayuda a la comprensión del funcionamiento del componente.

Comportamiento

Las listas deben cumplir unos principios básicos en su comportamiento:

  • Lógico
    Las listas deben ordenarse de manera lógica para facilitar la lectura del contenido; como en orden alfabético, numérico, cronológico o por preferencia del usuario.
  • Práctico
    Las listas presentan el contenido de tal forma que facilitan el identificar un elemento específico en un conjunto y actuar sobre él.
  • Coherente
    Deben presentar iconos, texto y acciones en un formato uniforme.