Libris
Diseñé una aplicación que unificase y modernizase los servicios de las bibliotecas públicas de Madrid. Este diseño es un proyecto personal que planteé como TFM en el máster de diseño UX/UI de KSchool.
Herramientas utilizadas
Figma
Notion
Maze
NotebookLM
ChatGPT
Cliente
KSchool
(Proyecto de fin de máster)
Equipo
sin equipo
Libris es una app que potencia y facilita el uso de los servicios de las bibliotecas públicas.
El problema
El concepto de biblioteca como centro de conservación y préstamo de libros se queda anticuado. Sigue asociada a espacios de estudio o de préstamo de libros físicos, mientras que la mayor parte de lectores utiliza dispositivos electrónicos para leer e ignora si las bibliotecas tienen recursos de búsqueda o catálogo en formato digital.
La adaptación de las bibliotecas es indispensable para su supervivencia actual y futura. Adaptación tanto de sus espacios físicos, como centros de encuentro y de intercambio social; como de sus servicios, para atender unas demandas cada vez más diversas. Esta falta de adaptación se pone de manifiesto en situaciones como la pandemia (2020), a raíz de la cual las bibliotecas perdieron numerosos usuarios que en el momento de desarrollo de este proyecto (2025) no habían recuperado todavía.
Mi rol: Diseñadora UX/UI responsable de plantear las características de la aplicación, definir la arquitectura de la misma y diseñar su aspecto visual. El plazo de ideación y desarrollo del proyecto fueron 8 meses.
Mi propuesta
Diseñé Libris, una app que unifica y potencia los servicios bibliotecarios:
Búsqueda y reserva simplificada.
Acceso a diversidad de formatos en una misma app (físico, digital y audio).
Recomendaciones y avisos personalizados.
Comunidad de lectura.
Libris es una biblioteca pública adaptada al lector con la que puede leer, compartir y descubrir libros desde su móvil.
La biblioteca pública se potencia como punto de encuentro virtual y rincón de lectura personal. Las ilustraciones están generadas con ChatGPT imágenes.
Investigación
Contexto: tendencias y retos
Mi investigación comenzó con esta pregunta: ¿cómo se puede fomentar que se utilicen las bibliotecas hoy en día? Y para ello lo primero que busqué fueron las tendencias actuales de lectura en España. Entre ellas se encuentran:
el slow reading (leer enfocándose en el disfrute de la propia lectura),
una mayor demanda de accesibilidad (tanto de las bibliotecas como edificio como de sus contenidos)
y la necesidad de un tercer lugar (distinto al hogar y el trabajo) en el que poder socializar y crear comunidad.
Por otra parte, los retos a los que se enfrentan las bibliotecas a futuro serían:
Garantizar el acceso el acceso y el aprendizaje de las nuevas tecnologías.
Informar y aplicar medidas de sostenibilidad y accesibilidad
Ofrecerse abiertamente como punto de encuentro para la sociedad.
Análisis competitivo
Con la adaptación de los servicios en mente, puesto que este proyecto se centra en lo que puede ofrecer una aplicación, analicé 6 apps (Catálogo de bibliotecas, eBiblio, Goodreads, Libib, Bookmory y Fable), identificando que:
Goodreads es la más completa pero solo está disponible en inglés y su interfaz puede resultar anticuada.
eBiblio y el Catálogo de Bibliotecas no comparten las valoraciones de los lectores aunque pertenezcan a la misma entidad.
Fable tiene cuestionarios de recomendación personalizados.
Bookmory incluye recordatorios de devolución para los libros que tengas en préstamo.
Fable y Libib tienen opción de marcar un libro como no terminado, lo que puede ser útil para los lectores.
En el análisis de apps relacionadas con la lectura, Goodreads es la que más funciones ofrece al usuario, aunque no está disponible en español (SPA).
Investigación con usuarios
Conseguí 101 encuestas después de repartir folletos en varias bibliotecas y pedir difusión a los lectores que conocía. Los insights que obtuve de las encuestas fueron:
Confirmé que los rangos de edad y sexo de mis encuestados coincidían a grandes rasgos con los datos que extrajo el CIS en su barómetro de lectura de 2024.
Las mujeres leen más que los hombres.
Los menores de 30 años y los mayores de 50 son los que más leen.
Todo el mundo tiene un móvil a su disposición y es el dispositivo que más utilizan para leer en digital.
La mayoría de lectores en digital también sigue leyendo en papel.
Los motivos por los que la gente no lee tanto como quisiera se centran en la falta de tiempo.
La mayoría de lectores no conoce eBiblio.
La mayoría de lectores que sí conocen eBiblio no lo utilizan porque lo consideran confuso o escaso de catálogo.
Reservar libros desde la app es la funcionalidad más deseada, seguida de la creación de listas y la visualización de un historial de lectura.
Las mujeres son más lectoras que los hombres.
En cuanto a edades, los menores de 30 y los mayores de 50 son los que más leen.
Los lectores no conocen eBiblio, y aquellos que lo conocen no lo usan o les parece poco clara.
Otros potenciales usuarios de eBiblio opinan que tiene un catálogo escaso y que existen demasiadas apps.
User personas y User journey
A partir de las encuestas y las entrevistas diseñé 3 user personas con distintas necesidades relacionadas con la lectura como hobby. Las ilustraciones están generadas con ChatGPT Imágenes:
Lara lee en formato físico y digital. Quiere ahorrar espacio y dinero pero no le convencen las novedades disponibles en el catálogo de las bibliotecas.
Roberto prefiere leer en papel, pero ha comenzado a tener problemas de visión y quiere una opción que le facilite seguir disfrutando la lectura.
Sara quiere seguir leyendo y compartiendo sus lecturas con sus amigas, pero ahora tiene un bebé y no tiene tanto tiempo y facilidades como antes.
De entre ellos escogí a Lara para crear el User Journey, porque de mis user personas sería la que más utiliza la tecnología en su día a día. Como lugar de descubrimiento contemplé la propia biblioteca física, y como app a usar, la app Ebiblio.
Del user journey identifiqué los siguientes pain points:
Búsqueda confusa en el catálogo. Libris mejora esta acción utilizando filtros claros y recomendaciones personalizadas.
Esperas largas para poder leer un libro reservado. Libris suaviza este punto sugiriendo libros relacionados con la búsqueda que estén disponibles en ese momento.
Insights clave
Los insights que me parecen clave para la estrategia de la app de bibliotecas son los siguientes:
El formato digital es más accesible que el físico, en todos los sentidos. Resuelve necesidades temporales como el manejo del libro en el transporte público o permanentes como las dificultades visuales.
Los lectores en digital no se preocupan de tener el libro en propiedad, sólo de leerlo ahorrando dinero y de la forma más cómoda posible.
Los lectores prefieren usar las apps de lectura a modo de diario y registro personal, aunque les llaman la atención tener disponibles las interacciones sociales.
Requisitos de diseño
Así, la aplicación para las bibliotecas públicas debía ser una app:
personalizada: a las preferencias y gustos de cada lector.
sencilla de utilizar: al buscar un libro o al reservarlo.
adaptable: a la situación del catálogo y del lector en cada momento.
actualizada: con información relevante para el usuario.
social: que fomente la interacción entre lectores, tanto en la app como en redes sociales.
Proceso de diseño
Test de concepto
El test de concepto lo realicé con 3 mujeres de entre 27 y 32 años. Primero hice un test de 5 segundos con la pantalla de inicio de la app y con la ficha de información de un libro. Con ambas pantallas se entiende mejor de dónde proceden las lecturas en esta app.
De estas conversaciones extraje la necesidad de algunos cambios críticos:
Los formatos disponibles para cada libro (físico, digital o audiolibro) no se distinguen claramente. En el diseño final cambié la iconografía que identifica el formato.
Se confunde con una app de compra de libros. Para evitarlo reforcé la presencia de la biblioteca pública a la que pertenece el lector y los libros físicos en cada caso.
Por otra parte, también obtuve validaciones positivas:
Los usuarios valoran poder reservar desde la app.
La app se percibe como formal y sencilla.
Con las pantallas de inicio y de ficha de lectura se entiende de dónde procede el valor principal de esta app.
Arquitectura de información
Sin embargo, al analizar los resultados me di cuenta de que había confundido el mapa de navegación con la arquitectura de información, así que reagrupé el contenido en 3 áreas que responden a las funcionales principales de la app:
Bibliotecas: búsquedas, actividades y definición de la biblioteca favorita.
Búsqueda: catálogo y preguntas frecuentes.
Mi perfil: datos personales, préstamos e historial de lectura.
Realicé un card sorting con 3 usuarias para validar la organización del contenido. Inicialmente planteé 5 categorías: Inicio, Bibliotecas, Búsqueda, Mis libros y Mi perfil.
Cuando me di cuenta del error de categorías presentado en el card sorting, reagrupé las categorías según las áreas principales de la app y volví a analizar las respuestas de los usuarios.
UI Kit
Colores
Escogí tonos naranjas como gama principal. El melocotón como color complementario posibilita un degradado para que la paleta no quede plana. Como color secundario se usaría el azul.
Escogí el naranja porque es uno de los colores que predominan en las apps de lectura y registro de libros, entre ellas eBiblio. Además, es un color que transmite calidez, humanidad y optimismo. Por otra parte, los tonos melocotón acentúan las emociones de calma y amabilidad y rebajan el mensaje de urgencia que puede transmitir el naranja por sí solo.
El naranja cálido y optimista, junto a un melocotón amable, representan el carácter de las bibliotecas públicas como espacio de encuentro.
Tipografía
Para la tipografía escogí Majesty Goldera en los títulos, porque transmite elegancia y cierto toque lujoso. La PT Sans en los textos es una tipografía sencilla que facilita la lectura. Con la combinación de ambas pretendo que la app se vea accesible sin que el lector deje de sentir que la lectura es su momento de disfrute personal.
Para escoger los tamaños de la tipografía he utilizado las tablas que señala Apple en su guía de diseño “Human Interface Guidelines”. He utilizado el tamaño “Medium” pensado para dispositivos iOS con un tamaño del cuerpo de texto de 16px.
La tipografía Majesty Goldera transmite elegancia y hedonismo, mientras la PT Sans tiene un carácter neutro que facilita la lectura.
Iconos
He escogido la librería de iconos de FontAwesome porque dispone de iconos sencillos y legibles para una gran cantidad de usos, además de contar con estilos de línea y sólidos que utilizar según la situación.
Iconos utilizados en la app, con versiones a línea y rellenas.
Naming y logotipo
Creé el logotipo de la app de bibliotecas a partir de los componentes del UI Kit. Lo primero que propongo es un cambio de nombre, puesto que ahora se divide entre “Catálogo de bibliotecas” (para web) y “eBiblio” (app). Mi propuesta sería “Libris”.
El nombre procede del latín y hace referencia a los exlibris, los sellos que se utilizan en los libros para marcar a qué biblioteca pertenecen. Es una referencia a las historias que va a compartir la biblioteca con los lectores y cómo los libros pasan a pertenecer a cualquier usuario de la app.
El logo sigue la lógica del actual: un libro como puerta que cruzar para acceder a otro mundo y a otras perspectivas. Este es un mensaje muy potente que sirve como invitación al lector, si bien lo he modificado visualmente siguiendo las formas simples de los iconos de FontAwesome y los sutiles detalles curvos de Majesty Goldera.
“Libris” refiere a las historias compartidas. El icono de la app es una reinterpretación del actual de eBiblio, añadiéndole sutileza y simplicidad.
Solución final
Diseñé un prototipo interactivo en Figma centrado en los flujos principales de Libris: buscar, reservar, leer y organizar libros.
Las imágenes de portada de los libros pertenecen a la editorial Penguin Random House.
La pantalla de inicio ofrece al lector información de su biblioteca y préstamos actuales de un vistazo.
La ficha de préstamo del libro permite a los lectores ver la información del libro y solicitar su préstamo desde la app.
Testing y validación
Para testar el prototipo hecho en Figma planteé 3 tareas a 3 usuarios potenciales. Las tareas eran las siguientes:
Solicitar el préstamo de un libro físico, a poder ser de las últimas novedades editoriales. En este caso les pedía que buscasen “Frankenstein” en formato físico porque no podía simular el uso de los filtros de búsqueda con Figma.
Crear una lista de libros para tener organizados tus favoritos y añade el libro de “Frankenstein” a esa lista. También les pedí que intentasen compartir la lista por enlace.
Solicitar el mismo libro en formato digital, leerlo y ajustar el tamaño de letra a uno más grande.
Puntos que quería validar con los test:
Comprensión de la navegación.
Descubribilidad de las acciones.
Carga cognitiva.
Expectativas del usuario sobre la app.
Los resultados del test:
100% de tareas completadas exitosamente.
0 errores críticos de navegación.
Feedback unánime sobre la utilidad del concepto.
Los 3 usuarios completaron todas las tareas con éxito, valorándolas como "fáciles o muy fáciles". Confirmaron que una app así sería un incentivo para usar más los recursos bibliotecarios.
Aprendizajes clave
Libris fue mi proyecto de fin de máster en KSchool, con el que obtuve la titulacion de diseño UX/UI. Aunque comenzó como un proyecto académico, el testing validó que existe una necesidad real de modernizar los servicios bibliotecarios digitales.
A nivel profesional, me permitió aprender mucho sobre métodos de investigación y análisis y cómo aplicarlos al diseño de interfaces para mejorar la experiencia del usuario.
Sobre investigación: Invertir tiempo en un centenar de encuestas me mostró que el problema era real. Esta base cuantitativa dio credibilidad a las decisiones de diseño posteriores.
Sobre testing: Detectar el error en las categorías del card sorting me enseñó la diferencia entre arquitectura de información y mapa de navegación, y ahora los uso correctamente.
Sobre diseño: Equilibrar la formalidad de una institución pública con la calidez necesaria para fomentar su uso fue un reto constante que resolví con la paleta de colores y las tipografías.
Siguientes pasos
Estas mejoras se implementarían en orden de prioridad, comenzando por aquellas validadas directamente por el feedback de usuarios.
Mejoras prioritarias validadas por los usuarios
Solicitar una confirmación al pedir el préstamo o reserva de un libro, para evitar clics accidentales.
Cambiar el texto de “Reservar” a “Solicitar préstamo”, para aumentar la claridad.
Ampliar los temas de color para la lectura digital, para tener más variedad de contrastes en la lectura en móvil.
Futura ampliación del producto
Versión web: para aquellos usuarios que prefieran buscar información desde un ordenador.
Modo simplificado: para ampliar la accesibilidad a usuarios con menos habilidades digitales.