hola a todos

Reto 4: Diseño de la navegación,  propone el reto de buscar dos productos (web o app) que puedan ser relevantes para este proyecto para que realicemos un diagrama de flujo (uno por cada uno) y analicemos como están planteados. Donde también podemos hacer un breve benchmarking y una evaluación heurística.

El análisis de productos digitales tiene como finalidad proporcionar información valiosa para el diseño de la biblioteca de Cataluña. Los productos evaluados son:

• Meetup: que se especializa en la búsqueda y participación en eventos.;
• Plataforma global que permite a los usuarios encontrar y crear grupos locales en intereses comunes, facilitando el descubrimiento y la participación en eventos organizados por dichos grupos, abarcando una amplia variedad de actividades, incluyendo culturales, tecnológicas, deportivas y sociales.

• Kindle: que facilita la gestión de bibliotecas personales y el préstamo de contenidos digitales.
• Plataforma de Amazon para la lectura de libros electrónicos, que incluye una aplicación compatible con múltiples dispositivos. Permite a los usuarios adquirir, descargar y organizar su biblioteca digital, así como acceder a servicios de préstamo como Kindle Unlimited o la integración con bibliotecas públicas.

Meetup: diagrama de flujo,  

Flujo de navegación El usuario investiga eventos culturales

Evaluación Heurística

• Visibilidad del estado del sistema: Buena. Se informa sobre la carga de resultados, confirmaciones de asistencia.
• Relación sistema y mundo real: Lenguaje claro y conceptos familiares (eventos, grupos, calendario).
• Control y libertad del usuario: Fácil deshacer acciones (ej. cancelar asistencia), modificar búsquedas.
• Consistencia y estándares: Iconografía y flujos consistentes dentro de la app.
• Prevención de errores: Claro en lo que se espera del usuario (ej. rellenar campos de búsqueda).
• Reconocimiento antes que recuerdo: Opciones visibles, no es necesario recordar comandos complejos.
• Flexibilidad y eficiencia de uso: Atajos para usuarios frecuentes (eventos guardados, notificaciones de grupos).
• Diseño estético y minimalista: Interfaz funcional, aunque a veces algo densa de información. Podría ser más minimalista en la presentación de listados.
• Ayudar a reconocer, diagnosticar y recuperarse de errores: Mensajes de error claros si algo falla (ej. no hay conexión).
• Ayuda y documentación: Sección de ayuda accesible, aunque el uso principal es bastante intuitivo.

Fortalezas Identificadas:

• Excelente motor de búsqueda y descubrimiento de eventos basado en intereses y ubicación.
• Facilidad para confirmar asistencia y gestionar la participación.
• Buen sistema de notificaciones personalizables. Fomenta la comunidad y la interacción (aunque esto puede ser secundario para la aplicación de la biblioteca).

Oportunidades de Mejora: A veces, Meetup parece más centrado en la interacción social que en asistir a un evento formal. La app de la Biblioteca podría tener una interfaz más simple y directa para eventos institucionales, manteniendo la efectividad de Meetup.

Kindle: diagrama de flujo,  

Flujo de navegaciónAcceso a Biblioteca Personal,

Evaluación Heurística

Visibilidad del estado del sistema: Buena (progreso de descarga, sincronización, página actual/total).

Relación sistema y mundo real: Conceptos como «biblioteca», «libro», «marcador» son directos.

Control y libertad del usuario: Fácil navegar, volver, ajustar configuraciones de lectura.

Consistencia y estándares: Consistente en todas las plataformas Kindle.

Prevención de errores: Difícil cometer errores graves. Las compras tienen confirmación.

Reconocimiento antes que recuerdo: Iconos y menús son generalmente claros.

Flexibilidad y eficiencia de uso: Sincronización y reanudación rápida de lectura.

Diseño estético y minimalista: La interfaz de lectura es minimalista y enfocada. La biblioteca podría ser visualmente más atractiva o personalizable.

Ayudar a reconocer, diagnosticar y recuperarse de errores: Mensajes claros para problemas de descarga o sincronización.

Ayuda y documentación: Extensa ayuda disponible en la web de Amazon.

Fortalezas Identificadas:

• Excelente experiencia de lectura personalizable y sin distracciones.
• Sincronización transparente del progreso, notas y marcadores entre dispositivos.
• Gestión eficiente de una gran cantidad de libros personales (comprados o de suscripción).
• Integración con servicios de «préstamo» como Kindle Unlimited.

