Como mejorar la UI/UX de un producto, y como encarar side-projects.

1. Que ir al cine no sea
un drama 😱
Leonardo Galante - @lndgalante
Front-end Developer

2. Netflix vs Cinemark
Google Trends

3. UX? Con qué se come?

5. Pain Points
• Alerta para pedir permisos para usar de la API geolocalización
• Mensaje de alerta de Cookies con mensaje de Privacidad
• Las interfaces oscuras son ideales debido a que nos podemos
enfocar mejor pero muy difíciles de lograr
• Intuitivamente el usuario iría al select de “Selecciona una
película” tiene más de 40 opciones.
• En el select de “Selecciona un cine” contamos con 23 cines
• No hay un buscador por película y buscador por cine
• Hay que ir clickeando cada día para poder ver los horarios
respectivos

6. Puppeteer to the rescue

8. Algunos clientes un poco enojados….

9. No todo lo que brilla es oro
• Correr el script de Puppeteer tarda ~30s
• Google Cloud Platform gastos de ~8usd / mes
• Cache alta ➡ datos desactualizados
• Propenso a fallas del DOM
• Datos entrelazados

10. Encontramos un endpoint!!

12. It’s alive!!

13. Info del Cine /
Búsqueda por película

14. Quick View /
Puntuación

15. Posters en HQ /
Géneros x Emojis

16. Cines ordenados por cercanía /
Búsqueda por Cine

17. Tabla de Horarios /
Compartir funciones

18. PWA: La 🍓 del postre

19. Qué sigue?
• Mejorar velocidad de la API
• Notificaciones de nuevos estrenos
• Cantidad de asientos disponibles por función
• Top de las películas más vistas 🔥
www.zaslavarello.com

20. Side-projects: DISCLAIMER
• No tenes que hacerlos sino querés
• Los side-projects no te hacen más apasionado
• Los side-projects no te hacen mejor programador
• Los side-projects no te hacen mejor profesional
www.zaslavarello.com

21. Side-projects: Para qué?
• Implementar nuevas tecnologías
• Participar en proyectos OSS
• Trabajar con distintas personas
• Ampliar y/o mejorar tu portfolio
• Otra batalla ganada contra el Síndrome del Impostor
www.zaslavarello.com

22. Side-projects: Cómo?
• Primero lápiz y papel
• Busca problemas reales
• Ignora las mejores prácticas ( al principio )
• Usa Twitter como plataforma de testeo y feedback
• Acepta contribuidores a tu proyecto
• Ser consistente
• Motivarse con los side-projects de otros devs

23. 🙇
Link: https://estrenos.sh
Tweet: https://bit.ly/tweet-estrenos
Gracias a @hdf1996, @juansalvatore, @_mikirobles,
@NachoAzulgrana, @Qplusplus, @AndreusCafe, @mirandajignacio,
@HancLeandro, @pablolagger, @maurodibert, @ceneon