Uber PWA: el estudio de caso perfecto para la aplicación web progresiva

¿Alguna vez te ha impresionado lo fácil y rápido que es llamar a un taxi de Uber? ¿Te preguntas cómo Uber puede hacer eso? Uber debe invertir en alguna tecnología o algo para brindarnos una experiencia tan fluida, pero ¿qué es exactamente y cómo podemos aprender al respecto? Si alguna vez ha usado Uber PWA, notará las diferencias entre Uber PWA y otras aplicaciones nativas. Es rápido, potente y funcional como una aplicación normal, pero no lo es. Como sugiere el título, es posible que sepa algunas cosas, así que profundicemos en este estudio de caso.

Una descripción general de Uber

Uber Technology fue una exitosa empresa representativa del siglo XXI que utilizó el poder de la tecnología para ayudar a las personas. Fundada en 2009, esta empresa emergente aspirante con una idea simple pero brillante rápidamente se volvió fenomenal, revolucionando la industria del transporte público y los taxis.

El concepto no es nuevo en muchos países. Sin embargo, es bastante escandaloso para la mayoría de los occidentales permitir que los pasajeros tomen un viaje de conductores independientes y paguen las tarifas.

Actuando únicamente como un tercero para conectar la necesidad y la oferta, Uber todavía es testigo de un crecimiento explosivo y se ha convertido en una de las empresas más fascinantes a pesar de estar rodeada de numerosas controversias.

Declarando "Encendemos oportunidades al poner el mundo en movimiento", Uber establece su misión de proporcionar servicios de transporte dedicados y confiables para todos en todo el mundo.

Hasta el día de hoy, Uber actualmente ocupa más de 118 millones de usuarios en crecimiento, más de 3,5 millones de conductores de servicio activo y ganancias de $ 26,61 mil millones en ingresos en las reservas totales de su negocio de viajes compartidos en 2020.

¿Cómo ayuda PWA a las empresas basadas en servicios a prosperar?

La fórmula ganadora para que las empresas sobrevivan en esta era digital comienza y termina brindando experiencias de usuario exquisitas más allá de los límites tradicionales.

A medida que las empresas de tecnología aumentan en cantidad y calidad, los bienes digitales o los servicios basados ​​en la información, como Uber, Tinder y Netflix, tienen que mejorar en el servicio al cliente que simplemente atender sus quejas y consultas por correo electrónico o por teléfono.

El punto de contacto más importante que tienen en común estas plataformas digitales es confiar en sitios web o aplicaciones móviles para comunicarse con su público objetivo. Es el linaje de los negocios en línea, la fuente de los rendimientos.

El mayor anhelo de los innovadores es encontrar la solución que complete la pieza faltante, la respuesta técnica para mejorar la experiencia del usuario detrás de las pantallas. En 2015, los ingenieros de Google acuñaron el nombre Progressive Web App, la nueva tecnología web que adopta lo mejor de las características de la web y las aplicaciones nativas.

Hay 2 tendencias principales en consideración de cómo PWA ayuda a las empresas basadas en servicios a sus coronas.

En primer lugar, el peso de la página aumentará con el tiempo con el aumento de la base de datos, pero también lo hará el ancho de banda. Por lo tanto, los sitios web serán más lentos y pesados, por lo que tenemos procesos de optimización concurrentes.

PWA puede interrumpir las solicitudes de red con los trabajadores del servicio para minimizar la latencia de ida y vuelta y los recursos del sitio de almacenamiento previo en caché para crear una carga instantánea desde la segunda visita. Este almacenamiento en caché permite a los desarrolladores concentrarse en la velocidad del sitio web y optimizar el tiempo de carga en tan solo 3-5 segundos.

En segundo lugar, el comercio electrónico ha cobrado impulso para la comodidad de compradores y vendedores. Entre las tendencias, el comercio móvil parece ser el tipo más lucrativo, con un crecimiento triple de usuarios durante una década.

Dado que el trabajador del servicio se ejecuta en segundo plano, puede responder a eventos o procesos del sistema operativo. Esta capacidad permite que PWA envíe notificaciones emergentes a dispositivos móviles Android. iOS, por otro lado, se niega a admitir esta función, pero a medida que crece la reputación de PWA, creemos que Apple tendrá que cambiar de opinión.

Los desafíos de Uber antes de la integración de PWA

Uber quiere continuar creando una revolución y dominando la economía de viajes compartidos al mantenerse al día con sus avances tecnológicos.

Quieren brindar a sus usuarios una oportunidad de acceso rápido, actualizada y útil para usar su servicio en cualquier momento, especialmente en caso de urgencia, ya sea que no descarguen una aplicación móvil o no tengan un teléfono inteligente consigo.

Es por eso que están buscando una solución que funcione de manera rápida y sin problemas, funcione bien en todos los navegadores de manera consistente y pueda abordar las solicitudes de conexión a Internet bajas.

PWA llegó a ellos como una resolución rentable y de poco tiempo de construcción para mantener una presencia en línea sólida que puede funcionar rigurosamente con una conexión deficiente y proporcionar una velocidad de carga relámpago.

Los resultados de Uber PWA

Sobre el diseño

