Uber PWA : l'étude de cas parfaite pour une application Web progressive

Avez-vous déjà été impressionné par la facilité et la rapidité d'appeler un taxi Uber ? Vous vous demandez comment Uber peut faire ça ? Uber doit investir dans une technologie ou quelque chose pour nous offrir une expérience aussi fluide, mais qu'est-ce que c'est exactement et comment pouvons-nous en apprendre davantage? Si vous avez déjà utilisé Uber PWA, vous remarquerez les différences entre Uber PWA et les autres applications natives. C'est rapide, puissant et fonctionnel comme une application ordinaire, mais ce n'est pas le cas. Comme le titre l'indique, vous connaissez peut-être certaines choses, alors approfondissons cette étude de cas.

Un aperçu d'Uber

Uber Technology était une entreprise représentative prospère du 21e siècle, utilisant la puissance de la technologie pour aider les gens. Fondée en 2009, cette start-up en herbe avec une idée simple mais brillante est rapidement devenue phénoménale, bouleversant l'industrie du transport public et des taxis.

Le concept n'est pas nouveau dans de nombreux pays. Cependant, il est assez scandaleux pour la plupart des Occidentaux de permettre aux passagers de héler un chauffeur indépendant et de payer les tarifs.

Agissant uniquement en tant que tierce partie pour connecter le besoin et l'offre, Uber connaît toujours une croissance explosive et est devenue l'une des entreprises les plus fascinantes en dépit d'être entourée de nombreuses controverses.

Déclarant « Nous créons des opportunités en mettant le monde en mouvement », Uber se donne pour mission de fournir des services de transport dédiés et fiables à tous à travers le monde.

À ce jour, Uber occupe actuellement plus de 118 millions d'utilisateurs sur la croissance, plus de 3,5 millions de chauffeurs actifs et un produit de 26,61 milliards de dollars de revenus sur le total des réservations de son activité de covoiturage en 2020.

Comment PWA aide-t-elle les entreprises de services à prospérer ?

La formule gagnante pour que les entreprises survivent à l'ère numérique commence et se termine par la fourniture d'expériences utilisateur exquises au-delà des frontières traditionnelles.

Alors que les entreprises technologiques augmentent en quantité et en qualité, les biens numériques ou les services basés sur l'information tels que Uber, Tinder et Netflix doivent faire mieux en matière de service client que de simplement traiter leurs plaintes et demandes par e-mail ou par téléphone.

Le point de contact le plus important que ces plateformes numériques ont en commun est de s'appuyer sur des sites Web ou des applications mobiles pour communiquer avec leur public cible. C'est la lignée des entreprises en ligne, la source des rendements.

La plus grande envie pour les innovateurs est de trouver la solution qui comble la pièce manquante, la réponse technique pour améliorer l'expérience utilisateur derrière les écrans. En 2015, les ingénieurs de Google ont inventé le nom Progressive Web App, la nouvelle technologie Web qui adopte le meilleur des caractéristiques du Web et des applications natives.

Il existe 2 tendances majeures en ce qui concerne la manière dont PWA aide les entreprises de services à atteindre leurs couronnes.

Premièrement, le poids de la page augmentera avec le temps avec l'augmentation de la base de données, mais la bande passante également. Par conséquent, les sites Web seront plus lents et plus lourds, nous avons donc des processus d'optimisation simultanés.

PWA peut interrompre les requêtes réseau avec les techniciens de service pour minimiser la latence aller-retour et pré-cacher les ressources du site pour créer un chargement instantané à partir de la deuxième visite. Cette mise en cache permet aux développeurs de se concentrer sur la vitesse du site Web et d'optimiser le temps de chargement aussi peu que 3 à 5 secondes.

Deuxièmement, le commerce électronique est sur son élan pour la commodité des acheteurs et des vendeurs. Parmi les tendances, le m-commerce semble être le type le plus lucratif, avec une triple croissance du nombre d'utilisateurs sur une décennie.

Étant donné que le service worker s'exécute en arrière-plan, il peut répondre aux événements ou aux processus du système d'exploitation. Cette capacité permet à PWA d'envoyer des notifications contextuelles aux appareils mobiles Android. iOS, en revanche, refuse de prendre en charge cette fonctionnalité, mais à mesure que la réputation de PWA grandit, nous pensons qu'Apple devra changer d'avis.

Les défis d'Uber avant l'intégration de PWA

Uber veut continuer à créer une révolution et à dominer l'économie du covoiturage en restant à la hauteur de ses avancées technologiques.

Ils souhaitent offrir à leurs utilisateurs une opportunité rapidement accessible, actualisée et pratique d'utiliser leur service à tout moment, en particulier en cas d'urgence, qu'ils ne téléchargent pas d'application mobile ou qu'ils ne tiennent pas de smartphone avec eux.

C'est pourquoi ils recherchent une solution qui fonctionne rapidement et en douceur, qui fonctionne correctement sur tous les navigateurs et qui peut répondre aux faibles demandes de connexion Internet.

PWA leur est venu comme une solution rentable et peu de temps de construction pour maintenir une présence en ligne robuste qui peut fonctionner rigoureusement sous une mauvaise connexion et fournir une vitesse de chargement fulgurante.

Les résultats d'Uber PWA

À propos de la conception

Une différence significative par rapport à la conception d'un site PWA est qu'Uber PWA ne déplace pas la position de l'onglet actif, ne laissant aucune animation de «chargement» mais plutôt un effet de changement de page. Vous pouvez le voir clairement avec un appareil de bureau.

En gardant le logo sur le dessus, même en quelques secondes, cet écran éclaboussures peut aider à renforcer le pouvoir de rappel à l'intérieur des utilisateurs avec le nom Uber.

À propos de la fonction

• La navigation

Uber PWA, ou le m.uber, a été conçu avec des mises en page claires et intuitives pour l'interaction de défilement vers le bas. Il permet aux yeux de se déplacer dans une direction familière et de comprendre rapidement la page.

• La vitesse de chargement

Uber PWA obtient un chargement de première page incroyable. Les éléments apparaissent instantanément et parfaitement là où ils doivent être.

La conception de la navigation contribue dans une certaine mesure à rationaliser la vitesse de chargement. Il effectue le chargement au fur et à mesure que vous faites défiler, donnant ainsi au site la possibilité de fixer l'apparence du contenu, ce qui permet de gagner du temps pour la mise en cache des ressources restantes.

Les développeurs en charge affirment également que m.uber répond à la toute première requête du navigateur en rendant Preact, qui s'est produit sur le serveur. Avec le balisage en ligne sous forme de chaînes, le serveur peut fournir le contenu presque instantanément.

• La transition entre les pages et les éléments : est réactive et se connecte en douceur avec une livraison élevée, ce qui accélère le temps d'interaction.
• L'expérience : nous ne pouvons tout décrire que comme un voyage de réservation calme et satisfaisant avec une tranquillité d'esprit assurée.

Les résultats

Les utilisateurs d'Uber peuvent désormais réserver facilement une course en quelques clics, quels que soient leur connexion réseau, leur système d'exploitation, leur base de données et leur type d'appareil avec PWA.

Uber avait signalé un changement majeur après le lancement de PWA dans lequel plus de trajets étaient réservés avec Uber PWA plutôt qu'avec sa précédente application mobile native. De plus en plus de particuliers sont susceptibles de continuer à réserver sur Uber.

M.uber est depuis devenu super léger, fluide et compatible avec n'importe quel navigateur moderne. L'application Web surmonte les problèmes rencontrés par les utilisateurs d'appareils bas de gamme en termes de performances du site, offrant une expérience cohérente de type application qui est tout simplement satisfaisante chaque fois qu'ils ont besoin de héler un trajet.

Qu'est-ce qui est excitant avec Uber PWA ?

Voici quelques faits techniques intéressants que les développeurs d'Uber ont pu intégrer au projet transformationnel PWA.

• Uber PWA est incroyablement rapide

Leur intention avec PWA était un remplacement approprié de leur application native sur mobile, compte tenu des besoins du marché. Les développeurs avaient géré un minuscule PWA, bien emballé dans seulement 50 Ko compressé.

L'objectif est d'avoir tout aussi léger que possible, en évitant les composants inutiles pour fonctionner de manière robuste même sous les réseaux 2G.

Il n'y a rien de pire que d'être en retard pour un événement important, de se précipiter dehors pour faire un tour, mais de se retrouver coincé avec une application à chargement lent. Cela fait ressortir le niveau maximum de frustration et peut nuire à leur attitude envers Uber.

Cependant, Uber a réussi à sortir une application Web éclair qui prend moins de 3 secondes pour apparaître même sur 2G. C'est vraiment rapide. C'est impressionnant ce qu'ils ont fait.

• Uber PWA est fiable dans différentes circonstances

Avec les réalisations obtenues, Uber était confiant dans son entrée sur les marchés mondiaux. Ils ont toujours trouvé un moyen organisé de modifier l'Uber PWA en une expérience rapide et facile pour chaque situation et problème.

Le public international peut utiliser leurs services à tout moment et de la manière qu'ils souhaitent malgré une couverture et un signal de connexion médiocres. De plus, les utilisateurs peuvent toujours effectuer des actions ou des ajustements concernant leurs trajets hors ligne, sur le site Uber et en déplacement.

Tout est possible car l'Uber PWA peut toujours être en mesure de charger pour des visites ultérieures et d'enregistrer tout le contenu généré par l'utilisateur pour une synchronisation ultérieure avec le Wi-Fi.

Points clés à retenir

La plate-forme de croissance la plus dynamique ne peut pas être là où elle est maintenant sans l'aide d'une application Web progressive. Avec une expérience plus légère, plus rapide et plus simple, Uber PWA a simplifié le processus de réservation de covoiturage. Lyft est considéré comme le plus grand concurrent d'Uber, mais sa part de marché ne peut être comparée à celle qu'occupe Uber.

Donc, si vous voulez en savoir plus sur la façon dont PWA peut aider vos entreprises en ligne, rendez-vous sur le blog de Tigren pour consulter plus de nos publications fréquentes.

Tigren est un nom de confiance et fiable pour les services de développement Magento PWA depuis 2015. Nous avons aidé plus de 800 petites et moyennes entreprises à travers le monde à augmenter leur retour sur investissement.

Nos solutions d'intégration premium Magento PWA sont d'une qualité de renommée mondiale et pourtant raisonnables pour les aspirants propriétaires pour construire leur présence en ligne idéale dans leur budget.

Si vous souhaitez une consultation individuelle pour traiter votre problème le plus rapidement possible, envoyez-nous un message à [email protected] et obtenez le devis, aucun engagement n'est requis si nous ne sommes pas compatibles.