Oportunidades de Mejora (que la app Biblioteca Catalunya podría capitalizar): Kindle está muy enfocado en su ecosistema cerrado. La app de la Biblioteca podría ofrecer una experiencia de lectura integrada para diversos formatos abiertos y una mejor visualización de metadatos bibliográficos completos. La gestión de «préstamos» de la biblioteca podría ser más transparente y directa que el sistema de Kindle para bibliotecas públicas.

Conclusiones

• La aplicación de la Biblioteca debe aspirar a una función de búsqueda y filtrado de eventos tan potente y fácil de usar como la de Meetup.
• Es crucial presentar la información del evento de forma clara y completa (descripción, ponentes, lugar, horario, cómo llegar, si requiere inscripción previa).
• Implementar un sistema de confirmación de asistencia sencillo y la opción de añadir al calendario personal es fundamental.
• Se podría adoptar un sistema de «intereses» similar al de Meetup para personalizar las sugerencias de eventos culturales.
• La app de la Biblioteca debe ofrecer una experiencia de lectura digital de alta calidad para sus documentos digitales, con opciones de personalización (tamaño de texto, contraste) como las de Kindle, crucial para la accesibilidad (Escenario 4).
• Es fundamental tener un espacio de «Mi Biblioteca» o «Mis Préstamos» claro, donde el usuario vea fácilmente qué tiene prestado, las fechas de vencimiento y pueda renovar (si aplica).
• Se deben considerar funciones como marcadores, notas y la posibilidad de sincronizar el progreso si el usuario accede desde múltiples dispositivos.
• Para la gestión de préstamos, la app debe ser muy clara sobre la duración, opciones de renovación y cómo devolver los ítems, superando la posible confusión que a veces genera Kindle con los diferentes tipos de «posesión» de un libro.

¡Buenas, compañer@s!

Comparto aquí los dos referentes utilizados para mi diseño de navegación, junto a los diagramas de flujo y el análisis realizado.

Referencia 1: Eventbrite

Eventbrite es una aplicación para publicar, buscar e inscribirse a eventos. Se ha escogido porque cumple con unas necesidades muy similares a las deseadas para nuestra agenda de actividades. Además, cuenta con un diseño limpio y atractivo, fácil de usar e intuitivo.

El diagrama de flujo recoge un proceso similar al del primer escenario de Laia: buscar una actividad interesante e inscribirse en esta para conseguir la entrada.

Además del diagrama en sí, se incluyen unas notas con valoraciones de aquellos aspectos positivos y negativos que se han detectado durante el flujo, que puedan servir de referencia. Algunos afectan directamente al flujo del proceso, mientras que otros están más relacionados con la información que se muestra y su arquitectura. Se han marcado con etiqueta roja aquellos aspectos no deseables o a evitar. En verde los aspectos que son deseables para nuestro diseño y pueden mejorar la propuesta. Finalmente, marcados en azul, aparecen observaciones que pueden ser interesantes.

Relación con funcionalidades y requisitos establecidos

Teniendo en cuenta las funcionalidades que debe tener nuestra plataforma y los requisitos establecidos, se ha creado una tabla comparativa entre nuestro flujo y el de Eventbrite para observar qué características cumple cada una.

Esta tabla comparativa se ha creado siguiendo la técnica de Benchmarking. Mediante esta, además de hacer un repaso para comprobar que se está cumpliendo con los requisitos, se valoran nuevas características de productos similares que pueden ser interesantes para el nuestro.

Análisis crítico

Tras realizar el proceso de búsqueda y reserva de una actividad desde la app de Eventbrite, se ha comprobado que es una referencia muy interesante para nuestro diseño. La aplicación es muy limpia y ordenada, con un menú inferior muy sencillo y un flujo muy intuitivo. Prácticamente cumple con todos los requisitos que se establecieron de cara a la agenda de actividades y la gestión de las reservas/entradas.

La información que se muestra en la previsualización de las actividades es precisa y da solamente los datos más relevantes, sin sobrecargar la página. Los filtros también están seleccionados de forma muy oportuna para el usuario y son muy fáciles de aplicar, sin necesidad de introducir un texto en el buscador.

