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