Uber PWA: Progresif Web Uygulaması İçin Mükemmel Örnek Olay İncelemesi

Uber taksi çağırmanın ne kadar kolay ve hızlı olduğundan hiç etkilendiniz mi? Uber'in bunu nasıl yapabildiğini merak ediyor musunuz? Uber, bize böylesine sorunsuz bir deneyim yaşatmak için bir teknolojiye veya başka bir şeye yatırım yapmalıdır, ancak bu tam olarak nedir ve bunu nasıl öğrenebiliriz? Daha önce Uber PWA kullandıysanız, Uber PWA ile diğer yerel uygulamalar arasındaki farkları göreceksiniz. Normal bir uygulama gibi hızlı, güçlü ve işlevsel, ancak değil. Başlıktan da anlaşılacağı gibi, birkaç şey biliyor olabilirsiniz, o yüzden bu vaka çalışmasına derinlemesine dalalım.

Uber'e Genel Bakış

Uber Technology, insanlara yardım etmek için teknolojinin gücünü kullanan 21. yüzyılın başarılı bir temsili işletmesiydi. 2009'da kurulan, basit ama parlak bir fikirle hevesli olan bu start-up, toplu taşıma ve taksi endüstrisini alt üst ederek hızla olağanüstü hale geldi.

Konsept birçok ülkede yeni değil. Bununla birlikte, yolcuların bağımsız sürücülerden bir yolculuk yapmasına ve ücretleri ödemesine izin vermek çoğu Batılı için oldukça çirkin.

Yalnızca ihtiyaç ve arzı birbirine bağlamak için üçüncü taraf olarak hareket eden Uber, çok sayıda tartışmayla çevrili olmasına rağmen hala patlayıcı bir büyümeye tanık oluyor ve en büyüleyici şirketlerden biri haline geldi.

“Dünyayı harekete geçirerek fırsatları ateşliyoruz” diyen Uber, misyonunu dünyanın her yerindeki herkes için özel ve güvenilir ulaşım hizmetleri sağlamayı belirliyor.

Bugüne kadar, Uber şu anda büyümede 118 milyondan fazla kullanıcıya, 3.5 milyondan fazla aktif hizmet veren sürücüye sahip ve 2020'de araç paylaşım işinden toplam rezervasyonlarda 26.61 milyar $ gelir elde ediyor.

PWA Hizmete Dayalı Şirketlerin Gelişmesine Nasıl Yardımcı Oluyor?

İşletmelerin bu dijital çağda ayakta kalabilmeleri için kazanan formül, geleneksel sınırların ötesinde mükemmel kullanıcı deneyimleri sunmakla başlar ve biter.

Teknoloji şirketlerinin niceliği ve kalitesi arttıkça, Uber, Tinder ve Netflix gibi dijital ürünler veya bilgi tabanlı hizmetler, müşteri hizmetlerinde şikayet ve sorgularıyla e-posta veya telefon yoluyla ilgilenmekten daha iyisini yapmalıdır.

Bu dijital platformların ortak noktası olan en önemli temas noktası, hedef kitleleriyle iletişim kurmak için web sitelerine veya mobil uygulamalara güvenmeleridir. Bu, çevrimiçi işletmelerin kan bağı, getiri kaynağıdır.

Yenilikçilerin en büyük dürtüsü, eksik parçayı dolduran çözümü, ekranların arkasındaki kullanıcı deneyimini iyileştirecek teknik cevabı bulmaktır. 2015'te Google mühendisleri, web'in ve yerel uygulamanın özelliklerini en iyi şekilde benimseyen yeni web teknolojisi olan Progressive Web App adını verdi.

PWA'nın hizmet tabanlı şirketlere taçlarına nasıl yardımcı olduğuna ilişkin 2 ana eğilim vardır.

İlk olarak, artan veritabanı ile sayfa ağırlığı zamanla artacaktır, ancak bant genişliği de öyle. Bu nedenle, web siteleri daha yavaş ve daha ağır olacak, bu nedenle eşzamanlı optimizasyon süreçlerimiz var.

PWA, ikinci ziyaretten itibaren anında yükleme oluşturmak için gidiş-dönüş gecikmesini en aza indirmek ve site kaynaklarını önbelleğe almak için hizmet çalışanları ile ağ isteklerini kesebilir. Bu önbelleğe alma, geliştiricilerin web sitesi hızına konsantre olmalarını ve 3-5 saniye kadar kısa bir sürede yükleme süresini optimize etmelerini sağlar.

