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:
- Cabecera y menú
- Rastro de migas
- Título
- Encabezado del listado: Incluye
- Número de recursos listados
- Selector para cambiar la ordenación o filtrar los contenidos de acuerdo con criterios preestablecidos (opcional).
- Epígrafes de agrupación (opcional)
- Tarjetas o tablas de datos
- Paginación (opcional, no recomendada). Si es necesario incluir paginación, probablemente la necesidad se resuelva mejor con un modelo de página de buscador facetado o avanzado.
- Datos adicionales sobre el listado (opcional)
- Pie de página
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
| Fecha | Versión | Notas |
|---|---|---|
| 20/03/2026 | 1.3 | Los resultados se presentan en tarjetas (cards) |