Paginación

Definición

El componente de paginación ayuda a las personas que visitan un sitio web a recorrer las listas de recursos homogéneos que exceden el número de elementos que se pueden mostrar respetando la decisión de diseño en la plantilla correspondiente (ejemplo plantilla listado).

Pautas de uso

La acción de solicitar más resultados tiene un coste de interacción elevado, por lo que al diseñar páginas que incluyan este componente es importante procurar que su uso no sea necesario. Para ello, podemos seguir dos estrategias:

• Incluir un número de elementos por página suficientemente alto para que los resultados relevantes para la gran mayoría de los usuarios se presenten en la primera página. Para ello, es recomendable partir de los datos de analítica web.
• Ordenar los listados de elementos de manera que los recursos más relevantes estén habitualmente en la primera página. Para ello:
  • Si la persona usuaria no ha introducido ninguna cadena de búsqueda, podemos ordenar los elementos del listado por popularidad o por fecha de creación/última modificación, en función del tipo de recursos a mostrar.
  • Si la persona usuaria ha introducido una cadena de búsqueda, por defecto ordenaremos los elementos del listado por relevancia. En el cálculo de la relevancia puede incorporarse como criterio de ponderación la novedad del recurso.

Composición

El paginador se compone de:

• Botones de avance (anterior y siguiente), que aparecerán deshabilitados (no ocultos) si no se puede avanzar en la dirección correspondiente (es decir, en la primera página de resultados y en la última).
• Accesos directos a páginas de resultados: Se mostrará la página actual y tres páginas consecutivas, procurando (en función de la posición y el número de páginas totales) que el número de página actual quede centrado. La página actual se presentará sin enlazar. Si la secuencia de 5 páginas no llega hasta el final de la paginación (p.ej. al mostrar la página 4 de 9), el número de la última página se mostrará a continuación, tras un signo de puntos suspensivos, con el objetivo de contextualizar al usuario sobre su posición en el listado completo.
• Opción para cambiar el número de elementos: En último lugar se mostrará una funcionalidad para ampliar el número de elementos de la lista:
  • En el caso de que la secuencia contenga habitualmente menos de 150 elementos será un enlace sencillo con la opción "Ver todos". En la página de "Ver todos" no se da acceso al listado paginado.
  • En el caso de que la secuencia contenga más de 150 elementos, se presentará un selector con dos opciones, el número por defecto (p.ej. "20") y un número mayor (100).

Bocetos

Escritorio

Por defecto

Hover

Largo

Medidas

Móvil