Uber PWA: Die perfekte Fallstudie für progressive Web-Apps

Waren Sie jemals davon beeindruckt, wie einfach und schnell ein Uber-Taxi zu rufen ist? Fragst du dich, wie Uber das machen kann? Uber muss in irgendeine Technologie oder etwas investieren, um uns ein so reibungsloses Erlebnis zu bieten, aber was genau ist das und wie können wir etwas darüber lernen? Wenn Sie jemals Uber PWA verwendet haben, werden Sie die Unterschiede zwischen Uber PWA und anderen nativen Apps bemerken. Es ist schnell, leistungsstark und funktional wie eine normale App, aber das ist es nicht. Wie der Titel schon sagt, wissen Sie vielleicht ein paar Dinge, also lassen Sie uns tief in diese Fallstudie eintauchen.

Ein Überblick über Uber

Uber Technology war ein erfolgreiches repräsentatives Unternehmen des 21. Jahrhunderts, das die Macht der Technologie nutzte, um Menschen zu helfen. Dieses aufstrebende Start-up wurde 2009 mit einer einfachen, aber brillanten Idee gegründet und wurde schnell zu einem phänomenalen Unternehmen, das die Branche der öffentlichen Verkehrsmittel und Taxis revolutionierte.

Das Konzept ist in vielen Ländern nicht neu. Für die meisten Westler ist es jedoch ziemlich unverschämt, Passagieren zu erlauben, eine Fahrt von unabhängigen Fahrern anzuhalten und die Fahrpreise zu bezahlen.

Uber agiert ausschließlich als Dritter, um Bedarf und Angebot zu verbinden, erlebt immer noch ein explosives Wachstum und ist trotz zahlreicher Kontroversen zu einem der faszinierendsten Unternehmen geworden.

Mit der Erklärung „Wir schaffen Chancen, indem wir die Welt in Bewegung setzen“, legt Uber seine Mission fest, dedizierte und zuverlässige Transportdienste für alle auf der ganzen Welt bereitzustellen.

Bis zum heutigen Tag beschäftigt Uber derzeit über 118 Millionen Nutzer mit dem Wachstum, über 3,5 Millionen aktive Fahrer und erwirtschaftet im Jahr 2020 Einnahmen in Höhe von 26,61 Milliarden US-Dollar aus den Gesamtbuchungen aus seinem Mitfahrgeschäft.

Wie hilft PWA dienstleistungsbasierten Unternehmen dabei, erfolgreich zu sein?

Das Erfolgsrezept für Unternehmen, um in diesem digitalen Zeitalter zu überleben, beginnt und endet mit der Bereitstellung exquisiter Benutzererlebnisse über traditionelle Grenzen hinaus.

Da Technologieunternehmen in Quantität und Qualität zunehmen, müssen digitale Waren oder informationsbasierte Dienste wie Uber, Tinder und Netflix beim Kundenservice besser abschneiden, als ihre Beschwerden und Anfragen einfach per E-Mail oder Telefon zu bearbeiten.

Der wichtigste Berührungspunkt, den diese digitalen Plattformen gemeinsam haben, besteht darin, sich entweder auf Websites oder mobile Apps zu verlassen, um mit ihrer Zielgruppe zu kommunizieren. Es ist die Blutlinie von Online-Geschäften, die Quelle der Erträge.

Der größte Drang für Innovatoren besteht darin, die Lösung zu finden, die das fehlende Stück füllt, die technische Antwort, um das Benutzererlebnis hinter den Bildschirmen zu verbessern. Im Jahr 2015 prägten Google-Ingenieure den Namen Progressive Web App, die neue Webtechnologie, die die besten Eigenschaften von Web und nativen Apps übernimmt.

Es gibt zwei Haupttrends in Bezug darauf, wie PWA dienstleistungsorientierten Unternehmen zu ihrer Krone verhilft.

Erstens wird das Seitengewicht mit der zunehmenden Datenbank im Laufe der Zeit zunehmen, aber auch die Bandbreite. Daher werden Websites langsamer und schwerer, sodass wir gleichzeitige Optimierungsprozesse haben.

