Airbnb PWA: Mükemmel Bir Aşamalı Web Uygulaması Örneği

Kullanıcıların daha uzun süre kalmasını ve etkinliklere katılmasını sağlamak için verimli bir şekilde çalışırken web sitenizin hızlı ve istikrarlı çalışmasını sağlamak için son derece güvenilir bir çözüm aradığınızı varsayalım. Bu durumda, PWA tam da ihtiyacınız olan şey olabilir. Pek çok marka PWA'yı benimsedi ve Airbnb PWA dahil olmak üzere dünyaca ünlü ve kârlı bir başarı elde etti. Yüzeyi adlar ve sayılarla çizmek yerine, bir PWA uygulamasının gerçek muzaffer durumunu parçalayacağız. Perdeyi açalım ve Airbnb PWA'nın hikayesini keşfedelim.

Airbnb'ye Genel Bakış

Dünyanın en umut verici girişiminin ilk fikri, yerli halkın turistlerin evlerinde kalmalarına, yeni bağlantılar kurmalarına ve aynı zamanda yemek, dinlenme ve uyuma için düşük maliyetli alternatif bir yol paylaşmalarına izin verdiği Air Bed and Breakfast idi.

Teklif, ilk başta yabancıları evlere kabul etmek için çok çirkin görünüyor, ancak Airbnb hızla 21. yüzyılın en başarılı girişimlerinden biri haline geldi.

2008'de ve on yıl sonra başlatılan Airbnb'nin halihazırda 150 milyon kullanıcısı, görüntülenen yedi milyondan fazla kaydı var, 4 milyon ev sahibi tarafından yönetiliyor ve 200'den fazla ülke ve 81.000 şehirde aktif. Raporlar, bir milyardan fazla gezginin bir Airbnb evi kiraladığını ve ev sahipleri için yaklaşık 65 milyar dolar kazandığını gösteriyor.

Airbnb, artık dünya çapındaki gezginler için, ortak bir yerde tek kişilik odalardan veya kendileri ve birden fazla kişi için tüm bir yer arasından seçim yaparak, en kapsamlı mülk kiralama hizmeti olarak hizmet veriyor. İş modeli, talepte bulunan kişilerin ve sağlayıcıların bağlantı kurmasına ve iş yapmasına olanak tanıyan bir toplayıcı platform olan Uber'e benzer.

Airbnb, insanlara bir topluluk duygusu, benzersiz kişisel deneyimler ve konaklama seyahatleri için stresten arındırılmış, bütçeye uygun bir yol sunar.

Birçok misafir, ev sahipleri tarafından topluluklarda karşılandıkları, kültürü daha derinden keşfetme ve yeni yerli arkadaşlar edinme şansı buldukları için Airbnb ile seyahat etmeyi sever.

Airbnb PWA Entegrasyonunu Sağlayan Arka Plan

Hikaye, mobil tarayıcıların katlanarak ilgi ve yatırım kazandığı 2018'in sonlarına doğru birkaç yıl öncesine dayanıyor. Yine de Airbnb'ninki masaüstünden orantılı olarak yanıt veren bir sürümdü. Ekip ayrıca minimum mühendislikle bunu görmezden geldiklerini itiraf etti.

Mobil web, özellikle büyümekte olan pazarlarda en çok ziyaret edilen platform oldu ve Airbnb rezervasyonlarına artan bir trafik oranı getirdi. Yine de, seyahat konaklamaları için dünyanın en büyük arama motoru için endüstri standardının altında performans gösterdi.

Kullanıcıların yılda yalnızca 3 veya 4 kez ihtiyaç duyduklarında Airbnb yerel uygulamasını yüklemenin bir faydası olmadığı ortaya çıktı. Ve diğer cihazlar yerine mobil cihazlara güvendikleri için, gitmenin tek yolu mobil web'dir.

Uygulamalarda harcanan ortalama süre, tarayıcıda geçirilen süreyi çok aşsa da, kullanıcıların bir gün içindeki zamanlarının çoğu, tek bir uygulamada %50'ye yakın bir oranla en sevdikleri 5 uygulamaya eşit olmayan bir şekilde dağıtılır. Kullanıcılar, sık kullanmadıkları başka bir uygulamayı indirmenin ve depolama alanlarını boşa harcamanın anlamını görmüyorlar.

İnternet bağlantısıyla ilgili sorun, uygulama yüklemesi (boyut olarak 200 MB) ve tüketimle ilgili sorunları olduğundan, pazarlar özellikle mükemmel bir mobil tarama deneyimiyle ilgileniyor.