İkincisi, e-ticaret, alıcıların ve satıcıların rahatlığı için ivme kazanmıştır. Trendler arasında, m-ticaret, on yılda üç kat kullanıcı artışıyla en kazançlı tür gibi görünüyor.

Service Worker arka planda çalıştığı için işletim sisteminden olaylara veya işlemlere yanıt verebilir. Bu yetenek, PWA'nın Android mobil cihazlara açılır bildirimler göndermesini sağlar. iOS ise bu özelliği desteklemeyi reddediyor ancak PWA'nın itibarı arttıkça Apple'ın fikrini değiştirmesi gerekeceğini düşünüyoruz.

Uber'in PWA Entegrasyonu Öncesindeki Zorlukları

Uber, teknolojik gelişmelere ayak uydurarak bir devrim yaratmaya ve araç paylaşım ekonomisine hükmetmeye devam etmek istiyor.

Kullanıcılarına, ister bir mobil uygulama indirsinler, ister bir akıllı telefon taşımasınlar, hizmetlerini her zaman, özellikle acil durumlarda kullanmaları için hızlı erişilebilir, güncel ve kullanışlı bir fırsat sunmak istiyorlar.

Bu nedenle, hızlı ve sorunsuz çalışacak, tarayıcılar arasında tutarlı bir şekilde iyi çalışacak ve düşük İnternet bağlantısı isteklerinin üstesinden gelebilecek bir çözüm arıyorlar.

PWA onlara, zayıf bağlantı altında titizlikle çalışabilen ve yıldırım yükleme hızı sağlayabilen sağlam bir çevrimiçi varlığı sürdürmek için düşük maliyetli ve kısa yapım süresi çözümü olarak geldi.

Uber PWA'nın Sonuçları

Tasarım Hakkında

Bir PWA sitesinin tasarımından önemli bir fark, Uber PWA'nın etkin sekmenin konumunu hareket ettirmemesi, "yükleme" animasyonu bırakmaması, bunun yerine sayfa değiştirme efekti bırakmasıdır. Bir masaüstü cihazla net bir şekilde görebilirsiniz.

Logonun saniyeler içinde bile üstte kalmasını sağlayan bu hareketli ekran, Uber adındaki kullanıcıların içindeki hatırlama gücünü artırmaya yardımcı olabilir.

İşlev Hakkında

• navigasyon

Uber PWA veya mu.uber, aşağı kaydırma etkileşimi için net ve sezgisel düzenlerle tasarlanmıştır. Gözlerin tanıdık bir yönde hareket etmesini ve sayfayı hızlı bir şekilde anlamasını sağlar.

• yükleme hızı

Uber PWA, inanılmaz bir ilk sayfa yükü elde ediyor. Öğeler, tam da olması gereken yerde anında ve düzgün bir şekilde görünür.

Navigasyonun tasarımı, yükleme hızının düzenlenmesine belirli bir dereceye kadar katkıda bulunur. Siz kaydırdıkça yükleme gibi çalışır, bu nedenle siteye içeriğin görünümünü sabitleme yeteneği vererek, kalan kaynakları önbelleğe almak için zaman kazandırır.

Sorumlu geliştiriciler ayrıca, mu.uber'in sunucuda meydana gelen Preact'i oluşturarak ilk tarayıcı isteğine yanıt verdiğini iddia ediyor. Dizeler olarak satır içi işaretleme ile sunucu içeriği neredeyse anında teslim edebilir.

• Sayfalar ve öğeler arasındaki geçiş: Etkileşim süresini hızlandıran, hızlı yanıt veren ve yüksek teslim tarzında sorunsuz bir şekilde bağlantılıdır.
• Deneyim: Her şeyi yalnızca, gönül rahatlığıyla sakin ve tatmin edici bir rezervasyon yolculuğu olarak tanımlayabiliriz.

Sonuçlar

Uber kullanıcıları artık PWA ile ağ bağlantılarına, işletim sistemlerine, veri tabanlarına ve cihaz türlerine bakmaksızın birkaç basit tıklamayla kolayca bir yolculuk rezervasyonu yapabilirler.

