¡Creemos una

ciudad de lectores!
“Lectopolis” Es una aplicación que integra todas las
funciones lectoras en una sola. Crear salas de debates,
dejar reseñas en los libros, poder llevar registro de
lecturas que se han realizado, y de los libros que se
desean leer más adelante para no olvidarlos y un apartado
donde los usuarios pueden interactuar con las historias.

El objetivo de Lectopolis es crear espacios de intercambio

entre los usuarios, ¡crear una completa comunidad de
lectores! generar vínculos que apoyen y estimulen de
forma favorable la lectura y escritura.
 BUSCAR CREAR
Libros, reseñas, Salas, Reseñas,
salas, historias. historias

CONECTAR DESCUBRIR
Con personas de todo ¡Nuevos mundos!
el mundo y con los
mismos intereses.
 PROBLEMA
En la actualidad muchos son los usuarios que ingresan día a día en internet
para buscar información, leer comentarios o reseñas con explicaciones de
libros. Sin embargo, estos espacios se encuentran seccionados.
Hoy en día podemos encontrar varias aplicaciones de comunidades

Sobre
virtuales de catalogación de lecturas. De todas maneras, no se hallan
espacios en las mismas donde se pueda debatir sobre ellas, continuarlas y
crear un registro de lo leído en un solo lugar.

Lectopolis y OBJETIVO

los objetivos Crear espacios de intercambio entre los usuarios, que puedan brindar
información y reflexión sobre los temas planteados. que pueda crearse una
comunidad que apoye y estimule de forma favorable la lectura y escritura.

de la App.
SOLUCIÓN
La pretensión de este proyecto es que todas estas partes puedan converger
en una misma aplicación. Un apartado donde los usuarios puedan
interactuar con la historia, crear salas de debate Y donde llevar un registro
de las lecturas que han realizado, de los libros que desean leer más
adelante y de lo que se está leyendo en este momento.
Proto personas Se genero un arquetipo de persona para la aplicación que
representa el concepto de pensamiento desde un punto de vista
centrado en el Usuario.
 Benchmarking Para lograr una buena investigación buscamos a nuestra
competencia directa en el mercado para mejorar y diferenciarnos
de ellos. En este caso las 3 App más populares.

Luego de hacer el benchmark, se concluye que la aplicación

Alibrate es la más atractiva visualmente y la que mejor
resuelve los temas de usabilidad. La utilizaremos como
Fortaleza: El diseño es limpio y modelo para la App, modificando los conceptos que
espaciado. y en general tiene una
observamos en los diferentes feedback con usuarios.
navegación fluida.

Fortaleza:
Contempla un buen
diseño de Fortaleza: Diseño y organización de las
navegación al secciones intuitiva y ágil.
momento de la
búsqueda y la
selección. Contiene Debilidad: La
un vocabulario navegación es
objetivo y concreto. más dificultosa en
comparación a las
Debilidad: Cuenta con algunas dificultades al otras aplicaciones,
momento de realizar algunas acciones como por en cuanto a pasos
ejemplo al realizar una crítica. Que no es visible el a seguir.
Debilidad: Resulta confuso el
boton y eso lo hace confuso.
botón de explorar en la pantalla de
inicio, ya que al tocarlo, como se
mencionó antes, la pantalla no se
modifica. La búsqueda la tenes
que realizar solo con la barra
superior.
 Miranda vive en la plata y actualmente es estudiante de

POV: medicina. La mayoría de su tiempo se lo pasa leyendo. A

veces temas de estudio, y cuando puede, literatura fantástica

Miranda
que es lo que más le gusta.
Miranda necesita poder hablar de esos libros con alguien!
porque a menudo siente que sus amigos critican o

(Usuario) desmerecen lo que lee y no se siente cómoda con ellos.

se presenta una declaración

significativa y sintética del problema,
un punto de vista de usuario
investigado para poder enfocar el
prototipo y las necesidades del mismo.
 MVP
Producto viable mínimo
Llevar un registro de lecturas
Marcar los libros ya leídos
(poner puntuación de 1 a 5 estrellas)
Marcar los libros que quiero leer
(apartado de deseos de lecturas para,
por ejemplo, el 2022)
Dejar reseñas
Al marcar un libro como leído, se podrá dejar una
reseña del mismo (sin spoilers) que quedara por
debajo del título, para que otros la lean.
(Se obtendrán puntos por reseñas.
Aportará a la sección de lo más comentado en el
mes.Facilitando a otros usuarios nuevos títulos).
Se realizo el siguiente esquema del Mínimo Producto Viable
teniendo en cuenta los objetivos propuestos para la App y para
satisfacer las necesidades del usuario investigado. Estos son los
conceptos que buscamos tener en nuestra aplicación.
Crear salas de debate
Públicas: donde cualquier usuario puede
ingresar a participar.
Privadas: donde se ingresa con contraseña.
(Que puedan debatir sobre los criterios de
escritura y decisiones que tomo el autor).
Crea tu historia!
Poder resignificar escenas, finales,
desarrollo de personajes.
(Crear narraciones desde el punto de vista
de otros personajes.
Poder completar vacíos argumentales.
continuando con la historia o cambiando
parte de ella).
 Como resultado, podemos observar que tarjetas
(conceptos) se agruparon en un mismo grupo y el

Cardsorting nombre de la categoría que le dieron los usuarios.

Una de las conclusiones por ejemplo:

64%
De los participantes ubico en el mismo grupo a las etiquetas de:
Lo mas leido del mes, notificaciones y mensajes. Nombrando a
Se realizó un Cardsorting abierto con la
herramienta optimal workshop. la categoría como: Notificaciones, Informaciones. Se decidió
finalmente colocarle el nombre de MENSAJES a la sección.
Se contó con 15 participantes, pero solo 11
terminaron la encuesta.
Algunos realizaron la actividad de forma
remota y otros de forma presencial.

Link de la actividad
Matriz de similitud
Para llegar a un primer boceto de arquitectura de información, se
realizó un estudio en optimal workshop, donde los usuarios de
nuestra app, ordenaron las categorías en diferentes grupos.

La Matriz de similitud nos permite observar la

cantidad de veces que se emparejan ciertas tarjetas,
como mencionábamos en la actividad anterior.

Por ejemplo:
La mayoría de los usuarios emparejaron la tarjeta de
busqueda con la de reseñas, en un 90%. Como
también la tarjeta de salas de debate con la de
continua tu propia historia en un 70%.
Los mensajes con las notificaciones en un 90%

De esta manera organizamos todas las secciones de

la aplicación.
Arquitectura de Este primer bosquejo de arquitectura de información se crea en base a

la información
los resultados obtenidos en las actividades anteriormente mencionadas.
Pueden ver la arquitectura completa AQUI

Teniendo en cuenta los datos obtenidos en el Cardsorting, se organizó la información utilizando como
herramienta whimsical para desarrollar su estructura. Inicialmente este fue el modelo con el cual se
comenzó a prototipar. sin embargo, a medida que se avanzaba con el diseño se modificaron cuestiones.

La sección explorar se establece con una barra de búsqueda y no con una sección individual. Al igual que la
sección perfil que finalmente no se ubicaría en la Nav Bar.
 Taskflow
El taskflow permite enfocarnos en las tareas que tiene que realizar
el usuario en cada paso para llegar a un objetivo. Se centra en
cómo el usuario viaja a través de la app, mientras realiza una tarea
específica.

Usuario que desea poder En este caso elegimos la tarea de dejar un mensaje en una sala de debate que es una
hablar con otras personas de las acciones centrales de la App. El camino para realizarlo es el siguiente:
sobre los libros que lee

El usuario El usuario El usuario elige la El usuario lee los El usuario deja

entra en la observa las salas sala a cual mensajes de un mensaje en
sección Salas. disponibles. entrar. otros usuarios. la sala.
 Ver el userflow completo hacer clic Aquí

SALAS DEBATES

ELEGIR DEJAR
SALA ABIERTAS COMENTARIO

CERRADAS ERROR

NO

PONER PONER DEJAR

CONTRASEÑA ¿ES CORRECTA? SI CONTRASEÑA COMENTARIO
 Para ello se fue pasando por muchas etapas
hasta dar con el diseño final.

Comenzamos Comenzamos con los wireframes a mano, y se

realizaron pruebas de usabilidad cada vez que se

a crear el
hacían cambios importantes en el prototipo.

Así se fueron descubriendo nuevas características

prototipo a modificar.
Al realizar la aplicación en distintas etapas
permitió que la app fuera tomando reflexiones
importantes en cada proceso.

Finalmente al utilizar colores, imágenes e íconos

permitió jerarquizar aún más las acciones que se
querían del usuario.
 Wireframes
Las modificaciones del diseño fueron variando como consecuencia del
feedback que se tuvo con otros usuarios. A partir de esas conclusiones
llegamos a los siguientes frames.
Pueden ver los frames completos en baja y media fidelidad Aqui y Aqui

Por ejemplo: se
eliminó la lupa de
búsqueda de la Tab
Bar, en cambio se
coloco una barra de
búsqueda en la parte
superior y la tab bar
quedo con 4 iconos
solamente:
HOME
MIS LIBROS
SALAS
MENSAJES