Airbnb PWA dönüşümünden önce biraz daha yakından bakın:

• Yavaş : Mobil tarayıcılardaki kullanıcılar, resimler görünmeye başlamadan önce 10 saniyeden fazla rahatsız edici boş bir sayfada bekledi. Bir 4G ağının tamamının yüklenmesi ortalama 13 saniye sürdü. Etkileyici değil.
• Kötü tasarlanmış : Bazı bileşenler çok kötü uygulanmış ve yanlış yerleştirilmiş, bu da eksik kelimelere ve kafa karıştırıcı talimatlara yol açmıştı. Harita, bir turistin Airbnb'den yakındaki yerlere olan mesafesini anlaması için gereklidir, ancak yavaş yavaş etkileşimli hale geldi ve kelimeleri okumak neredeyse imkansızdı. Ve üst üste binen tüm öğeleri ve fotoğraflardaki metnin üzerinden geçenleri sayarak, enstantanelerin ve yan notların anlamını bozar.
• Kullanımı zor : Mobil tarayıcılar, birçok etkileşim noktasının parmaklara değil, yalnızca farelere yanıt verdiği o zamanlar akıllarından çıkmış gibiydi. Her şey mantıklı gelmiyordu. Fakir bir gezgin için kafa karıştırıcı bir rotadan çıkmak gibiydi. Ancak navigasyon oranlarının üstünlüğü, yerel uygulamaları yüklemek için düğmeye tıkladıkları zamandı. Uygulama mağazasına bağlantı içeren bir metin alabilmeleri için telefon numaralarını girmeleri istendi.

Airbnb kullanıcılarının ilk izlenimi mobil tarayıcı olmasaydı bu kadar kötü olmazdı. Ne yazık ki veriler, yeni gelenlerin %65'inin mobil web'den geldiğini gösteriyor. Bu nedenle, bu durumu tersine çevirmek zorunda kaldılar.

PWA'ya Geçmek Airbnb'nin Talebini Nasıl Çözebilir?

Mobil tarama ortamının ne kadar şiddetli olduğunu açıklamak için sektör istatistiklerini burada bulabilirsiniz:

• Ziyaretçilerin %53'ü 3 saniyeden fazla beklemek zorunda kaldıklarında hemen geri dönüyor.
• Yanıt verenlerin %57'si, çekici olmayan bir mobil sitenin önerilerini alamayacağını söyledi.
• Yanıt verenlerin %85'i mobil web'in masaüstünün güncellenmiş sürümü olmasını bekliyordu, tersi değil.

Kullanıcılar, mobil sürümün hızlı, kullanışlı, güzel tasarlanmış ve mobil yerel uygulamalar kadar ilgi çekici olmasını istiyor. PWA'nın yardımıyla Airbnb, yerel uygulamanın en iyi özelliklerinden bazılarını gerçekleştirirken ışık hızında çalışan, güvenli ve kararlı bir mobil web oluşturabilir.

Airbnb PWA, kullanıcıların aşırı tüketen 200 MB'lık bir uygulama yerine ana ekranlarına 12 MB'lık sürümü eklemelerine olanak tanır. Misafirler ve ev sahipleri, bildirim panellerinden açılır mesajlar alabilir.

Sadece bu kadar da değil, dünyanın her yerinden Airbnb kullanıcılarının bağlantıları zayıf olsa bile kalacakları bir yer seçmelerine yardımcı olmak için PWA, anında yükleme ve çevrimdışı modu iş dünyasına getiriyor.

Airbnb PWA Çözümü

Fikir

Airbnb'nin gözleri tek bir hedefe dikildi: dünyanın en iyi aile yanında konaklama ve diğer tatil kiralama şirketlerine uygun birinci sınıf bir mobil tarama deneyimi yaratmak. Çevrimiçi devrimi yakaladıktan sonra, mobil uyumlu kalmanın artık bir avantaj değil, bir zorunluluk olduğunu fark ettiler.

Stratejileri önce mobil, yani önce mobil web olmaktı. Airbnb'nin yeni ziyaretçilerinin çoğu mobil web'den geldi ve yerel uygulama yolculuğuna benzeyen bir şey bekliyorlardı. Ve kullanıcılara istediklerini vereceklerdi.

İnfaz

Yerel uygulamalar, kullanışlı slayt menüleri ve alt gezinmeleriyle ünlüydü. Airbnb, hamburger menüsü yükseltmesi ve hesap kaydı için bir kayıt sekmesi çubuğu ile klasik ile birlikte gitmeye karar verdi. Daha sonra, liste seçimi için en önemli öğe olduğu için harita yeniden tasarımın büyük bir parçasıydı.

