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.
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.
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.
Solución final
NEEducaSEX se presenta como un recurso educativo multimedia dirigido a los alumnos con NEE. Los educadores de las enseñanzas sexo-afectivas pueden consultar la guía del profesorado para saber cómo adaptar el currículo escolar y aprovechar al máximo las distintas actividades disponibles para los alumnos.
El maletín del alumno incluye cuadernillos con teoría y fichas de actividades con distintos grados de manipulación de los materiales.
La guía del profesorado también está disponible en formato online para facilitar su consulta, e incluye las actividades de los alumnos en un formato listo para imprimir en casa. De esta forma se garantiza que los recursos de NEEducaSEX son fáciles de compartir entre los profesores y las escuelas, ayudando a difundir las NEE.
Para la presentación ante el Gobierno de Canarias, creé un vídeo en Motion Graphics que muestra ejemplos de todos los recursos que se habían diseñado hasta ese momento.
Carpeta que contiene parte de las fichas para los alumnos, manteniendo el material organizado.
Ficha de actividades para el alumnado.
Ficha de actividades para el alumnado.
Ficha de actividades para el alumnado.
La página web pone los contenidos del material físico a disponibilidad de otros centros y educadores.
La guía del profesorado está organizada en capítulos y tiene numerosas imágenes para facilitar su consulta.
Muestra del interior de la guía del profesorado.
Presentación en vídeo de los materiales diseñados en formato físico y digital de NEEducaSEX.
Resultados e impacto
NEEducaSEX terminó de implementarse en las islas Canarias durante el curso escolar de 2023, con más de 350 docentes participantes en esta acción formativa. El proyecto, pionero en España, sentó las bases para garantizar una educación afectivo-sexual del alumnado con NEE escolarizado en centros públicos de Canarias.
Aprendizajes y siguientes pasos
Si pudiera iterar sobre este proyecto, priorizaría:
Optimizar la edición de la página web: mi nivel de código y desarrollo es insuficiente para plantear un producto cómodo de actualizar por parte de la Asociación Sexualidad y Discapacidad. La colaboración con un programador especializado en WordPress solucionaría las incomodidades en la edición de contenidos de la web y algunos fallos en la implementación del sistema visual, como puede ser el índice en un lateral en lugar de en un scroll superior.
Creación de un catálogo con fotografías más inclusivas: la falta de material gráfico que incluya a personas con diversidades físicas e intelectuales supone una dificultad añadida para comunicar los contenidos de forma satisfactoria. A día de hoy se podría implementar un generador de imágenes con IA que solventase esta carencia.
Este proyecto supuso mi primera incursión en el diseño accesible e inclusivo. Me descubrió distintas formas que tienen los usuarios de acercarse a un mismo contenido que no me había planteado hasta ese momento, así como herramientas y metodologías que enriquecieron mi trabajo como diseñadora.