Una diferencia importante del diseño de un sitio de PWA es que Uber PWA no mueve la posición de la pestaña activa, por lo que no deja una animación de "carga", sino un efecto de cambio de página. Puedes verlo claramente con un dispositivo de escritorio.

Al mantener el logotipo en la parte superior, incluso en cuestión de segundos, esta pantalla emergente puede ayudar a aumentar el poder de recuperación dentro de los usuarios con el nombre Uber.

Acerca de la función

• la navegación

Uber PWA, o m.uber, fue diseñado con diseños claros e intuitivos para la interacción de desplazamiento hacia abajo. Permite que los ojos se muevan en una dirección familiar y comprendan rápidamente la página.

• la velocidad de carga

Uber PWA obtiene una carga de primera página increíble. Los elementos aparecen de forma instantánea y ordenada justo donde deben estar.

El diseño de la navegación contribuye en cierta medida a agilizar la velocidad de carga. Se carga a medida que se desplaza, lo que le da al sitio la capacidad de ajustar la apariencia del contenido, ahorrando tiempo para almacenar en caché los recursos restantes.

Los desarrolladores a cargo también afirman que m.uber responde a la primera solicitud del navegador al renderizar Preact, lo que sucedió en el servidor. Con marcado en línea como cadenas, el servidor puede entregar el contenido casi al instante.

• La transición entre páginas y elementos: responde y se conecta sin problemas en una forma de entrega alta, lo que hace que el tiempo de interacción sea rápido.
• La experiencia: solo podemos describir todo como un viaje de reserva tranquilo y satisfactorio con tranquilidad asegurada.

Los resultados

Los usuarios de Uber ahora pueden reservar un viaje fácilmente con unos pocos clics, independientemente de su conexión de red, sistema operativo, base de datos y tipo de dispositivo con PWA.

Uber había informado de un cambio importante después del lanzamiento de PWA en el que se reservaron más viajes con Uber PWA en lugar de su aplicación nativa móvil anterior. Es probable que cada vez más personas continúen reservando en Uber.

Desde entonces, M.uber ha sido súper liviano, fluido y compatible con cualquier navegador moderno. La aplicación web supera los problemas de los pasajeros con dispositivos de gama baja en términos de rendimiento del sitio, brindando una experiencia consistente similar a la aplicación que es simplemente satisfactoria cuando necesitan pedir un viaje.

¿Qué tiene de emocionante Uber PWA?

Aquí hay algunos datos técnicos interesantes que los desarrolladores de Uber han podido llevar con el proyecto de transformación de PWA.

• Uber PWA es increíblemente rápido

Su intención con PWA era un reemplazo adecuado para su aplicación nativa en dispositivos móviles, teniendo en cuenta las necesidades del mercado. Los desarrolladores habían manejado una pequeña PWA, bien empaquetada en solo 50 kB comprimidos con gzip.

El objetivo es tener todo lo más ligero posible, evitando componentes innecesarios para funcionar de manera robusta incluso en redes 2G.

No hay nada peor que llegar tarde a un evento importante, salir corriendo a dar un paseo y terminar atascado con una aplicación de carga lenta. Saca el máximo nivel de frustración y puede afectar negativamente su actitud hacia Uber.

Sin embargo, Uber sacó con éxito una aplicación web Lightning que tarda menos de 3 segundos en aparecer incluso en 2G. Eso es muy rápido. Es impresionante lo que hicieron.

• Uber PWA es confiable en diferentes circunstancias

Con los logros alcanzados, Uber confiaba en ingresar a los mercados globales. Siempre encontraron una manera seleccionada de modificar Uber PWA en una experiencia rápida y fácil para cada situación y problema.

La audiencia internacional puede usar sus servicios en cualquier momento y como quiera a pesar de la mala cobertura y señal de conexión. Además, los usuarios aún pueden realizar acciones o ajustes sobre sus viajes fuera de línea, en el sitio de Uber y sobre la marcha.

Todo es posible ya que Uber PWA aún puede cargar para visitas posteriores y guardar todo el contenido generado por el usuario para una sincronización posterior con el Wi-Fi.

Conclusiones clave

La plataforma de crecimiento más dinámica no puede estar donde está ahora si no fuera por la ayuda de una aplicación web progresiva. Con una experiencia más ligera, rápida y sencilla, Uber PWA ha facilitado el proceso de reserva de viajes compartidos. Lyft es considerado el mayor competidor de Uber, pero su cuota de mercado no se puede comparar con la que ocupa Uber.

Entonces, si desea obtener más información sobre cómo PWA puede ayudar a sus negocios en línea, diríjase al blog de Tigren para ver más de nuestras publicaciones frecuentes.

Tigren ha sido un nombre confiable y confiable para los servicios de desarrollo de Magento PWA desde 2015. Hemos ayudado a más de 800 pequeñas y medianas empresas en todo el mundo a aumentar su retorno de la inversión.

Nuestras soluciones de integración Magento PWA premium son de calidad mundialmente reconocida y, sin embargo, siguen siendo razonables para que los aspirantes a propietarios construyan su presencia en línea ideal dentro de su presupuesto.

Si desea una consulta 1 a 1 para tratar su problema lo más rápido posible, envíenos un mensaje a [email protected] y obtenga la cotización, no se requiere compromiso si no somos compatibles.