Concepto a la Interacción: Un Prototipo de Bajo Nivel para una Experiencia de Usuario Optimizada y vialuacion de Medio Nivel 

la interacción definida en las fases previas, se procedió al sketching y la creación de un prototipo de bajo nivel.

El sketching, realizado tableta digital con aplicación de dibujo de trazo libre , permitió esbozar rápidamente las pantallas para smartphones a partir del árbol de contenidos y los flujos de interacción. El objetivo fue visualizar la interacción, detectar fallos y puntos de mejora, y realizar iteraciones de diseño de forma ágil antes de pasar a herramientas de prototipado digital. La clara comunicación de las ideas a través de estos sketches, su nivel de detalle y consistencia fueron cruciales para la fase posterior.

Escenario 1: Notificación y acceso a eventos culturales.

1. Descripción General:

Una pantalla de entrada limpia y acogedora.

Conexión con el flujo:

Es el punto de entrada para los usuarios nuevos (Registro) y recurrentes (Login), como se muestra en el inicio del Diagrama de Flujo del Escenario 1.

2. Descripción General: Una serie de pantallas sencillas para recopilar datos del usuario. Aquí se describe la primera de ellas.

Conexión con el flujo: Representa el paso de «Llenado de formulario» en el User Journey y las acciones de registro.

3. Descripción General: Permite a Laia personalizar lo que desea ver.

Conexión con el flujo: Corresponde a la «Selección de intereses» en el User Journey y el árbol de contenidos, permitiendo la personalización clave para Laia.

4 Descripción General: Permite a Laia decidir qué tipo de alertas quiere recibir.

Conexión con el flujo: Permiso de notificaciones» y «Preferencias de notificaciones» del User Journey.

5. Descripción General: La pantalla principal después del registro, con un enfoque en los eventos.

Conexión con el flujo: Esta es la «Pantalla principal» y el punto de acceso al «Calendario de actividades» (Eventos y Agenda en el árbol de contenidos). Permite a Laia una visión rápida de los eventos.

6 Descripción General: Una vista de calendario para explorar eventos.

Conexión con el flujo: Representa el paso de «Acceso a calendario/agenda» en el Diagrama de Flujo y «Explorar en calendario» del User Journey.

7 Descripción General: Muestra toda la información relevante de un evento seleccionado.

Conexión con el flujo: Paso crucial de «Selecciona un evento» y «Activación de eventos» en el Diagrama de Flujo. Aquí Laia puede interactuar con el evento para reservarlo y sincronizarlo.

8 Descripción General: Un mensaje de confirmación de acción exitosa.

Conexión con el flujo: El «Mensaje de confirmación» del User Journey y el final del flujo de activación de eventos.

Escenario 2: Acceso a la cuenta con historial del usuario.

9 Descripción General: Una pantalla de inicio que puede variar ligeramente según los intereses, pero que siempre ofrecerá la barra de navegación inferior.

Conexión con el flujo: Marc accederá a su perfil desde esta pantalla usando la barra de navegación inferior, específicamente el icono de «Mi Cuenta» o «Usuario», tal como se indica en el User Journey y el árbol de contenidos («Mi Cuenta»).

10 Descripción General: Centraliza la información personal de Marc y el acceso a sus funcionalidades.

Conexión con el flujo: Es el «Navegar a sección de historial» en el Diagrama de Flujo y la «Pantalla de perfil del usuario» en el User Journey, sirviendo como hub para las funcionalidades personales.

11 Descripción General: Un listado cronológico de las interacciones pasadas de Marc con la app.

Conexión con el flujo: Es el paso «Ver lista de actividades/consultas» y permite «Buscar en historial» y «Filtrar historial por fecha» en el Diagrama de Flujo. Aborda el «Pain Point» de la dificultad de ver el historial de consultas.

&nbsp

Escenario 3: Búsqueda de catálogo.

12 Descripción General: La pantalla dedicada a iniciar cualquier tipo de búsqueda.

Conexión con el flujo: Representa el inicio de la búsqueda, ofreciendo las dos vías de entrada de términos (texto o voz) y el acceso a los filtros avanzados, como se ve en el Diagrama de Flujo y el User Journey.

13 Descripción General: Permite a Marc refinar su búsqueda con criterios específicos.

Conexión con el flujo: Corresponde a la opción «¿Aplicar filtros avanzados?» del Diagrama de Flujo y las «Herramientas de búsquedas avanzada con filtros de preferencias» mencionadas en los requisitos funcionales.

