Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Que ir al cine no sea un drama

143 views

Published on

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

Published in: Software
  • Be the first to comment

  • Be the first to like this

Que ir al cine no sea un drama

  1. 1. Que ir al cine no sea un drama 😱 Leonardo Galante - @lndgalante Front-end Developer
  2. 2. Netflix vs Cinemark Google Trends
  3. 3. UX? Con qué se come?
  4. 4. 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
  5. 5. Puppeteer to the rescue
  6. 6. Algunos clientes un poco enojados….
  7. 7. 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
  8. 8. Encontramos un endpoint!!
  9. 9. It’s alive!!
  10. 10. Info del Cine / Búsqueda por película
  11. 11. Quick View / Puntuación
  12. 12. Posters en HQ / Géneros x Emojis
  13. 13. Cines ordenados por cercanía / Búsqueda por Cine
  14. 14. Tabla de Horarios / Compartir funciones
  15. 15. PWA: La 🍓 del postre
  16. 16. 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
  17. 17. 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
  18. 18. 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
  19. 19. 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
  20. 20. 🙇 Link: https://estrenos.sh Tweet: https://bit.ly/tweet-estrenos Gracias a @hdf1996, @juansalvatore, @_mikirobles, @NachoAzulgrana, @Qplusplus, @AndreusCafe, @mirandajignacio, @HancLeandro, @pablolagger, @maurodibert, @ceneon

×