2022'de En İyi 12 Progresif Web Uygulaması (PWA) Örneği
Yayınlanan: 2022-01-03İçindekiler
Performansın herhangi bir çevrimiçi girişimin başarısı ve karlılığı için hayati olduğu bir sır değil. Sonuç olarak, endüstrilerdeki web siteleri, performanslarını artırmak için Aşamalı Web Uygulamaları (PWA'lar) adı verilen yeni bir standart kullanıyor.
Google tarafından desteklenen ön uç teknolojisi, cihaz veya ağ durumu ne olursa olsun yüksek düzeyde performans sağlamayı amaçlar. Bunu, güvenilir, hızlı ve ilgi çekici yerel uygulama nitelikleriyle PWA'ları geliştirerek başarırlar. Çok fazla ilgi görmekle birlikte, PWA'lar kavramı çoğu insan için nispeten yenidir.
Bir Aşamalı Web Uygulamasının geleneksel duyarlı web sitelerinden nasıl farklı olduğunu derinlemesine anlamak için en iyi yol, bazı iyi PWA örneklerine bakmaktır.
Yeni web teknolojisini kendiniz deneyimleyebilmeniz için çeşitli sektörlerdeki etkileyici Aşamalı Web Uygulaması örneklerinin bir listesini burada bulabilirsiniz.
1. Starbucks
Tüm müşterilerine erişilebilir, kullanıcı dostu çevrimiçi sipariş sağlamayı hedefleyen Starbucks, web üzerinde sipariş sisteminin bir PWA'sını oluşturdu ve bu, mevcut yerel uygulamalarına benzer bir deneyim sunuyor. Başka bir deyişle, çevrimdışı modda çalışabilme özelliğiyle Starbucks PWA, müşterilerinin menüye göz atmalarına, siparişlerini özelleştirmelerine ve sepetlerine ürün eklemelerine olanak tanır - bunların tümü internete tutarlı erişim olmadan. Çevrimiçi olduklarında, konuma özel fiyatlandırmayı görüntüleyebilir ve yiyecek ve içecek siparişlerini verebilirler.
PWA'nın çoğu ağ bağlantısı olmadan kullanılabildiğinden, gün boyunca bağlantıya girip çıkabilen hareket halindeki müşteriler veya bağlantının daha az güvenilir olduğu kırsal topluluklar gibi gelişmekte olan pazarlar için harikadır. Starbucks, yeni sipariş PWA'sını başlatarak şimdiden önemli sonuçlar elde etti. PWA, Starbucks'ın mevcut iOS uygulamasından %99,84 daha küçüktür ve web uygulamasını kullanıcılarının favorisi haline getirir. Sonuç olarak, her gün sipariş veren web kullanıcılarının sayısını iki katına çıkardılar ve masaüstü kullanıcıları artık mobil kullanıcılarla hemen hemen aynı oranda sipariş veriyor.
2. Debenhamlar
Moda endüstrisinde alışveriş deneyimlerini dönüştüren markalardan bahsederken Debenham'ı kaçırmamalısınız. Ünlü İngiliz markası, eski web sitelerinin mobil trafiği artırmasına rağmen mobil dönüşüm oranının artmadığını fark etti. Böylece dijital dönüşüm zamanının geldiğine karar verdiler, aksi takdirde dijital ve genel büyümeleri yakında yavaşlayacaktı. Marka, özellikle mobil cihazlarda kullanıcılara sorunsuz bir deneyim sunabilecek bir çözüm aradı.
PWA, Debenhams'taki ekibin cevabıydı. Eski web sitelerini bir PWA'ya dönüştürdükten sonra, çabaları kesinlikle karşılığını verdi. Yavaş sayfalar, gezinmesi zor yapı, karmaşık ödeme süreci gibi müşteri yolculuğundaki engelleri kaldırarak müşteri deneyimini iyileştirdiler. Genel olarak Debenhams, mobil gelirde %40 ve dönüşümlerde %20 artış elde etti.
3. BMW
Otomobil endüstrisinde öncü bir marka olarak BMW, ister otomobilleri ister web siteleri olsun, yeni teknolojilerden çekinmediklerini kanıtlıyor. Müşteri deneyimini geliştirmek için marka, değerlerini yansıtan kaliteli ve ilgi çekici içerik sağlamaya çalıştı.
Yeni BMW'nin PWA'sı kesinlikle kullanıcılara bir 'vay' deneyimi sunuyor. Herkesin fark edeceği ilk şey, yüksek çözünürlüklü resimler ve videolar olur ve web, tüm bu özelliklerle (eski siteden 4 kat daha hızlı) hemen hemen anında yüklenir. Raporları ayrıca PWA'nın kurulmasının ardından başka etkileyici rakamlar da gösterdi: ana sayfadan bir BMW satış sitesine tıklayan kişilerde 4 kat artış; Mobil kullanıcılarda %50 büyüme ve eski siteye kıyasla %49 daha fazla site ziyareti.
4. Flipboard
Dünyanın en popüler sosyal dergisi Flipboard, okuyucuların ilgilendikleri tüm konuları, haberleri ve etkinlikleri tek bir yerden takip etmelerini sağlıyor. Kullanıcının ilgisine göre platform, dünyanın dört bir yanından haber ve hikayeleri bir dergi formatında bir araya getiriyor. Flipboard kullanıcıları en sevdikleri kaynakları takip edebilir ve daha sonra okumak veya başkalarıyla paylaşmak için hikayeleri, görüntüleri ve videoları kendi Flipboard dergilerine kaydedebilir.
Flipboard, çevrimiçi haberler için PWA'nın en iyi örneklerinden biridir. PWA, güzel bir arayüzde kaygan ve hızlı bir tarama deneyimi sunmak için veri kullanımını en aza indirir. PWA'larının piyasaya sürülmesine kadar Flipboard, yalnızca mobil cihazlarda sunulan bir mobil uygulamaydı. Bu nedenle, artık PWA, Flipboard'un web'deki tam özellikli yerel uygulamalarına benzer bir deneyim sunmasına izin vererek, masaüstü kullanıcıları için de kullanılabilir hale getiriyor.
5. Ses dilimi
Soundslice, müzisyenlerin müziği öğrenme ve pratik yapma biçiminde devrim yaratan web üzerindeki gelişmiş müzik eğitimi yazılımıdır. Şirket, en iyi müzik oluşturma ve öğrenme deneyimini sunmak için PWA'dan yararlanır. PWA tabanlı yazılım, yenilikçi bir müzik çalarla kendi kendini yetiştirmiş müzisyenler için bir müzik parçasını öğrenme sürecini daha kolay ve daha verimli hale getirir. Soundslice oynatıcı, kullanıcıların ister telefon ister büyük ekranlı masaüstü olsun, herhangi bir cihazda okurken ve dinlerken bir müzik parçasını öğrenmelerine olanak tanır. Bunun da ötesinde, müzik öğretmenleri aracı etkileşimli müzik dersleri oluşturmak için kullanabilir. Kayıtlardan öğrenmeye odaklanan Soundslice, ayrıca ders ve transkripsiyon satan bir mağazaya sahiptir.
6. 2048 Oyun
Bulmaca oyunu 2048, ilk olarak 2014 yılında Android ve iO'lar için ücretsiz bir uygulama olarak piyasaya sürüldü. Lansmanından sonraki bir haftadan kısa bir süre içinde 4 milyondan fazla kullanıcıyla hemen viral bir hit haline geldi. Oyun basit ve bağımlılık yapar. “Matematik meraklıları için Candy Crush” olarak tanımlanan amacı, aynı sayılara sahip blokları toplam 2048'e çıkarmaktır. Oyuncuların herhangi bir web tarayıcısından anında erişebilmeleri için resmi bir PWA sürümü 2048game.com'da kullanıma sunulmuştur. Yumuşak geçişler ve tam ekran görünümüyle, PWA'yı yerel uygulamadakinden ayırt etmek zor. Ayrıca 2048 PWA, çevrimdışı modda tamamen çalınabilir.
7. Seyahatimi Yap
MakeMyTrip.com sitesi, PWA'nın harika bir örneğidir. Hindistan'ın önde gelen seyahat şirketi, sitelerini aylık bazda yaklaşık sekiz milyon ziyaretçiye sahip ve mobil trafik üçte ikisini oluşturuyor. Mobil, MakeMyTrip müşterileri arasında rezervasyon için en çok tercih edilen kanal haline geldiğinden, hızlı, güvenilir ve parlak bir mobil web deneyimi sağlayan bir PWA geliştirdiler.
Yeni PWA deneyimi, sayfa yükleme sürelerini %38 oranında azaltarak dönüşüm oranını üç katına çıkardı. MakeMyTrip, önceki mobil siteleriyle karşılaştırıldığında, kullanıcı oturumlarında %160 artış sağladı ve hemen çıkma oranını %20 düşürdü.
8. Über
Şirket yeni pazarlara açılırken, yerel mobil uygulamayla karşılaştırılabilir bir rezervasyon deneyimi sunmak için Uber ağı PWA olarak sıfırdan yeniden oluşturuldu. Uber PWA, araç rezervasyonunu düşük hızlı 2G ağlarda uygulanabilir kılmak için tasarlanmıştır. Tüm modern tarayıcılarda erişilebilen uygulama benzeri bir deneyim konsepti etrafında inşa edilen PWA, yerel Uber uygulamasıyla uyumlu olmayabilecek düşük kaliteli cihazlarda sürücüler için mükemmeldir.
Uber, yerel deneyimi süper hafif bir web uygulamasında bir araya getirerek konum, ağ hızı ve cihazdan bağımsız olarak hızlı yolculuk isteklerini etkinleştirdi. Yalnızca 50 kB'lik çekirdek uygulama, 2G ağlarında 3 saniye içinde yüklenmesine izin verir.
9. Kopa (Padpiper )
Kopa (eski adıyla Padpiper), öğrencilerin okul dönemleri ve stajlar için güvenilir konutları kolayca bulmalarına yardımcı olan ve ev sahiplerinin alanları için uygun kiracıları hızla bulmalarına olanak tanıyan bir platformdur. Aslında, platform şu anda 9000 okulu destekliyor ve PWA'sında 100'den fazla listeye sahip. Öğrencilere en uygun olanı bulma konusunda zaman kazandırmak için ev sahiplerini doğruladılar ve incelemeleri listelediler. Öğrenciler iş adresini ekledikten sonra, sonuçlar sayfasındaki her bir listeden çalışmak için yol tarifi arayabilirler. Web uygulaması ayrıca öğrencileri yanlarında çalışan diğer kişilerle bağlayabilir veya sınıf arkadaşlarının işbirliği içinde nerede olduğunu öğrenebilir.
10. Pinterest
Uluslararası büyümeye odaklanan Pinterest, yeni mobil web deneyimine sıfırdan bir PWA olarak başladı. Sosyal ağ, mobil kullanıcılarının yalnızca %1'inin, mobil cihazlarda düşük performans nedeniyle kaydolma, oturum açma veya uygulama yükleme işlemlerine dönüştüğünü tespit etti.
Dönüşümü iyileştirme fırsatının çok büyük olduğunu fark edince, PWA teknolojisini kullanarak mobil web'i yeniden oluşturdular ve bu da birkaç olumlu sonuca yol açtı: Harcanan süre önceki mobil web'e kıyasla %40 arttı, kullanıcı tarafından oluşturulan reklam geliri arttı %44 ve temel etkileşimler %60 arttı
11. Nefis
Yummly, kişiselleştirilmiş tarifler, alışveriş listeleri ve bir saatlik market teslimatı önermek için bireyin zevkini, beslenme ihtiyaçlarını, beceri düzeyini ve daha fazlasını öğrenen akıllı pişirme keşif platformudur. Yerel Android ve iOS uygulamasının yanı sıra Yummly, web tarayıcılarında PWA olarak da mevcuttur. Yerel varlığına çok benzeyen Yummly PWA, yemek, yemek pişirme ve yemek tarifleri için bir arama motoru sunar. Kullanıcıların en iyi yemek sitelerinden, niş bloglardan veya yerel gıda markalarından elde edilen bir milyondan fazla tarif arasından arama yapmasına olanak tanır. Ayrıca, arama sonuçları içerik, diyet, alerji, beslenme, fiyat, mutfak, zaman, tat, yemek kursları ve daha fazlasına göre filtrelenebilir.
12. Spotify
Favori müzik çalarınız artık PWA ile çalışıyor. Spotify ve Apple arasında Apple'ın %30 uygulama mağazası komisyonuyla ilgili bazı anlaşmazlıklar nedeniyle, Spotify, diğer birçok büyük markanın sahip olduğu gibi, uygulamalarının PWA sürümünü geliştirmeye başlamak için zamanında bir fırsat buldu. Yerel uygulamadaki karşılığıyla karşılaştırıldığında, PWA sürümü, kullanıcı uygulamada ilerledikçe arka planını değiştiren kendi benzersiz ve uyarlanabilir kullanıcı arayüzüyle oldukça hızlıdır. Diğer birçok PWA gibi, kullanıcılardan da Spotify PWA'yı ana ekranlarına eklemeleri istenir ve bu da Spotify PWA'yı diğer sürümleriyle daha erişilebilir ve eşit hale getirir.
Toplama
PWA, PWA oyunlarından PWA Magento'ya kadar teknoloji dünyasının birçok bölümüne uygulanabilir. PWA ve kendi alanınızdaki kullanım durumları hakkında daha derinlemesine bilgi edinmek için lütfen diğer özel makalelerimize göz atın:
Daha fazla okuma