Si bien en los materiales ya se había previsto incluir la opción de “Guardar como favorito”, no se había planteado esta opción para las actividades. Sin embargo, viéndolo en funcionamiento en Eventbrite, puede ser una buena opción para nuestra plataforma.

Otra mejora detectada a través del diagrama del análisis de Eventbrite es el de mejorar la experiencia de usuario a la hora de la confirmación de la reserva. En este caso, la aplicación explicita el éxito en la reserva en dos pasos: una pantalla pasajera con un mensaje de éxito que salta a la página de confirmación. De esta forma, se hace al usuario conocedor del éxito en la reserva (mediante una pantalla llamativa y visualmente atractiva), para después mostrar una página de confirmación desde la que se puede acceder a la entrada. Estos aspectos también son deseables para nuestra aplicación.

El único aspecto confuso y no deseable que se ha detectado es el hecho de que, al abrir la aplicación, la primera página que se abre es la de “Mis entradas”, en vez de la página principal. Incluso cuando no hay ninguna entrada reservada. Esto es algo desconcertante, ya que el contenido más interesante y dinámico se encuentra en la página de inicio.

En general, Eventbrite es una app muy útil para este trabajo ya que resuelve todos los requisitos relacionados con la agenda de actividades de una forma sencilla, usable y atractiva. Es muy fácil de utilizar y la experiencia es agradable. Es visible que las opciones, filtros e información mostrada tienen muy en cuenta los intereses y la experiencia de las personas usuarias.

Referencia 2: eLiburutegia

eLiburutegia es la plataforma de contenido digital de Euskadi. Ofrece un servicio público de préstamo de libros (en formato EPUB) y material audiovisual. En cuanto a funcionalidades se acerca bastante a la del catálogo de materiales de la BC, que es su servicio principal y en el que se han centrado tres de los escenarios y diagramas creados.

El diagrama de flujo sigue el proceso de buscar y reservar un material. En este caso, en formato digital.

Al igual que en el diagrama anterior, se incluyen comentarios de aquellos aspectos positivos y negativos que se han detectado durante el flujo. Se han marcado con etiqueta roja aquellos aspectos no deseables o a evitar. En verde los aspectos que son deseables para nuestro diseño y pueden mejorar la propuesta. Finalmente, marcados en azul, aparecen observaciones que pueden ser interesantes.

Relación con funcionalidades y requisitos establecidos

Teniendo en cuenta las funcionalidades que debe tener nuestra plataforma y los requisitos establecidos, se ha creado una tabla comparativa entre nuestro flujo y el de Eventbrite para observar qué características cumple cada una.

Esta tabla comparativa se ha creado siguiendo la técnica de Benchmarking. Mediante esta, además de hacer un repaso para comprobar que se está cumpliendo con los requisitos, se valoran nuevas características de productos similares que pueden ser interesantes para el nuestro.

Se marcan en verde las características con las que sí que se cumple y en rojo las que no.

Análisis crítico

Tras evaluar eLiburua para la búsqueda y reserva de materiales, se ha comprobado que, aunque cumple con funciones básicas, presenta áreas de mejora significativas en cuanto a usabilidad y diseño. La interfaz, aunque es funcional, es desorganizada y la estética algo anticuada.

Si bien cuenta con la opción de buscar sin introducir palabras clave y búsqueda avanzada, los filtros son muy técnicos y no están adaptados al usuario medio, ya que priorizan campos como el ISBN o detalles especializados en lugar de criterios más intuitivos (temática, formato o nivel de dificultad). Esto puede generar frustración en usuarios que buscan una experiencia sencilla.

Aunque ya se había contemplado la opción de “Guardar como favorito” para los materiales, la plataforma no permite organizarlos en carpetas personalizadas, que es uno de los requisitos marcados. Además, aunque se trata de documentos digitalizados, no son accesibles desde cualquier dispositivo, ya que hay que descargar un archivo EPUB, ni está abierto a personas no registradas.

Por otro lado, al igual que en Eventbrite, hay un mensaje de éxito al descargar o reservar un material, lo cual también es interesante para aplicar a la reserva de materiales y citas en nuestra plataforma.

Una funcionalidad que no se había planteado es la de previsualizar el 10% del contenido antes de descargarlo. Esto puede resultar útil dentro del contexto de esta plataforma aunque, de contar con los requisitos referentes los materiales optimizados para cualquier dispositivo no tiene mucho sentido.

