Un listado de artículos puede crecer hasta que recorrerlo se vuelve incómodo. Entonces aparecen opciones como paginación, cargar más o desplazamiento continuo. La elección no debería basarse únicamente en qué patrón parece más moderno. Quien explora inspiración visual tiene necesidades distintas de quien intenta volver a un documento que vio antes. También importa si el pie contiene información necesaria o si los resultados cambian frecuentemente. Para escoger, define qué quiere hacer la persona con el listado y cómo recuperará su posición cuando abra un elemento y regrese.
Relacionar el patrón con la tarea
Las páginas numeradas ofrecen puntos reconocibles para avanzar y regresar. Un botón cargar más permite ampliar el listado de forma deliberada. El desplazamiento continuo puede favorecer exploración, pero complica algunas tareas si el contenido nuevo empuja constantemente lo que viene después. En una biblioteca de manuales, una persona quizá necesita encontrar una versión concreta y compartirla con un colega; la estabilidad importa más que una sensación de continuidad. En una galería de referencias, el comportamiento puede ser diferente. Escribe los recorridos principales antes de elegir y evita asumir que un patrón resuelve por igual cualquier colección.
Conservar orientación al añadir contenido
Cuando aparecen nuevos elementos, la persona debe entender qué cambió sin perder su lugar. No muevas el foco inesperadamente ni reinicies el listado desde arriba. Si usas un botón, su texto puede comunicar que se cargarán más resultados y el estado posterior debe indicar si quedan elementos. Una actualización dinámica necesita ser perceptible para usuarios de tecnología de asistencia; las regiones vivas descritas por MDN permiten anunciar cambios pertinentes. No es necesario leer todo el contenido nuevo automáticamente. La implementación debe comunicar el estado sin interrumpir la exploración con mensajes excesivos o repetidos.
Resolver el regreso desde un elemento
Prueba abrir el resultado situado lejos del inicio y volver. Si el listado se reinicia, quizá el usuario deba repetir varias acciones para recuperar su contexto. Define qué se conserva: filtros, orden y página o cantidad cargada. Cuando el sistema utiliza una dirección compartible, comprueba que representa una ubicación útil y no depende de datos que solo existen en el navegador original. No prometas una posición idéntica si el contenido cambia constantemente, pero procura un comportamiento razonable. Para manuales, un enlace permanente al documento es esencial aunque el listado tenga su propia forma de navegación.
Revisar extremos y contenido posterior
Incluye en las pruebas una colección corta, una extensa y una respuesta sin datos. Comprueba fallos de carga adicional y ofrece reintentar sin duplicar elementos. Si el sitio tiene enlaces legales o contacto al final, verifica que se puedan alcanzar sin perseguir un pie que se desplaza cada vez que aparecen resultados. Evalúa también la interacción con teclado y zoom. La decisión final debería documentar por qué el patrón ayuda a la tarea, cuáles son sus límites y qué comportamientos se consideran correctos. Así una futura ampliación del catálogo no dependerá solo de mantener una animación que se veía atractiva en la demostración inicial.
DE LA LECTURA A LA ACCIÓN
Para aplicar hoy
- Elige el patrón según exploración, búsqueda y necesidad de regresar.
- Añadir resultados no debería borrar orientación ni contexto.
- Prueba fallos, retorno y acceso al contenido situado después del listado.
Fuentes y referencias
Documentación para profundizar. Los ejemplos de esta guía son didácticos.