Ayrıca PWA'nın herhangi bir ekran boyutunda ve cihazda elinden gelenin en iyisini yapmasını sağladılar. Biraz ekstra çaba her şeyi değiştirir.

Son olarak, eski kafa karıştırıcı, kullanımı zor kullanıcı akışları, tüm içerik sıkışmalarının ve düzen hatalarının toplanıp düzeltileceği yeniden tasarım listesine tamamen kaydoldu.

Sonuçlar

PWA, Airbnb'ye mini sürüm için optimize etme seçeneği verdi ve yükleme süreleri 11,9 saniyeden 4,69 saniyeye düşürüldü. Hızlandığında, daha yumuşak, daha duyarlı ve daha kullanışlı hale geliyor, bunların tümü daha yüksek kullanıcı katılımına yol açıyor, doğru kaydırma anlarının sayısı tüm zamanların en yüksek seviyesine ulaştı.

Ve daha PWA projesini bitirme şansları bile bulamadan önemli sonuçlar ve başarılar toplandı:

• Zorluklara ve zorluklara rağmen, Airbnb ekibi mobil web yeniden tasarımını ve yeniden geliştirmesini bir yıldan kısa bir sürede başardı.
• Dönüşüm oranı %25'lik bir artışa tanık olmuştu.
• Ortalama olarak yaklaşık 5,5 saniyelik yükleme süresiyle performansta 2,5 kat artış.

Airbnb Gibi Bir PWA'yı Nasıl İnşa Edebilirsiniz?

Airbnb PWA, pratikte bir mobil web platformunun birinci sınıf düzeyidir. Oradaki standardı netleştirelim. Airbnb PWA, uzun bir ürün portföyüne sahip bir e-ticaret web sitesine benzer şekilde, milyarlarca aile yanında konaklama ve tatil kiralama listesinin yer aldığı yerdir.

Muazzam bir veritabanıyla, yükleme işleminin kodu işlemesi ve isteğe yanıt vermesi uzun zaman alabilir. Bu nedenle, bir çevrimiçi mağazanın başlaması ve hızlı kalması için daha küçük ölçekte optimize edilmiş bir sürüme çok ihtiyaç vardır.

Bu nedenle PWA, e-ticaret sektörü arasında ünlüdür. Yavaş ve düşük performans gösteren mağazanızı dönüştürmek isteyen bir çevrimiçi işletme sahibiyseniz bu tam size göre.

Neden Tigren PWA?

Orada tonlarca e-ticaret geliştirme hizmetine kolayca ulaşabileceğinizi biliyoruz, ancak ihtiyacınız olan en uygun ajansları aramak ve kontrol etmek çok zaman kaybettirir.

Tigren, PWA geliştirmede dünyanın en iyi dış kaynak ajanslarından biridir. İlk çıktığından beri PWA teknolojisinde ustalaşmak için el yordamıyla yolumuza devam etmiştik. Bugüne kadar dünya çapında yaklaşık 1000 müşteriyle çalıştık ve yatırım getirilerini artırmalarına yardımcı olduk.

Premium Tigren PWA Çözümleri

Size şu konularda yardımcı olabiliriz:

• Sıfırdan bir PWA sitesi oluşturun
• PWA'nın parçalarını özel olarak oluşturun ve entegre edin
• Mevcut bir PWA'yı optimize edin ve yükseltin
• Premium kullanıma hazır TigrenPWA teması

Bizimle iletişime geçtiğinizde ücretsiz danışmanlık alacaksınız ve iyi bir eşleşme olup olmadığına karar vermeden önce bir fiyat teklifi bile isteyebilirsiniz. Projelerin karmaşıklığına bağlı olarak, sonucun tam olarak istediğiniz gibi olmasını sağlamak için gün batımından şafağa kadar yanınızda olan 3-12 ay ücretsiz destek sunabiliriz.

Önemli Çıkarımlar

Airbnb PWA büyük bir başarıydı, arkadaki sorumlu kişileri geriye baktıklarında gururlandırdı ve kullanıcılar bir sonraki seyahatleri için hazırlanmaya başladıklarında gülümsediler.

Airbnb hızlı, güvenilir, istikrarlı, büyüleyici bir şekilde tasarlanmış ve çekici bir şekilde ilgi çekici ve ayrıca ekiplerinin bir süredir sunduğu birinci sınıf; başka ne isteyebilirler?

PWA'nın çevrimiçi ortama hakim olan geleceğin bir sonraki standardı olarak umut verici beklentisiyle, erken benimseyenler için davet konusundaki kararınız nedir?