Daniel Maya
← Proyectos / Caso de estudio · App móvil · Rediseño

Una app para leer más y leer acompañado.

Rol
Diseño UX/UI Rediseño individual
Proyecto
2023 en equipo de cuatro Rediseño en 2026
Plataforma
App móvil 393 × 852 Sobre Material 3
Herramientas
Figma
Pantallas de inicio y sesión activa de Lecto

Pantallas de la app · Desliza para explorar

Problema

Leer se vuelve solitario

En las entrevistas de 2023, los lectores contaron que leen menos desde la universidad y que no encuentran con quién hablar de sus libros. Los clubes quedan lejos o no encajan con sus gustos.

Solución

Medir la lectura y acercar a los lectores

Sesiones cronometradas para leer en papel, progreso siempre a la vista y una comunidad de clubes y encuentros cerca de ti.

Resultado

30 pantallas y un sistema propio

Del prototipo de 2023 a un sistema con modo claro y noche, 20 componentes y un prototipo con 116 interacciones. Aún sin pruebas con usuarios.

01 · El problema

Leer mucho y no tener con quién hablarlo

En 2023 entrevistamos a tres lectores universitarios. Los tres disfrutan leer solos y en papel, pero leen menos que antes y no encuentran con quién hablar de lo que leen.

1

Leer pierde contra la pantalla

Leen menos desde que entraron a la universidad. Uno pasó de 20 horas semanales en el colegio a una sola.

2

Leer es íntimo; hablarlo, no

Leen solos, pero quieren comentar lo leído y no conocen a nadie que lea lo mismo.

3

Grupos pequeños y por gustos

Un foro grande se siente impersonal. Un club de su saga favorita o una charla uno a uno, sí.

?

Pregunta de diseño

¿Cómo ayudar a lectores jóvenes a leer más y a encontrar con quién compartirlo, sin salir de su entorno?

Fuente: tres entrevistas a lectores universitarios y las user personas del proyecto original (2023).

02 · Usuarios

Dos lectores que buscan con quién compartir

Las user personas de 2023 siguen guiando el rediseño; solo se cambiaron los nombres. Ambos quieren leer más y hablar de lo que leen cerca de casa.

Mateo

Estudiante · 21 años

«Le tengo mucho cariño a mis libros, los cuido como nadie.»

Objetivos

Dedicarle más tiempo a sus sagas favoritas y encontrar un círculo de amigos que comparta sus gustos.

Frustraciones

Le cuesta entablar relaciones con sus gustos, le falta impulso para crear una comunidad y no encuentra algunos libros en físico.

Renata

Estudiante · 23 años

«Me encanta poder hablar con los demás sobre lo que leemos.»

Objetivos

Un espacio cercano y personal para compartir su amor por la lectura y conocer otros puntos de vista.

Frustraciones

Ir a lugares apartados sin encontrar un club que le sirva y no poder hablar de libros poco conocidos.

  1. 01

    Abrir y registrarse

    Crea su cuenta

    En el rediseñoPersonalización en tres pasos

  2. 02

    Biblioteca

    Busca o agrega su libro

    En el rediseñoRegistrarlo si no está en el catálogo

  3. 03

    Lectura guiada

    Lee en papel con el cronómetro

    En el rediseñoFoto y nota sin detener la sesión

  4. 04

    Terminar la sesión

    Espera ver su avance

    En el rediseñoResumen con tiempo, racha y notas

  5. 05

    Compartir

    Quiere hablar de lo que leyó

    En el rediseñoEstados, clubes y encuentros cercanos

03 · Punto de partida

Del prototipo de 2023 a cuatro destinos

El mapa de 2023 organizaba la app en dos ramas —competitiva y social— bajo un menú de inicio. El rediseño conserva ese contenido y lo reparte en una navegación inferior de cuatro destinos.

  1. Destino 1

    Inicio

    Resume el día: continuar leyendo, racha de la semana, LectoContador y ranking.

  2. Destino 2

    Biblioteca

    Administrar, buscar, agregar y registrar libros, como pedía el user flow.

  3. Destino 3

    Comunidad

    Feed, estados, clubes y eventos locales. El ranking completo vive aquí.

  4. Destino 4

    Perfil

    Estadísticas y LectoContador completos, logros y mis notas.

Prototipo de 2023

Hecho en equipo sobre Material Design 2: paleta café, Montserrat y Mulish, esquinas de 4 px e íconos de IonIcons.

Rediseño de 2026

Las mismas funciones con un sistema propio: Inicio como tablero, sesión limpia y comunidad con clubes.

Antes de rediseñar hice una revisión heurística propia del prototipo de 2023: áreas táctiles de 36 px, campos sin etiqueta, un cronómetro con poco contraste y una retroalimentación que no llegó a pantalla. Sirvió para priorizar; no reemplaza una prueba con usuarios.

04 · Decisiones

Cuatro decisiones que cambian la experiencia

Decisión 01

Inicio como tablero, no como estantería

La pantalla principal de 2023 abría con la estantería completa. Ahora responde una sola pregunta: qué estabas leyendo y cómo retomarlo. La racha y la meta del día se ven sin entrar a estadísticas.

Responde a

Tres destinos y ningún inicio

