Bir konaklama işletmesi, kullanıcı etkileşimini önemli ölçüde artırmak ve dosya boyutunu düşük tutmak için web içeriğine dayanan bir Android uygulaması nasıl geliştirdi?
2013'te kurulan OYO Rooms, 80'den fazla ülkedeki yüzlerce şehirde otelleriyle Hindistan'ın en büyük konaklama şirketlerinden biri haline geldi. Bu başarının kaynağı, online rezervasyon deneyimini mümkün olduğunca hızlı ve kolay hale getirmektir.
OYO ekibi yakın zamana kadar bu hedefe ulaşmak için hem Progresif Web Uygulaması (PWA) hem de Android uygulaması sunuyordu. Android uygulaması önemli ölçüde daha yüksek etkileşim sağladı: kullanıcılar PWA kullananlardan üç kat daha fazla dönüşüm gerçekleştirdi. Ancak kullanıcılar depolama alanıyla ilgili endişeleri nedeniyle zaman içinde Android uygulamasını kaldırma eğiliminde de oluyor.
Ekip, Android uygulamasının kullanıcıların cihazlarındaki ayak izini azaltırken Android deneyiminin avantajlarını korumak için Güvenilir Web Etkinlikleri'ne (TWA'lar) yönelmeye karar verdi.
TWA nedir?
Chrome 72'den önce, platforma özel uygulamalarında web içeriği görüntülemek isteyen Android geliştiricileri, anlamlı bazı sınırlamalara tabi olan WebView'nü kullanmak zorundaydı: Chrome kadar hızlı değildir ve Chrome'un tüm API'lerini ve özelliklerini içermez. Dolayısıyla, Web Görünümü'nün oluşturma motorunun desteklemediği bir davranış istiyorsanız bunun etrafında kendi tarayıcınızı oluşturmanız gerekiyordu. Bu da pek basit bir şey değildir!
Güvenilir Web Etkinlikleri (TWA'lar), web içeriğini doğrudan Chrome'da göstererek bu sınırlamaları ele alır. TWA adını ayrıntılı olarak belirtmek, özelliklerini açıklamaya yardımcı olur: - Etkinlik, bir Android uygulamasının kullanıcı arayüzündeki tek bir ekran veya görüntülemedir. - TWA'lar, uygulama etkinliklerine yönelik web içeriğini göstermek için Chrome'u kullanır. - TWA'nın içeriği, Android uygulamasını ve görüntülediği web içeriğini aynı kişinin oluşturduğunu doğrulamak için Dijital Öğe Bağlantıları'nı kullandığından güvenilir.
Neden platforma özel bir uygulama yerine TWA?
Giderek daha fazla Android uygulaması, geliştiricilerin kendi web sitelerinden içerik gönderiyor. TWA'lar, platforma özel dünyanın ve web uygulaması dünyasının en iyi özelliklerini sunarak bu gerçeği kabul etmektedir:
- Başlatıcı simgesi, push bildirimleri ve tam ekran görünümü de dahil olmak üzere, Android uygulamalarının beklenen tüm işlevlerine sahiptirler.
- Chrome'un performansını ve özelliklerini sunarlar.
- Cihazda yüklü Chrome sürümünü kullanırlar, böylece her zaman en son API'lere ve özelliklere sahip olurlar.
- Platforma özel bir uygulamaya kıyasla önemli ölçüde daha az depolama alanı kullanırlar. Bu durum, özellikle alt segment cihazlara sahip olanlar olmak üzere birçok kullanıcıyı endişelendirir.
Chrome'da çalışmanın bazı kullanışlı avantajları da vardır. Örneğin, TWA'lar çerezler, şifreler ve Web Storage API kullanılarak depolanan her şey dahil olmak üzere Chrome'un depolama alanını paylaşır. Bu kurulumun bir avantajı, kullanıcıların tarayıcı ve TWA uygulamasında oturumlarının açık kalmasıdır.
OYO Lite'ı geliştirme
OYO ekibi, cihazın depolama alanından ödün vermek zorunda kalmadan kullanıcılarına tüm özelliklerin bulunduğu bir uygulama deneyimi sunmak istediğinden, mevcut PWA'ları üzerine kurulu bir TWA olan OYO Lite'ı oluşturmaya karar verdiler.
PWA ile başlamak çok önemlidir. Kullanıcılar, Android başlatıcıdan çalıştırdıkları uygulamalarda tüm özelliklere sahip bir deneyim bekler. Bu nedenle, TWA'da sunulan web içeriği bu deneyimi sağlamalıdır. Örneğin:
- Hızlı yükleme ve yanıt süreleri
- Kullanıcının sınırlı bağlantısı olduğunda veya hiç bağlantısı olmadığında güvenilirlik
- Tek bir görünüm ve tarz (ör. başlangıç ekranı ve uygulama rengi sağlayarak)
PWA'nız varsa temel bir TWA oluşturma adımları, daha önce Android için hiç uygulama geliştirmemiş olsanız bile zahmetsiz olacak şekilde tasarlanmıştır. OYO ekibi şunları yaptı:
- Uygulamanın oyorooms.com içeriğini göstermesine izin vermek için
DEFAULT_URLve amaç filtreleri içeren bir Android manifest dosyası oluşturuldu. - Dijital Öğe Bağlantısı doğrulamasını kullanarak tarayıcının URL çubuğunu kaldırdı.
- Başlatıcı simgesi oluşturuldu.
- Özel bir başlangıç ekranı oluşturuldu.
Sonuç şöyle olur:
Temel bir TWA oluşturmayla ilgili daha ayrıntılı bir adım adım açıklamalı kılavuz için Peter McLachlan ve Andre Bandarra'nın Google I/O 2019'daki TWA konuşmasına göz atın.
OYO ekibinin OYO Lite'ı nasıl oluşturduğu hakkında daha fazla bilgi edinmek için Ankit Jain'in Medium'daki yayınına göz atın.
Bir TWA, OYO'nun kullanıcılarının ihtiyaçlarını karşılamasına nasıl yardımcı oldu?
Uygulama öğelerinin çoğunu Chrome'un önbelleğinde depolayan OYO ekibi, OYO Lite için ilk indirme boyutunu 850 KB'a düşürmeyi başardı. Bu, kullanıcıların Android uygulamalarının yalnızca% 7'si boyutunda.
Bu küçük ayak izi, Google Play Store'dan indirilebilen bir Android uygulamasının imkanlarıyla bir araya geldiğinde kullanıcı etkileşiminde önemli kazanımlar elde etti:
- Dönüşüm oranının PWA'nın oranından üç kat daha yüksek olması
- PWA'dan ortalama üç kat daha fazla giriş yapan kullanıcı
- Google Play Store'da 4,1 puan
Kullanıcılara yönelik avantajların yanı sıra, TWA ile çalışmak, ekibin tek bir kod tabanına sahip olması ve bu kod tabanının, kullanıcıların uygulamanın son sürümünü indirmesini beklemek zorunda kalmadan kolayca güncelleyebilmesi anlamına geliyordu.
Kendi TWA'nızı oluşturun
OYO'nun online rezervasyon platformu, TWA'lar için kullanım alanlarından yalnızca biridir. Alışveriş sepetleri ve ödeme akışlarından SSS'lere ve iletişim formlarına kadar platforma özel uygulamalar veya web sayfaları şeklinde oluşturulmuş birçok projede ideal olabilirler.
TWA'ları kullanmaya başlamak için şu bağlantılara göz atın: