Retro

1. Cine Retro
Fernando
Sanchez

2. El producto:
Una app para encontrar información referente a Cine
de Arte, el cual no es comercial ni se puede encontrar
fácilmente en otras aplicaciones.
Descripción del Producto
Duración del Proyecto:
Agosto a Noviembre 2023.

3. El problema:
La falta de aplicaciones especializadas en Cine
Retro para encontrar peliculas de este género.
Descripción del Proyecto
El objetivo:
Diseñar una app que permita buscar y
encontrar peliculas de Cine Retro de una
manera cómoda y agradable

4. Mi rol:
Diseñador UX trabajando en una app para Cine
de Arte.
Descripción del Proyecto
Responsabilidades:
Realizar entrevistas, diagramas en papel y
digitales, prototipos de baja y alta fidelidad,
estudios de usabilidad, interacción y
accesibilidad de los diseños.

5. Entendiendo al
Usuario
● Investigación de Usuarios
● Personas
● Planteamiento del Problema
● Journey maps del usuario

6. Investigación del usuario: resumen
Las aplicaciones móviles de películas cada día toman más importancia, la gente que gusta del cine y las películas
busca información referente a las nuevas exhibiciones que habrá.
Sin embargo, existen gran cantidad de sitios web y aplicaciones que no cuentan con una manera de
personalizarse a los diferentes gustos de los usuarios.
La mayoría de los verdaderos aficionados al cine, no quieren saber de todas las películas que salen a cartelera,
sino de las que tienen temas en particular que a ellos les gustaría seguir.
Durante la investigación me encontré con que existen personas con gustos muy particulares de cine, a las
cuales se les podría brindar una plataforma en la cual pudieran personalizar estos gustos y ahí encontrarán
todo lo que ellos están buscando.
Uno pensaría que tener un sitio con todas las películas exhibidas y por exhibir sería suficiente para los cinéfilos,
pero no es asi, ellos prefieren tener información más acotada a sus gustos y preferencias.

7. Investigacion de usuario: puntos debiles
Demanda
Demasiados sitios para
ver teaser o trailers de
películas, muchos de los
cuales son inútiles.
1
Contenido
Plataformas con demasiado
contenido de películas de todo
género.
2
Diseño
No se pueden personalizar
las preferencias al gusto
de los cinéfilos.
3
Acceso
Los sitios, en su mayoría,
solo son para películas
comerciales y no de otros
géneros, como el cine de
arte.
4

8. Clara Santiago
Edad:
Educacion:
Vive en:
Familia:
Ocupacion:
“El cine antiguo es el reflejo de la sociedad de
un México que ya no está”
Metas
● Asistir a una sala de
cine retro.
● Vivir una experiencia
completa en el.
● Ver una película
interesante de cine
antiguo.
Frustraciones
● No encuentra salas de cine
para ver películas retro.
● Cuando se proyecta alguna
película antigua, es en cines
modernos.
● No le entusiasma ver estas
películas remasterizadas.
Clara es una persona dedicada y responsable con el gusto por la cultura,
y el cine antiguo. Le gusta leer e ir a ver películas de este tipo, quisiera
tener una experiencia de cómo era ir al cine en los años 70 u 80 para
saber cómo eran las salas, como las dulcerias, los boletos de entrada, etc.
35
Administracion
Ciudad de México
Soltera
Ejecutivo

9. Empathy Map
● Qué es lo que te atrae para ver una película en un cine retro?
● Cual crees que sería la experiencia al ver una película en un cine retro?
● Cómo te imaginas que es estar dentro de un cine retro?

10. SAYS THINKS
FEELS
DOES
User
Quisieran la
experiencia
completa de un
cine retro
Llegan a la sala y van
a la taquilla y dulcería
para empezar la
experiencia de su
visita.
“Cómo se sintieron al
ver que solo el cine es
retro y no toda la
experiencia”
Frustrados, tristes,
decepcionados.
Quisieran boletos
impresos y no digitales.
Expendios de dulces a
la antigua. Expectantes.
Arturo

11. SAYS THINKS
FEELS
DOES
User
Quisieran ver
peliculas nuevas
en cines retro.
Van a las salas de
cine retro para
saber si hay
peliculas nuevas
en ellas.
“Cómo se sintieron al
ver que solo se exhiben
películas antiguas”
Tristes, desilusionados,
un poco molestos.
Se ven emocionados.
Intrigados en cómo
será un cine retro.
Ansiosos por ver.
Marcela

12. User Story

13. USER STORY
As a/an
I want to
so that
type of user
action
benefit
.
Una ejecutiva de una firma de abogados y apasionada del cine antiguo.
Pueda tener la experiencia completa de ver una pelicula en un cine retro
Poder asistir a ver una pelicula antigua en una cine antiguo.
Clara Santiago

14. Journey Map

15. Persona: Clara
Goal: Poder tener una experiencia de ver una película antigua en una cine antiguo.
.
ACTION Buscar cines retro
Encontrar cines
retro
Escoger a cuál
asistir
Llegar y empezar
la experiencia
Al término de la
película
TASK LIST
A. Buscar cines
B. Ver qué películas
se exhiben.
C. App
A. Usar app
B. Disponibilidad y
horarios
C.Rutas de acceso
A. Seleccionar cine
B. Organizar su
salida.
A. Comprar su
boleto impreso.
B. Ver como es la
dulceria
C. Entrar a la sala
A. Esperar a que
enciendan luces
B. Ubicar la salida
más cercana
C. Salir
FEELING
ADJECTIVE
Interesada
Expectante
Emocionada
Preparada
Contenta
Alegre
Expectante
Atenta
Feliz
Expectante
Emocionada
Decepcionada
Feliz
Triste
IMPROVEMENT
OPPORTUNITIES
Una plataforma que
muestre varias
opciones de este
tipo de cines.
Rutas de acceso en
transporte público
o por otros medios.
Formas de pago Iluminación e
indicaciones de
rutas.
Salida ordenada
Encuestas de
opinión.

16. Problem Statement

17. insight
user need
user characteristics
because
is a/an
user name
who needs
.
PROBLEM STATEMENT
Le gusta el cine antiguo y lo que conlleva ver películas de este tipo.
Vivir la experiencia de ver una película antigua en un cine retro.
Clara ejecutiva

18. ● Wireframes en papel
● Wireframes digitales
● Prototipo de baja fidelidad
● Estudio de usabilidad
Empezando el
diseño

19. Wireframes de papel
Se realizó un primer
acercamiento a lo que sería
la pantalla principal de la
aplicación, considerando
diversos formatos de
presentación.

20. Wireframes de papel
Tomarse el tiempo para
redactar iteraciones de cada
pantalla de la aplicación en
papel aseguró que los
elementos que llegaron a
los wireframes digitales
fueran adecuados para
abordar los puntos débiles
de los usuarios.

21. Prototipo de baja fidelidad
Utilizando el set completo de
wireframe digital, cree un
prototipo de baja fidelidad.
Realice un flujo sencillo de un tipo
de películas para que se pudiera
hacer un estudio de usabilidad.
Modelo de baja fidelidad
low-fidelity prototype

22. Estudio de usabilidad
Se realizaron un estudio de usabilidad que arrojó los siguientes resultados.
Algunos participantes tuvieron problemas en el manejo de la app.
1
Algunos participantes comentaron que no les resultó tan sencillo utilizar la app
2
Durante el manejo de la aplicación, algunos usuarios comentaron que les
gustaría tener algunas otras opciones.
3
Resultados

23. ● Mockups
● Prototipo de Alta Fidelidad
● Accesibilidad
Refinando
el diseño

25. Mockups

26. Mockups
Los primeros diseños permitieron cierta personalización, pero después de los estudios de
usabilidad, agregue otras opciones. Revisé el diseño para que los usuarios pudieran ver más
información de las películas.
Antes

27. Mockups
Posterior al estudio de usabilidad, tomando en cuenta las opiniones de los usuarios, realice algunas
modificaciones.
Despues

28. Mockups

29. Prototipo de alta fidelidad
El prototipo final de alta
fidelidad presentó flujos de
usuario más limpios en el
proceso. También facilitó la
navegación y procesos del
usuario al utilizar la app.
Modelo de alta fidelidad
hi-fidelity prototype

30. Consideraciones de accesibilidad
Proporcionar acceso a
usuarios con
problemas de visión
mediante la adición de
texto alternativo a las
imágenes para
lectores de pantalla.
Usar iconos que
facilitan la navegación
Usar imágenes
detalladas para que el
usuario entienda
mejor el uso de la
app.
1 2 3

31. ● Takeaways
● Siguientes pasos
Hacia adelante

32. Takeaways
Impacto:
La app cumple con las necesidades y gusto de
las personas que la utilizan. Encuentran una
mejor maner de satisfacer sus gustos y
necesidades.
Una nota de feedback de un usuario:
“Me gusta mucho poder tener la información del
cine que me gusta en un solo lugar y no tener que
buscar por todos lados.”
Que aprendi:
Mientras diseñaba la aplicación Movie Art App,
aprendí que las primeras ideas para la
aplicación son sólo el comienzo del proceso.
Los estudios de usabilidad y los comentarios
de los pares influyen en cada versión de los
diseños de la app.

33. Siguientes pasos
Lleve a cabo otra ronda de
estudios de usabilidad para
validar si los puntos débiles
que experimentaron los
usuarios se han abordado
de manera efectiva.
Realizar más
investigaciones de
usuarios para determinar
nuevas áreas de
oportunidad.
1 2

34. Estamos en contacto!
¡Gracias por tu tiempo revisando mi trabajo en la aplicación Cine Retro App! Si estás
interesado en conocer más o ponerse en contacto conmigo, a continuación
encontrarás mi información de contacto.
Email: fsanchez@email.com
Website: fsdesign.uxportfolio.com