14 Descripción General: Presenta los ítems que coinciden con la búsqueda de Marc.

Conexión con el flujo: Es la «Visualización de la lista de resultados» en el Diagrama de Flujo, permitiendo a Marc «Seleccionar un resultado específico».

15 Descripción General: Proporciona información exhaustiva sobre un documento seleccionado.

Conexión con el flujo: Es la «Visualización de la ficha detallada» en el Diagrama de Flujo. Aquí se bifurca la acción dependiendo de si el documento es físico o digital. Permite a Marc decidir si «Reservar documento físico», «Leer online» o «Descargar documento».

16 Descripción General: Ayuda a Marc a encontrar la ubicación física de un libro dentro de la biblioteca.

Conexión con el flujo: Corresponde al paso «Obtener ubicación y guía» en el Diagrama de Flujo. Aborda la necesidad de Marc de ahorrar tiempo en sus visitas físicas a la biblioteca.

Escenario 4: Biblioteca personal y gestión de préstamos.

video Prototipo

Buenas a tod@s,

aquí presento mi propuesta de valor y prototipo para la Aplicación de la Biblioteca de Catalunya:

Propuesta de valor

Gracias al análisis realizado durante el proceso, hemos podido conseguir requisitos e impresiones que nos acercan a una versión mejorada de la aplicación de la Biblioteca de Catalunya. Este análisis se ha realizado estudiando tanto los procesos clave para conseguir funcionalidades principales que ofrece la plataforma, como evaluando las constumbres y expectativas de distintas personas acerca de la organización de contenidos. Así, cada obstáculo o duda se convierte en una oportunidad para encontrar soluciones que mejoren la propuesta.

El objetivo es ofrecer una experiencia digital más ágil, personalizada y conectada con las necesidades reales de los usuarios. Esta nueva aplicación no solo facilita el acceso a los materiales y actividades, sino que también enriquece la interacción con ellos mediante un diseño intuitivo, funcionalidades personalizadas y un enfoque centrado en la usabilidad.

Una búsqueda más inteligente y personalizada
Una de las funcionalidades más troncales de la aplicación es el buscador avanzado que permite explorar el catálogo de manera eficiente, mediante consultas rápidas, así como usando filtros especializados. Además, los resultados se organizan de forma más precisa, diferenciando entre palabras clave en títulos, autores o materias, lo que agiliza la localización de materiales. Los materiales se convierten más accesibles mediante la posibilidad de ser guardados como favoritos y facilidad de compartirlos.

Espacios y funcionalidades personalizadas
La aplicación utiliza las préstamos anteriores, búsquedas frecuentes y actividades reservadas por los usuarios para mostrar recomendaciones que generen interés desde la página de inicio. Los usuarios pueden guardar materiales como favoritos y organizarlos en listas temáticas, creando su propia biblioteca virtual. También ocurre lo mismo con las actividades, que se podrán guardar como favoritas.

Gestión más ágil y unificada de reserva de préstamos, citas y actividades
La nueva propuesta incluye formularios simples y muy parecidos entre sí para cualquier tipo de reserva. Un formulario seguido de una pantalla de éxito que guía al usuario y lo hace sentir ubicado y seguro durante el proceso. Las entradas y reservas son fáciles de consultar mediante espacios personales dedicados específicamente a ello: “Mis actividades”, “Mis préstamos” y “Mis reservas”. Además la aplicación notifica automáticamente cuándo se acerca el vencimiento de un préstamo, una cita para consultar material en sala o el inicio de una actividad reservada.

Accesibilidad desde todos los dispositivos
La nueva plataforma garantiza una experiencia consistente, ya sea desde un móvil, una tablet o un ordenador, gracias a un diseño responsive que se adapta a cualquier pantalla. Los documentos digitalizados se visualizan de forma optimizada para cualquier dispositivo, evitando la necesidad de descargar archivos pesados.

Un espacio usable y seguro
Mediante una reorganización de los contenidos, basada en el criterio de distintos perfiles de usuario, la aplicación cuenta con una estructura fácil e intuitiva de navegar. El menú de contenidos es sencillo y de pocos elementos, mientras que las pantallas informan a las personas usuarias dónde se encuentran y las opciones con las que cuentan. Además se cuenta con un chat de atención al usuario para resolver dudas rápidamente. La privacidad y protección de los datos del usuario son prioritarias, pudiendo configurar las preferencias respecto a esto.

