Uber PWA: o estudo de caso perfeito para o Progressive Web App

Já se impressionou com a facilidade e rapidez de chamar um táxi Uber? Você quer saber como o Uber pode fazer isso? A Uber deve investir em alguma tecnologia ou algo para nos proporcionar uma experiência tão tranquila, mas o que exatamente é isso e como podemos aprender sobre isso? Se você já usou o Uber PWA, notará as diferenças entre o Uber PWA e outros aplicativos nativos. É rápido, poderoso e funcional como um aplicativo comum, mas não é. Como o título sugere, você pode saber algumas coisas, então vamos mergulhar fundo neste estudo de caso.

Visão geral do Uber

A Uber Technology foi uma empresa representativa de sucesso do século 21, usando o poder da tecnologia para ajudar as pessoas. Fundada em 2009, esta start-up aspirante com uma ideia simples, mas brilhante, rapidamente se tornou fenomenal, revolucionando o setor de transporte público e táxis.

O conceito não é novo em muitos países. No entanto, é bastante ultrajante para a maioria dos ocidentais permitir que os passageiros peguem carona de motoristas independentes e paguem as tarifas.

Atuando apenas como um terceiro para conectar a necessidade e a oferta, a Uber ainda testemunha um crescimento explosivo e se tornou uma das empresas mais fascinantes, apesar de estar cercada por inúmeras controvérsias.

Declarando “Nós acendemos oportunidades colocando o mundo em movimento”, a Uber define sua missão de fornecer serviços de transporte dedicados e confiáveis ​​para todos em todo o mundo.

Até hoje, a Uber ocupa atualmente mais de 118 milhões de usuários em crescimento, mais de 3,5 milhões de motoristas ativos e uma receita de US$ 26,61 bilhões no total de reservas de seu negócio de compartilhamento de viagens em 2020.

Como o PWA ajuda as empresas baseadas em serviços a prosperar?

A fórmula vencedora para as empresas sobreviverem nesta era digital começa e termina com a entrega de experiências de usuário requintadas além dos limites tradicionais.

À medida que as empresas de tecnologia estão aumentando em quantidade e qualidade, bens digitais ou serviços baseados em informações, como Uber, Tinder e Netflix, precisam se sair melhor no atendimento ao cliente do que simplesmente lidar com suas reclamações e consultas por e-mail ou telefone.

O ponto de contato mais importante que essas plataformas digitais têm em comum é confiar em sites ou aplicativos móveis para se comunicar com seu público-alvo. É a linhagem dos negócios online, a fonte de rendimentos.

O maior anseio dos inovadores é encontrar a solução que preencha a peça que faltava, a resposta técnica para melhorar a experiência do usuário por trás das telas. Em 2015, os engenheiros do Google cunharam o nome Progressive Web App, a nova tecnologia da web que adota o melhor das características da web e dos aplicativos nativos.

Existem 2 tendências principais em consideração de como a PWA auxilia as empresas baseadas em serviços em suas coroas.

Em primeiro lugar, o peso da página aumentará com o tempo com o aumento do banco de dados, mas a largura de banda também. Assim, os sites serão mais lentos e pesados, por isso temos processos de otimização simultâneos.

O PWA pode interromper as solicitações de rede com service workers para minimizar a latência de ida e volta e os recursos do site de pré-cache para criar carregamento instantâneo a partir da segunda visita. Esse cache permite que os desenvolvedores se concentrem na velocidade do site e otimizem o tempo de carregamento de 3 a 5 segundos.

Em segundo lugar, o comércio eletrônico está em alta para a conveniência de compradores e vendedores. Entre as tendências, o m-commerce parece ser o tipo mais lucrativo, com crescimento triplo de usuários ao longo de uma década.

Como o service worker é executado em segundo plano, ele pode responder a eventos ou processos do sistema operacional. Essa capacidade permite que o PWA envie notificações pop-up para dispositivos móveis Android. O iOS, por outro lado, se recusa a oferecer suporte a esse recurso, mas à medida que a reputação do PWA cresce, achamos que a Apple precisará mudar de ideia.

Desafios da Uber antes da integração com PWA

A Uber quer continuar criando uma revolução e dominando a economia do compartilhamento de caronas, acompanhando seus avanços tecnológicos.

Eles querem fornecer a seus usuários uma oportunidade de acesso rápido, atualizado e prático de usar seu serviço a qualquer momento, especialmente em caso de urgência, quer eles não baixem um aplicativo móvel ou não tenham um smartphone consigo.

É por isso que eles estão procurando uma solução que funcione de forma rápida e suave, funcione bem em todos os navegadores de forma consistente e possa lidar com solicitações de baixa conexão com a Internet.

O PWA chegou a eles como uma solução econômica e de pouco tempo de construção para manter uma presença online robusta que pode funcionar rigorosamente sob conexão ruim e fornecer velocidade de carregamento relâmpago.

Os resultados do Uber PWA

Sobre o projeto

Uma distinção significativa do design de um site PWA é que o Uber PWA não move a posição da guia ativa, não deixando nenhuma animação de “carregamento”, mas sim um efeito de troca de página. Você pode vê-lo claramente com um dispositivo de desktop.