En general, la plataforma resuelve las necesidades básicas de reserva y favoritos, pero no cumple con todos los requisitos marcados para la nueva plataforma y se acerca más a la página actual de la BC que a la versión optimizada a la que se quiere llegar. Para mejorar, debería adoptar un diseño más limpio y centrado en el usuario, simplificar los filtros, contar con más opciones de clasificación de materiales y eliminar barreras de acceso.

¡Buenas a todos! Os presento las dos referencias que he elegido, sus diagramas de flujo y su análisis crítico. Tras eso los insights claves y recomendaciones para aplicar a nuestra app de la biblioteca de Catalunya.

Las dos páginas que he analizado son la web de La Biblioteca Nacional de España (BNE) y la app de la New York Public Library.

Biblioteca Nacional de España

La Biblioteca Nacional de España (BNE) ofrece un fondo documental impresionante y acceso a catálogos, bases de datos y colecciones digitalizadas a través de su web www.bne.es. Pero… ¿qué tal es la experiencia para el usuario que intenta navegarla?

Flujo de navegación principal:

El recorrido más común para consultar documentos digitalizados sigue esta secuencia:

1. Acceder al menú “Catálogo”.
2. Seleccionar “Biblioteca Digital Hispánica”.
3. Introducir términos de búsqueda.
4. Aplicar filtros (tema, fecha, tipo de documento).
5. Revisar los resultados.
6. Abrir el visor digital.
7. Descargar el documento (si está disponible).

Diagrama de flujo:

Puntos fuertes

• Búsqueda avanzada: potente y con múltiples filtros.
• Visor digital: funcional y bien integrado.
• Fondo documental: rico en contenido académico y patrimonial.

Principales limitaciones

1. Arquitectura de la información confusa

Separar “Catálogo” y “Biblioteca Digital Hispánica” genera confusión. Los usuarios deben navegar por secciones que no comparten diseño ni lógica estructural, rompiendo la coherencia esperada.

2. Sin área personal

La web no ofrece una biblioteca o perfil personal donde guardar documentos, seguir autores o crear colecciones. Esto penaliza al usuario frecuente que necesita trabajar con varios recursos.

3. Experiencia fragmentada

Los buscadores de distintas secciones funcionan de forma diferente, lo que aumenta la carga cognitiva y dificulta la navegación, especialmente para usuarios no expertos.

4. Móvil poco optimizado

Aunque es “responsive”, la experiencia móvil no está bien resuelta: filtros pequeños, clics excesivos y ausencia de navegación táctil fluida.

5. Visibilidad limitada del sistema

Los resultados no informan claramente si los documentos están disponibles en digital o si tienen restricciones, lo que genera incertidumbre y frustra al usuario.

6. Carga cognitiva elevada

Demasiadas opciones, sin jerarquización clara. El lenguaje técnico y la falta de rutas guiadas pueden alejar a usuarios casuales o nuevos.

Conclusión

La BNE tiene un enorme valor patrimonial, pero su interfaz necesita adaptarse mejor a los principios UX. Con una estructura más clara, navegación coherente y optimización móvil real, podría ofrecer una experiencia tan valiosa como su contenido.

New York Public Library

La New York Public Library (NYPL) ofrece una de las aplicaciones móviles más completas y reconocidas en el entorno bibliotecario. Disponible para iOS y Android, su enfoque está centrado en el usuario móvil, lo que la convierte en un referente frente a otras bibliotecas con presencia más institucional o limitada al entorno web.

Flujo de navegación principal: ¿Cómo interactúa un usuario típico en la app?

1. Accede a la app desde su dispositivo móvil.
2. En el dashboard principal, el usuario puede:
   • Usar la barra de búsqueda (siempre visible).
   • Navegar por colecciones destacadas.
3. Introduce un término en el buscador → aparecen resultados filtrables.
4. Aplica filtros: autor, género, idioma, disponibilidad digital.
5. En la ficha del libro puede consultar:
   • Descripción
   • Estado de disponibilidad
   • Opciones: “Guardar”, “Prestar”, “Leer ahora”
6. Puede guardar el libro para después o descargarlo si está disponible.
7. Desde el menú principal accede a:
   • Su biblioteca personal
   • Libros en préstamo
   • Historial de lecturas