Uber, önceki mobil yerel uygulaması yerine Uber PWA ile daha fazla yolculuk rezervasyonu yapılan PWA lansmanından sonra büyük bir değişiklik bildirmişti. Giderek daha fazla kişinin Uber'de rezervasyon yapmaya devam etmesi muhtemeldir.

M.uber o zamandan beri süper hafif, pürüzsüz ve herhangi bir modern tarayıcıyla uyumludur. Web uygulaması, site performansı açısından düşük kaliteli cihazlara sahip biniciler için sorunların üstesinden gelir ve bir sürüşe ihtiyaç duyduklarında tatmin edici olan tutarlı bir uygulama benzeri deneyim sağlar.

Uber PWA Hakkında Heyecan Verici Olan Ne?

İşte Uber geliştiricilerinin dönüşümsel PWA projesiyle taşıyabildiği bazı ilginç teknik gerçekler.

• Uber PWA inanılmaz hızlı

PWA ile niyetleri, pazar ihtiyaçlarını göz önünde bulundurarak mobildeki yerel uygulamalarının yerini alacak uygun bir şeydi. Geliştiriciler, yalnızca 50 kB sıkıştırılmış olarak paketlenmiş küçük bir PWA'yı ele aldılar.

Amaç, her şeyin mümkün olduğu kadar hafif olmasını sağlamak ve 2G ağları altında bile sağlam bir şekilde çalışmak için gereksiz bileşenlerden kaçınmaktır.

Önemli bir etkinliğe geç kalmaktan, dışarı çıkmak için acele etmekten ve yavaş yüklenen bir uygulamaya takılıp kalmaktan daha kötü bir şey yoktur. Maksimum hayal kırıklığı seviyesini ortaya çıkarır ve Uber'e karşı tutumlarını zararlı şekilde etkileyebilir.

Ancak Uber, 2G'de bile görünmesi 3 saniyeden az süren bir yıldırım web uygulamasını başarıyla çıkardı. Bu gerçekten hızlı. Yaptıkları etkileyici.

• Uber PWA, farklı koşullar altında güvenilirdir

Elde edilen başarılarla Uber, küresel pazarlara girme konusunda kendinden emindi. Her durum ve sorun için Uber PWA'yı hızlı ve kolay bir deneyime dönüştürmek için her zaman özenle seçilmiş bir yol buldular.

Uluslararası izleyiciler, zayıf kapsama ve bağlantı sinyaline rağmen hizmetlerini istedikleri zaman ve istedikleri şekilde kullanabilirler. Ayrıca kullanıcılar, çevrimdışı, Uber sitesinde ve hareket halindeyken yolculuklarıyla ilgili eylemler veya ayarlamalar yapmaya devam edebilir.

Uber PWA'nın sonraki ziyaretler için yükleyebildiği ve kullanıcı tarafından oluşturulan tüm içeriği daha sonra Wi-Fi ile senkronizasyon için kaydedebildiği için tüm bunlar mümkün.

Önemli Çıkarımlar

En dinamik büyüyen platform, ilerici bir web uygulamasının yardımı olmadan şu anda bulunduğu yerde olamaz. Daha hafif, daha hızlı ve daha basit bir deneyim ile Uber PWA, araç paylaşımı rezervasyon sürecini kolaylaştırdı. Lyft, Uber'in en büyük rakibi olarak kabul edilir, ancak pazar payı Uber'in işgal ettiği ile kıyaslanamaz.

Bu nedenle, PWA'nın çevrimiçi işletmenize nasıl yardımcı olabileceği hakkında daha fazla bilgi edinmek istiyorsanız, sık yayınladığımız diğer yayınlarımıza göz atmak için Tigren'in bloguna gidin.

Tigren, 2015'ten beri Magento PWA geliştirme hizmetleri için güvenilir ve güvenilir bir isimdir. Dünya genelinde 800'den fazla küçük ve orta ölçekli işletmenin yatırım getirilerini artırmalarına yardımcı olduk.

Premium Magento PWA entegrasyon çözümlerimiz dünyaca ünlü kaliteye sahiptir ve yine de hevesli sahipler için ideal çevrimiçi varlıklarını bütçeleri dahilinde oluşturmaları için makuldür.

Sorununuzla mümkün olan en kısa sürede ilgilenmek için 1'e 1 danışmanlık istiyorsanız, [email protected] adresinden bize bir mesaj bırakın ve teklifi alın, eşleşmezsek taahhüt gerekmez.