PWA kann die Netzwerkanfragen mit Servicemitarbeitern unterbrechen, um die Roundtrip-Latenz zu minimieren und Site-Ressourcen vorab zwischenzuspeichern, um ein sofortiges Laden ab dem zweiten Besuch zu ermöglichen. Dieses Caching ermöglicht es Entwicklern, sich auf die Geschwindigkeit der Website zu konzentrieren und die Ladezeit auf nur 3-5 Sekunden zu optimieren.

Zweitens hat der E-Commerce im Hinblick auf die Bequemlichkeit von Käufern und Verkäufern an Dynamik gewonnen. Unter den Trends scheint M-Commerce der lukrativste Typ zu sein, mit einem dreifachen Wachstum der Benutzer über ein Jahrzehnt.

Da der Service Worker im Hintergrund läuft, kann er auf Ereignisse oder Prozesse des Betriebssystems reagieren. Diese Fähigkeit ermöglicht es PWA, Popup-Benachrichtigungen an Android-Mobilgeräte zu senden. iOS hingegen weigert sich, diese Funktion zu unterstützen, aber da der Ruf von PWA wächst, glauben wir, dass Apple seine Meinung ändern muss.

Ubers Herausforderungen vor der PWA-Integration

Uber will weiterhin eine Revolution schaffen und die Ride-Sharing-Wirtschaft dominieren, indem es mit seinen technologischen Fortschritten Schritt hält.

Sie möchten ihren Benutzern eine schnell zugängliche, aktuelle und praktische Möglichkeit bieten, ihren Dienst jederzeit zu nutzen, insbesondere in dringenden Fällen, unabhängig davon, ob sie keine mobile App herunterladen oder kein Smartphone bei sich haben.

Aus diesem Grund suchen sie nach einer Lösung, die schnell und reibungslos funktioniert, in allen Browsern konsistent gut funktioniert und niedrige Internetverbindungsanfragen bewältigen kann.

PWA kam als kosteneffiziente Lösung mit geringer Bauzeit zu ihnen, um eine robuste Online-Präsenz aufrechtzuerhalten, die auch bei schlechter Verbindung rigoros funktioniert und eine blitzschnelle Ladegeschwindigkeit bietet.

Die Ergebnisse von Uber PWA

Über das Design

Ein wesentlicher Unterschied zum Design einer PWA-Site besteht darin, dass Uber PWA die Position des aktiven Tabs nicht verschiebt und keine „Lade“-Animation hinterlässt, sondern eher einen Seitenwechseleffekt. Sie können es mit einem Desktop-Gerät deutlich sehen.

Indem das Logo auch innerhalb von Sekunden oben bleibt, kann dieser Begrüßungsbildschirm dazu beitragen, die Erinnerungskraft von Benutzern mit dem Namen Uber zu stärken.

Über die Funktion

• Die Navigation

Uber PWA, oder m.uber, wurde mit klaren und intuitiven Layouts für die Down-Scrolling-Interaktion entwickelt. Es ermöglicht den Augen, sich in eine vertraute Richtung zu bewegen und die Seite schnell zu verstehen.

• Die Ladegeschwindigkeit

Uber PWA erzielt einen unglaublichen Ladevorgang der ersten Seite. Die Elemente erscheinen sofort und ordentlich genau dort, wo sie sein müssen.

Das Design der Navigation trägt in gewissem Maße zur Rationalisierung der Ladegeschwindigkeit bei. Es wird so geladen, wie Sie scrollen, und gibt der Site somit die Möglichkeit, das Erscheinungsbild von Inhalten zu beschleunigen, wodurch Zeit für das Zwischenspeichern der verbleibenden Ressourcen gespart wird.

Die verantwortlichen Entwickler behaupten auch, dass m.uber auf die allererste Browseranfrage reagiert, indem es Preact rendert, was auf dem Server passiert ist. Mit Inline-Markup als Strings kann der Server den Inhalt fast sofort liefern.

• Der Übergang zwischen Seiten und Elementen: ist reaktionsschnell und reibungslos in einer hohen Lieferweise verbunden, was die Interaktionszeit schnell macht.
• Die Erfahrung: Wir können alles nur als eine ruhige und zufriedenstellende Buchungsreise mit garantierter Leichtigkeit beschreiben.

Die Ergebnisse

Uber-Benutzer können mit PWA jetzt ganz einfach mit wenigen Klicks eine Fahrt buchen, unabhängig von ihrer Netzwerkverbindung, ihrem Betriebssystem, ihrer Datenbank und ihrem Gerätetyp.