En un comienzo la pantalla de HOME solo iba a tener las Ultimas reseñas. Sin embargo a medida que avanzaban las interacciones con
usuarios se decidió colocar también una sección de Notificaciones. La cual al momento de realizar las pruebas de usabilidad se acorto
la información porque mencionaban que ocupaba mucho espacio y dificultaba la relación con la información de la pantalla.
 Pruebas de El objetivo es Descubrir si los usuarios pueden cumplir la tarea sin

Usabilidad
dificultades. Ver la fluidez con la que recorren la App y escuchar las
dificultades que se les fueron presentando.

EJEMPLO
ESCENARIO HIPOTÉTICO:
Acabas de terminar de leer un libro y
tienes mucha necesidad de conversar
de él con alguien así que abres la App.
TAREA PARA EL USUARIO:
Usando la app, busca el libro y deja un
comentario en una sala de debate.
LO QUE FUNCIONÓ:
Funcionó la categorización de la información, algunos
usuarios accedieron a dejar un comentario por la barra
de búsqueda como por el acceso a las salas.
(Ambos caminos son correctos).
Todos pudieron concretar la tarea.
Los usuarios mencionaron que es intuitivo.

LO QUE NO FUNCIONÓ Y SE TUVO QUE MODIFICAR:

CRITERIO DE ÉXITO:
La lupa en la pantalla de respuesta que no entendían
Debe llegar a la página donde queda
para qué estaba en ese lugar.
fijado su comentario.
Se dificulto un poco encontrar el botón de Respuestas,
para contestar el post así que lo resaltamos más.
Hicimos estos cambios porque buscábamos que la
experiencia sea fluida a la hora de utilizarla.
 Diseño final
del HOME
Al realizar la aplicación en distintas etapas
permitió que la app
tuviese modificaciones en cada proceso.
En conclusión el prototipo fue avanzando
gracias a los testeos y pruebas realizadas.
Ver el wireframe final Aquí
por ejemplo el Home finalmente cuenta con
una sección de notificaciones más acotada a
la inicial y una sección de últimas reseñas
añadidas.
Luego se realizó un moodboard y ui kit para
definirlo en cuanto al estilo que iba a llevar.
Lo veremos a continuación.
 Moodboard
Inspirado en un espacio de donde podamos conectar con otros usuarios y
compartir pensamientos e ideas.
¡Un lugar de intercambio que no deja de ser divertido!

Para la creación del

moodboard,
se pensó en los
siguientes conceptos:

- Diversión
- Interacción
- conocimiento

Concluimos pensando en la
aplicación como un lugar de
encuentro, de distención y
creatividad.

Tomamos todos estos

aspectos para volcarlos en
el diseño de la App.
 UI Kits Todo el sistema de UI KIT se basó en el sistema operativo
de Android - Material (Íconos y formas).

Al utilizar colores, imágenes e

íconos permitió jerarquizar aún
más las acciones que se querían.

las aplicaciones de la
competencia, utilizan colores
mas neutros, así que decidimos
incorporar colores mas calidos,
que sean llamativos y den mas
caracter y personalidad a las
app.
Finalmente a través de todo el proceso llegamos a
crear los Frames finales con el siguiente diseño
Principios de 10 principios de diseño basados en el usuario que nos acercan a cumplir con

Heurística
el concepto de Usabilidad (Facilidad de Uso) definidos por Jakob Nielsen.
A continuación se muestra la evaluación que se le realizo a nuestra app.
Logo
El logo esta inspirado en los inicios de las
grandes bibliotecas del mundo, lugar de
debate y encuentro en la antigüedad.
¡Creemos nuestra propia polis!
¿Te gusta mucho leer y no tenes con quien comentar tus libros?
¿o sentís que el final de tu historia favorita necesita otro final?
Lectopolis es una aplicación que reúne ambas funciones. Un apartado donde los usuarios pueden
interactuar con la historia de la forma en que lo deseen (por ejemplo: continuarlas, cambiarles el
final, etc) y donde también puedan crear salas de debate para intercambiar opiniones en salas
tanto públicas como privadas.
¡No solo eso! además cuenta con la posibilidad de llevar un registro de lecturas que se han
realizado, y de los libros que se desean leer más adelante para no olvidarlos.

En la actualidad no existe una aplicacion que reuna todas estas posibilidades, y se tiene que tener
varias de las mismas para poder realizar cada acción.
El objetivo de Lectopolis es crear espacios de intercambio entre los usuarios, ¡crear una completa
comunidad de lectores! generar vínculos que apoyen y estimulen de forma favorable la lectura y
escritura.

Así que ¿Queres ser parte de esta gran ciudad virtual?

Sumate a Lectopolis y cambia el final de tu libro favorito.
Pueden ver el prototipo final Aquí