Diagrama de flujo:

Puntos fuertes

1. Diseño centrado en tareas reales

La app no replica la estructura interna de la biblioteca: está diseñada para que el usuario actúe. Buscar, leer, guardar… todo en pocos pasos. Ideal para contextos rápidos y móviles.

2. Visibilidad clara de funciones clave

Desde el primer momento, el usuario ve qué puede hacer y cómo. El panel muestra accesos directos a funcionalidades como “Mis libros” o “Reservas”, en línea con las heurísticas de Nielsen.

3. Consistencia visual y usabilidad

Botones, colores, tipografías y flujos siguen un patrón claro. Esto reduce la curva de aprendizaje y genera confianza. Ideal tanto para usuarios casuales como frecuentes.

4. Personalización y biblioteca propia

El usuario puede:

• Guardar libros
• Crear listas
• Consultar historial
• Recibir sugerencias personalizadas

Función muy útil para usuarios como Marc, que consultan documentos frecuentemente y necesitan organización.

5. Accesibilidad optimizada

Diseño adaptado a uso táctil:

• Botones accesibles con el pulgar
• Menús sin sobrecarga
• Compatibilidad con tecnologías de asistencia

Ideal para contextos como el de Laia, que accede desde la calle, transporte o cafetería.

Principales limitaciones

• Algunas funciones más avanzadas están poco visibles, como la gestión de etiquetas o filtros académicos.
• Está pensada más para lectura general que para investigación profunda o especializada, lo que puede limitar a usuarios expertos.

Conclusión

La app de la NYPL demuestra cómo una biblioteca puede ofrecer una experiencia digital intuitiva, moderna y centrada en el usuario, especialmente en entorno móvil. Aunque tiene margen de mejora en funciones académicas, su diseño funcional y su enfoque claro en la tarea la convierten en un referente UX para bibliotecas públicas del siglo XXI.

Tabla comparativa

Insights claves y recomendaciones

Tras comparar la web de la Biblioteca Nacional de España y la app de la New York Public Library, extraemos una conclusión clara: No importa cuánto contenido tenga una biblioteca, sino cómo lo presenta, organiza y facilita el acceso.

1. Diseñar para tareas, no para estructuras

La NYPL triunfa porque responde a acciones concretas del usuario: Buscar, leer, guardar, asistir a eventos. En cambio, la BNE sigue una lógica institucional que puede dificultar la experiencia.

Aplicación al proyecto:
La Biblioteca de Catalunya debería guiar al usuario por flujos como:

• “Buscar manuscritos”
• “Ver agenda cultural”
• “Recibir alertas de eventos”

2. Mobile-first, sin excusas

La mayoría de usuarios (como Laia y Marc) acceden desde el móvil. La NYPL lo entiende: botones grandes, filtros simples, navegación fluida. La BNE aún no.

Aplicación al proyecto:

• Pantallas limpias
• Navegación con el pulgar
• Visores táctiles
• Filtros desplegables cómodos

3. Personalización y espacio privado

La NYPL permite crear listas, guardar favoritos y recibir recomendaciones. La BNE no ofrece funciones para personalizar la experiencia.

Aplicación al proyecto:

• “Mi biblioteca” para Marc
• “Recordatorios culturales” para Laia
• Favoritos, etiquetas, historial

4. Coherencia visual y navegación predecible

La app de NYPL mantiene un diseño estable. La BNE salta entre interfaces sin unidad visual.

Aplicación al proyecto:

• Menús consistentes
• Iconos claros
• Filtros que se comporten igual en todas las secciones

5. Comunicación proactiva y feedback inmediato

La NYPL informa al usuario: notificaciones, mensajes claros, recordatorios.
En la BNE, muchas acciones no generan respuestas visibles.

Aplicación al proyecto:

• Alertas de nuevos eventos
• Confirmaciones visuales
• Animaciones suaves para guiar

Conclusión

Una biblioteca digital no debe limitarse a mostrar información. Debe ser una experiencia cultural viva y accesible. Para lograrlo, la Biblioteca de Catalunya necesita:

• Navegación centrada en tareas reales
• Diseño móvil optimizado
• Espacio personal para el usuario
• Coherencia visual
• Comunicación clara y activa

Muchas gracias por leerme.

Un saludo.

Jessica Valdés Gallego.