UI Design — Design Thinking: Revolucionando la idea de “Biblioteca” (Case Study Part 2/2)

Berta Montagut
4 min readMay 19, 2019

Si te has perdido la primera parte, haz clic aquí.

PROTOTIPAR

Nuestra idea, en efecto, sería dividir la segunda planta de la biblioteca en salas de cristal interactivas en las cuales los usuarios podrían buscar información mediante un buscador, encontrar libros presentes en la biblioteca (con la ayuda de una aplicación) e incluso reservar salas o asientos. En cada sala, se mostraría al usuario las características de esta ya fuere: temperatura, humedad, nivel de ruido, número de personas, etc.

Para cumplir con nuestra propuesta de valor, nos pusimos manos a la obra para crear el flowchart en el que basaríamos el desarrollo de nuestra idea asi como la arquitectura de nuesta aplicación..

Flowchart
Arquitectura

Al mismo tiempo también elaboramos un blueprint para describir detalladamente todas las etapas y los procesos de nuestro servicio. Tanto las partes visibles como no visibles para el usuario.

Blueprint

Antes de ponernos a trabajar en el prototipo, buscamos inspiración visual y entre todos los miembros del grupo Alex Tijero — UX/UI Student y Adrián Sánchez Gallardo creamos un Moodboard.

Moodboard

Para dar personalidad a nuestro producto creamos el logo y naming de nuestro servicio; puesto que nos decantabamos por un espacio compuesto de salas de cristal interactivas decidimos llamar a nuestro producto SmartCube.

Evolución del logo

Al mismo tiempo también definimos el look and feel que debía tener nuestro diseño y para ello creamos una guía de estilo. Nuestra intención fue que el look and feel coincidiera al máximo con el natural minimalismo de un cristal, es por eso que nuestra paleta de colores estaba compuesta enteramente de colores fríos.

Guía de estilo

Elaboramos el wireflow (o flujo de navegación) mediante wireframes Low-Fi, posteriormente convertidos en Hi-FI y finalmente transformados en las pantallas finales del prototipo que testaríamos una vez tuvieramos la apariencia del servicio definida:

Face ID
Tutorial
Consulta de información
Búsqueda de material
Búsqueda por Realidad Aumentada

TESTEAR

Cuando, finalmente, tuvimos las pantallas creadas y la animación finalizada nos tocó enfrentarnos a la realidad. Testamos nuestro producto con cinco usuarios y les pedimos que nos dieran su valoración mediante el método de Think Aloud (o pensar en voz alta).

Para poder testar el cristal interactivo, usamos una pantalla de televisión con la que los usuarios pudieran interactuar.

Test de guerrilla

Los usuarios nos dieron críticas y valoraciones muy útiles que nos premitieron elaborar un producto final más adecuado:

Testing Feedback

CONCLUSIONES Y RESULTADO FINAL

Nuestro objetivo era mejorar la experiencia de usuario (y servicio) en las bibliotecas públicas, convertirlas en un referente de sabiduría y encontrar nuevas utilidades para una sociedad que pedía una transformación. En definitiva, convertirlas en un lugar de referencia para aquellos que estaban ávidos de conocimientos.

Aunque la mayoría de los usuarios testados estuvieron de acuerdo con que la idea era interesante y podía funcionar para llegar a dicho objetivo, el diseño y el contenido debían mejorarse considerablemente para poder brindar confianza en nuestro producto y por extensión a las bibliotecas.

Las mayoría de las críticas fueron dirigidas al look and feel ya que en varias ocasiones no percibieron los botones (CTAs) o se quedaron bloqueados sin saber como avanzar. Asimismo había diferencias de apariencia entre el cristal y la aplicación móvil que debían ser igualadas en cuanto a colores y percepción visual para que el usuario pudiera relacionar ambos productos con la misma marca (SmartCube).

A partir del este feedback, modificamos nuestro producto acorde a las necesiadades y estos fueron los resultados finales:

--

--

Berta Montagut

UX/UI Design Student · BA in Translation and Interpreting · Senior Project Management