Listado

Contenido

Definición

Las páginas de listado de contenidos presentan al usuario un listado de recursos del mismo tipo organizados de acuerdo a un conjunto de criterios sencillos (relevancia, fecha, etc...). 

Composición

Las páginas de listado se componen de:

Plantilla

En el siguiente enlace puedes consultar la plantilla con su estructura completa en HTML:

Pautas de uso

Utiliza las páginas de listado para presentar un número limitado de contenidos.

  • El listado requiere un menor esfuerzo cognitivo de los usuarios.
  • Las páginas de listado se utilizan para presentar un número limitado de contenidos fácilmente ordenables o agrupables por criterios claros para el usuario (habitualmente <75 contenidos).
  • Si es necesario dar acceso a un número extenso de contenidos o si se prevé que los usuarios pueden utilizar estrategias dispares para localizar el recurso de su interés, es preferible aplicar un patrón de página de buscador (facetado o avanzado), tal y como se describe en las plantillas de este sistema de diseño.
  • Si los contenidos a los que se da acceso desde el listado son heterogéneos, es obligatorio usar un patrón de página de navegación.

Determina el selector más adecuado para ordenar o filtrar listado de resultados

  • Prioriza la ordenación cuando el criterio sea una variable continua y el usuario pueda tener interés en el listado completo.
    • Utiliza etiquetas con el patrón “Primero…” (p. ej., “Primero los más poblados”).
  • Prioriza el filtrado cuando el criterio tenga valores limitados y el usuario se interese normalmente por solo una parte del listado.
  • Asegúrate de incluir en el listado el dato utilizado para la ordenación o filtrado (p. ej., población si se ordena por población).

Evita utilizar el selector de Ordenación o filtrado cuando existan epígrafes de agrupación

  • Si usas tanto epígrafes de agrupación como selector de ordenación o filtrado, el criterio de agrupación prevalece sobre ordenación o filtrado.

Componentes relacionados

Similar a:

Control de versiones

FechaVersiónNotas
20/03/20261.3Los resultados se presentan en tarjetas (cards)