Una biblioteca cercana, accesible y viva
Esta aplicación no es solo una herramienta de gestión, sino una forma de mantenerse al día con eventos culturales y novedades en materiales. La newsletter mantiene a los usuarios informados de los eventos destacados, noticias de la red de bibliotecas y novedades. Las bibliotecas, accesibles mediante sus servicios y en persona, también se pueden visitar mediante mapas interactivos.

Mejorar la experiencia de las personas usuarias
La nueva aplicación de la Biblioteca de Catalunya tiene el objetivo de generar una experiencia más amigable y emocionante para las personas usuarias. Esto se materializa mediante un diseño más intuitivo y limpio, una mayor personalización y procesos más simplificados y guiados.

VER PROTOTIPO

¡Buenos días! os presento la propuesta de valor del prototipo de la aplicación móvil de la Biblioteca de Catalunya.

Propuesta de valor

La propuesta para la nueva aplicación digital de la Biblioteca de Catalunya se construye sobre una arquitectura de la información clara, útil y centrada en las personas que realmente van a utilizarla. Desde el inicio del proyecto, el objetivo ha sido estructurar los contenidos y los flujos de navegación de forma comprensible, accesible e intuitiva, siempre basándonos en las necesidades reales de los usuarios.

El prototipo de baja fidelidad que hemos desarrollado no se limita a representar la interfaz visual; su valor principal reside en que permite validar la estructura informativa, la jerarquía de contenidos y los flujos de interacción que hemos diseñado. Esta herramienta ha sido clave para anticipar cómo navegarán los usuarios por la plataforma, cómo accederán a los contenidos relevantes y qué obstáculos podrían encontrar en el camino.

Gracias a esta fase temprana de prototipado, hemos podido:

• Evaluar la jerarquía y la organización de la información, garantizando que lo más importante sea fácilmente localizables
• Detectar posibles fricciones en la navegación, antes de invertir en desarrollo de alta fidelidad.
• Optimizar tiempo y recursos, abordando mejoras críticas desde el principio del proceso de diseño.

En definitiva, este enfoque nos ha permitido diseñar no solo una interfaz funcional, sino una experiencia coherente, fluida y alineada con las expectativas del usuario final.

Link al prototipo: Prototipo

Respuesta a los perfiles de los Usuarios

El punto de partida fue el briefing facilitado por la Biblioteca, junto con dos perfiles clave de usuarios. A partir de ellos creamos escenarios y User Journeys, que nos ayudaron a identificar momentos críticos y necesidades concretas en su interacción con la biblioteca digital.

Con esa base, definimos los requisitos funcionales e informativos necesarios para ofrecer una experiencia útil, ágil y centrada en la persona. Estos requisitos nos sirvieron como base para realizar un card sorting, que reveló cómo los propios usuarios agrupan y entienden los contenidos.

Esto nos permitió construir un árbol de contenidos estructurado y lógico, diseñado para reducir la complejidad, facilitar la orientación y dar visibilidad a lo más relevante según cada perfil.

Todo este trabajo estratégico se tradujo en bocetos y wireframes, que culminaron en un prototipo de baja fidelidad. Este prototipo nos permitió validar la estructura, la jerarquía y la lógica de navegación antes de invertir en desarrollo visual o técnico, asegurando una base sólida y coherente desde la Arquitectura de la Información.

Nuestro prototipo responde adecuadamente a las necesidades y expectativas de ambos usuarios puesto que incluye un buscador con filtros avanzados para localizar documentos, una sección de eventos y una zona personal llamada “Mi biblioteca”, donde se organizan todos los documentos.

Ejemplo de interacción: Escenario 1: Búsqueda rápida de documentos digitalizados para un artículo urgente.

Laia, una periodista cultural de 30 años, recibe un encargo urgente sobre la literatura medieval catalana. Aunque está fuera de casa, accede desde su móvil a la app de la Biblioteca de Catalunya, usa el buscador avanzado y encuentra rápidamente un manuscrito digitalizado relevante. Copia una cita clave, guarda y descarga el documento para consultarlo sin conexión, y logra redactar y entregar su artículo a tiempo gracias a la eficiencia de la aplicación.

Partiendo de esta información, presentamos el siguiente prototipo que responde a las necesidades y expectativas de Laia:

Espero que os guste. Un saludo.

Jessica