Uber hatte nach dem Start der PWA eine große Änderung gemeldet, bei der mehr Fahrten mit der Uber PWA gebucht wurden als mit der vorherigen mobilen nativen App. Immer mehr Privatpersonen werden wahrscheinlich weiterhin bei Uber buchen.

M.uber ist seitdem superleicht, flüssig und mit jedem modernen Browser kompatibel. Die Web-App überwindet die Probleme für Fahrer mit Low-End-Geräten in Bezug auf die Website-Leistung und bietet ein konsistentes App-ähnliches Erlebnis, das einfach zufriedenstellend ist, wann immer sie eine Fahrt anhalten müssen.

Was ist das Spannende an Uber PWA?

Hier sind einige interessante technische Fakten, die Uber-Entwickler in das transformative PWA-Projekt einbringen konnten.

• Uber PWA ist unglaublich schnell

Ihre Absicht mit PWA war ein geeigneter Ersatz für ihre native App auf Mobilgeräten unter Berücksichtigung der Marktanforderungen. Die Entwickler hatten eine winzige PWA gehandhabt, gut verpackt in nur 50 kB gzipped.

Das Ziel ist es, alles so leicht wie möglich zu machen und unnötige Komponenten zu vermeiden, um auch in 2G-Netzwerken eine robuste Leistung zu erzielen.

Es gibt nichts Schlimmeres, als zu spät zu einem wichtigen Ereignis zu kommen, für eine Fahrt nach draußen zu eilen, aber am Ende mit einer langsam ladenden App hängen zu bleiben. Es bringt ein Höchstmaß an Frustration hervor und kann ihre Einstellung gegenüber Uber negativ beeinflussen.

Uber hatte jedoch erfolgreich eine Lightning-Web-App herausgebracht, die selbst bei 2G weniger als 3 Sekunden braucht, um angezeigt zu werden. Das ist wirklich schnell. Es ist beeindruckend, was sie geleistet haben.

• Uber PWA ist unter verschiedenen Umständen zuverlässig

Mit den erzielten Errungenschaften war Uber zuversichtlich, in die globalen Märkte einzutreten. Sie haben immer einen kuratierten Weg gefunden, um die Uber PWA in eine schnelle und einfache Erfahrung für jede Situation und jedes Problem zu verwandeln.

Das internationale Publikum kann ihre Dienste trotz schlechter Abdeckung und Verbindungssignal jederzeit und wie es möchte nutzen. Darüber hinaus können Benutzer weiterhin offline, auf der Uber-Website und unterwegs Aktionen oder Anpassungen an ihren Fahrten vornehmen.

Es ist alles möglich, da die Uber PWA weiterhin in der Lage sein kann, alle benutzergenerierten Inhalte für spätere Besuche zu laden und für eine spätere Synchronisierung mit dem Wi-Fi zu speichern.

Die zentralen Thesen

Die am dynamischsten wachsende Plattform kann nicht da sein, wo sie jetzt ist, wenn nicht die Hilfe einer progressiven Web-App. Mit einer leichteren, schnelleren und einfacheren Erfahrung hat Uber PWA den Buchungsprozess für Mitfahrgelegenheiten vereinfacht. Lyft gilt als größter Konkurrent von Uber, doch sein Marktanteil kann nicht mit dem von Uber verglichen werden.

Wenn Sie also mehr darüber erfahren möchten, wie PWA Ihrem Online-Geschäft helfen kann, besuchen Sie Tigrens Blog, um weitere unserer häufigen Veröffentlichungen zu lesen.

Tigren ist seit 2015 ein vertrauenswürdiger und zuverlässiger Name für Magento PWA-Entwicklungsdienste. Wir haben über 800 kleinen und mittleren Unternehmen auf der ganzen Welt geholfen, ihre Kapitalrendite zu steigern.

Unsere erstklassigen Magento PWA-Integrationslösungen sind von weltbekannter Qualität und dennoch angemessen für angehende Eigentümer, um ihre ideale Online-Präsenz innerhalb ihres Budgets aufzubauen.

Wenn Sie eine 1-zu-1-Beratung wünschen, um Ihr Problem so schnell wie möglich zu lösen, senden Sie uns eine Nachricht an [email protected] und fordern Sie das Angebot an. Es ist keine Verpflichtung erforderlich, wenn wir nicht zusammenpassen.