Inicio y posicionamiento en Lecto

Decisión 02

Una LectoSesión sin distracciones

El protagonista es el libro en papel, la forma de leer que prefirieron los entrevistados. Cronómetro a 64 px, foto y nota a un toque —para anotar sin rayar el libro— y modo noche para leer con poca luz.

Responde a

La sesión competía con su fondo

Sesión activa en modo claro y en modo noche

Decisión 03

Cerrar el ciclo al terminar

El user flow pedía retroalimentación al final de cada sesión. El resumen reúne tiempo, racha y notas, y propone compartirlo como estado, editable antes de publicar.

Responde a

La retroalimentación no llegó a pantalla

Resumen de sesión y compartir estado

Decisión 04

Comunidad cercana: clubes y encuentros

Los entrevistados preferían grupos pequeños y afines a sus gustos, no foros grandes. La comunidad pasa de un feed a clubes cerca de ti y encuentros locales con fecha, hora y lugar.

Responde a

Grupos pequeños y por gustos

Clubes cercanos y eventos locales

05 · Identidad visual

Cálida y hogareña, ahora como sistema

El lenguaje visual parte de SproutQuest, mi proyecto anterior, y cambia el verde por la paleta tierra original de Lecto. La estructura —roles de color, escala tipográfica, forma y componentes— sigue Material 3.

Logo final

Un solo libro visto en tres cuartos: el lomo y el canto de las páginas dibujan la L y la tapa se separa con una franja de espacio negativo. El símbolo reemplaza la L de «Lecto».

Construcción

Retícula de 40 × 40 con módulos de 4. Lomo con esquina superior redondeada, tapa con esquinas superiores redondeadas y canto de páginas con una línea de extremo redondeado.

Variaciones del logo

Todas usan la paleta de la app: las bicolor separan la L de la tapa y las monocromas sirven para fondos de color y usos de una sola tinta.

Tipografía

Literata
Títulos, cifras y citas
Roboto
Interfaz y texto

Sistema de diseño

Variables con modo Claro y Noche, estilos y componentes de Figma. Todos los textos de las pantallas usan uno de los 15 estilos.

  • 30colores base en uso
  • 26roles de color en uso
  • 15estilos de texto

Accesibilidad

Pensada para leer con el teléfono sobre la mesa

  • 36 px→48 px

    Altura mínima de botones y controles. El control principal de la sesión mide 88 px.

  • Sin etiqueta→Con etiqueta

    Campos delineados con etiqueta siempre visible, texto de ayuda y estado de error.

  • Claro→Noche

    La sesión activa cambia a modo noche con las mismas variables, para leer con poca luz.

Componentes

Botones en cinco estilos y tres estados, chips, tarjeta de libro, control de la sesión, días de racha, ranking, datos y publicaciones. 20 componentes con variantes están en uso en las pantallas.

06 · Prototipo y validación

Un prototipo navegable, aún sin probar con usuarios

Las decisiones salen de tres entrevistas, las personas, el mapa y el flujo de 2023 y una revisión heurística. El siguiente paso es probarlo con lectores reales.

Pantallas

30

en seis flujos, más la sesión activa en modo noche.

Interacciones

116

con barras fijas al hacer scroll y animación inteligente en la navegación.

Puntos de inicio

3

recorrido completo, usuario registrado y LectoSesión.

Componentes

20

con variantes en uso, sobre variables con modo Claro y Noche.

Prueba propuesta

Cinco lectores de 18 a 25 años, 30 minutos

  1. T1

    Registrar una sesión de lectura con una nota.

    Por probar
  2. T2

    Añadir un libro que no está en el catálogo.

    Por probar
  3. T3

    Encontrar un club cercano y su próximo encuentro.

    Por probar
  4. —

    Medir tareas completadas, tiempo por tarea y SUS.

    Métricas

Las cifras de esta sección describen el prototipo, no su uso. La prueba es el siguiente paso antes de seguir iterando.

Pendiente de diseño

  • Chat entre amigos, previsto en el mapa original de 2023.
  • Estados de carga, error y sin conexión, y portadas reales desde un catálogo de libros.
  • Modo noche para todas las pantallas, no solo la sesión y la bienvenida, y edición de perfil y ajustes.

Lo que ya cubre el prototipo

  • Registro y personalización en tres pasos: géneros, autores y meta diaria.
  • La sesión completa: comenzar, pausar, nota, terminar, resumen y compartir.
  • Los cuatro destinos con el indicador animado de la navegación inferior.

07 · Cierre

Lo que aprendí y lo que sigue

Aprendizaje

Siempre hay algo que corregir, probar y mejorar.

Lo escribí en 2023 y el rediseño lo confirmó: mirar el proyecto con distancia mostró áreas táctiles pequeñas, campos sin etiqueta y una retroalimentación que nunca llegó a pantalla. Un sistema con variables y componentes permitió corregirlo sin perder consistencia.

Próximos pasos

  • Probar con cinco lectores las tres tareas propuestas y medir con SUS.
  • Diseñar el chat entre amigos del mapa original.
  • Estados de carga, error y sin conexión.
  • Portadas reales desde un catálogo de libros.

Siguiente caso

Spotify: proyecto de estudio y rediseño

Ver caso →