Ao manter o logotipo no topo, mesmo em segundos, essa tela inicial pode ajudar a aumentar o poder de recall dentro dos usuários com o nome Uber.

Sobre a função

• A navegação

O Uber PWA, ou o m.uber, foi projetado com layouts claros e intuitivos para a interação de rolagem para baixo. Ele permite que os olhos se movam em uma direção familiar e entendam rapidamente a página.

• A velocidade de carregamento

O Uber PWA obtém um carregamento de primeira página incrível. Os elementos aparecem instantaneamente e perfeitamente exatamente onde precisam estar.

O design da navegação contribui de certa forma para agilizar a velocidade de carregamento. Ele executa o carregamento à medida que você rola, dando ao site a capacidade de acelerar a aparência do conteúdo, economizando tempo para armazenar em cache os recursos restantes.

Os desenvolvedores responsáveis ​​também afirmam que o m.uber responde à primeira solicitação do navegador renderizando o Preact, que aconteceu no servidor. Com marcação embutida como strings, o servidor pode entregar o conteúdo quase instantaneamente.

• A transição entre páginas e elementos: é responsivo e conectado de forma suave em uma alta entrega, tornando o tempo de interação rápido.
• A experiência: só podemos descrever tudo como uma viagem de reserva calma e satisfatória com tranquilidade garantida.

Os resultados

Os usuários do Uber agora podem reservar uma viagem facilmente com apenas alguns cliques, independentemente de sua conexão de rede, sistema operacional, banco de dados e tipo de dispositivo com PWA.

A Uber relatou uma grande mudança após o lançamento do PWA, na qual mais corridas foram reservadas com o Uber PWA em vez de seu aplicativo nativo móvel anterior. É provável que mais e mais pessoas continuem reservando no Uber.

Desde então, o M.uber é super leve, suave e compatível com qualquer navegador moderno. O aplicativo da web supera os problemas para passageiros com dispositivos de baixo custo em termos de desempenho do site, fornecendo uma experiência consistente semelhante a um aplicativo que é simplesmente satisfatória sempre que eles precisam pegar uma carona.

O que há de interessante no Uber PWA?

Aqui estão alguns fatos técnicos interessantes que os desenvolvedores da Uber conseguiram levar com o projeto PWA transformacional.

• Uber PWA é incrível rápido

Sua intenção com o PWA era uma substituição adequada ao seu aplicativo nativo no celular, considerando as necessidades do mercado. Os desenvolvedores lidaram com um pequeno PWA, bem embalado em apenas 50kB gzipado.

O objetivo é ter tudo o mais leve possível, evitando que componentes desnecessários tenham um desempenho robusto mesmo em redes 2G.

Não há nada pior do que chegar atrasado para um evento importante, sair correndo para um passeio, mas acabar preso em um aplicativo de carregamento lento. Isso traz à tona o nível máximo de frustração e pode afetar negativamente sua atitude em relação ao Uber.

No entanto, o Uber conseguiu com sucesso um aplicativo da web relâmpago que leva menos de 3 segundos para aparecer mesmo em 2G. Isso é muito rápido. É impressionante o que eles fizeram.

• O Uber PWA é confiável em diferentes circunstâncias

Com as conquistas alcançadas, a Uber estava confiante em entrar nos mercados globais. Eles sempre encontraram uma maneira com curadoria de ajustar o Uber PWA em uma experiência rápida e fácil para cada situação e problema.

O público internacional pode usar seus serviços a qualquer hora e da maneira que quiser, apesar da baixa cobertura e sinal de conexão. Além disso, os usuários ainda podem fazer ações ou ajustes sobre suas viagens offline, no site da Uber e em qualquer lugar.

Tudo isso é possível, pois o Uber PWA ainda pode ser carregado para visitas subsequentes e salvar todo o conteúdo gerado pelo usuário para sincronização posterior com o Wi-Fi.

Principais conclusões

A plataforma de crescimento mais dinâmica não pode estar onde está agora se não fosse a ajuda de um aplicativo da web progressivo. Com uma experiência mais leve, rápida e simples, o Uber PWA facilitou o processo de reserva de compartilhamento de viagens. O Lyft é considerado o maior concorrente do Uber, mas sua participação de mercado não se compara ao que o Uber ocupa.

Então, se você quiser saber mais sobre como o PWA pode ajudar seus negócios online, acesse o blog do Tigren para conferir mais de nossas publicações frequentes.

Tigren tem sido um nome confiável e confiável para os serviços de desenvolvimento Magento PWA desde 2015. Ajudamos mais de 800 pequenas e médias empresas em todo o mundo a aumentar seu retorno sobre o investimento.

Nossas soluções premium de integração Magento PWA são de qualidade de renome mundial e ainda assim razoáveis ​​para aspirantes a proprietários construir sua presença online ideal dentro de seu orçamento.

Se você deseja uma consulta individual para lidar com seu problema o mais rápido possível, envie-nos uma mensagem para [email protected] e receba a cotação, sem compromisso se não formos compatíveis.