Mobiledevcon - MercadoLibre web mobile
-
Upload
pablo-moretti -
Category
Technology
-
view
437 -
download
0
description
Transcript of Mobiledevcon - MercadoLibre web mobile
![Page 1: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/1.jpg)
Web Mobile MercadoLibreLa experiencia de construir una web mobile, todo lo que aprendimos y lo que tuvimos que olvidar.
@elsantob @fedecodino
![Page 2: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/2.jpg)
Web vs App
La respuesta depende del contexto, decidimos que teníamos que hacer las dos.
La app permite garantizar una experiencia nativa, más rápida y soporta las funcionalidades nativas del teléfono
La web funciona en todos lados, no necesita ser instalada y es muy efectiva para landings de e-mails
![Page 3: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/3.jpg)
User Agent vs Media Queries
La respuesta depende del contexto, decidimos que teníamos que hacer las dos.
Adapto mi diseño para que pueda visualizarse bien en los distintos formatos de pantallas
Optimizamos la descarga de información entendiendo que dispositivo está haciendo la petición
![Page 4: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/4.jpg)
Bien, ¿y entonces? ¿cómo lo encaramos?
![Page 5: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/5.jpg)
![Page 6: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/6.jpg)
![Page 7: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/7.jpg)
![Page 8: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/8.jpg)
● Solo lo imprescindible● Nuevos patrones● Contexto
![Page 9: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/9.jpg)
![Page 10: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/10.jpg)
![Page 11: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/11.jpg)
El javascript puede fallar...
![Page 12: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/12.jpg)
![Page 13: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/13.jpg)
![Page 14: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/14.jpg)
![Page 15: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/15.jpg)
![Page 16: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/16.jpg)
![Page 17: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/17.jpg)
![Page 18: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/18.jpg)
![Page 19: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/19.jpg)
![Page 20: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/20.jpg)
Algunos resultadosy lecciones aprendidas
![Page 21: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/21.jpg)
![Page 22: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/22.jpg)
![Page 23: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/23.jpg)
¿ Y las tablets?... (algunos mistakes)
![Page 24: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/24.jpg)
![Page 25: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/25.jpg)
![Page 26: Mobiledevcon - MercadoLibre web mobile](https://reader033.fdocument.pub/reader033/viewer/2022050920/5488e4cfb47959f10c8b5833/html5/thumbnails/26.jpg)