Bir konaklama girişimi, kullanıcı etkileşimini önemli ölçüde artırmak ve dosya boyutunu düşük tutmak için web içeriğine dayalı bir Android uygulaması nasıl oluşturdu?
2013'te kurulan OYO Rooms, 80'den fazla ülkede yüzlerce şehirde bulunan otelleriyle Hindistan'ın en büyük konaklama şirketlerinden biri hâline geldi. Bu başarının bir kısmı, online rezervasyon deneyimini mümkün olduğunca hızlı ve kolay hale getirmekten kaynaklanıyor.
Yakın zamana kadar OYO ekibi 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 kullananlara kıyasla üç kat daha fazla dönüşüm gerçekleştirdi. Ancak kullanıcılar, depolama alanıyla ilgili endişeler nedeniyle zaman içinde Android uygulamasını kaldırma eğilimindeydi.
Ekip, Android deneyiminin avantajlarını korurken Android uygulamasının kullanıcı cihazlarındaki ayak izini azaltmak 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ştiricilerin Web Görünümü'nü kullanmaları gerekiyordu. Bu API, bazı önemli sınırlamalara sahipti: Chrome kadar hızlı değildi ve Chrome'un tüm API'lerini ve özelliklerini içermiyordu. Dolayısıyla, WebView'un oluşturma motorunun desteklemediği bir davranış istiyorsanız kendi tarayıcınızı buna göre oluşturmanız gerekiyordu. Bu da pek kolay bir şey değil.
Güvenilir Web Etkinlikleri (TWA'lar), web içeriğini doğrudan Chrome'da göstererek bu sınırlamaları giderir. TWA adını bölümlere ayırmak, özelliklerini açıklamaya yardımcı olur: - Etkinlik, Android uygulamasının kullanıcı arayüzündeki bir ekran veya görünümdür. - TWA'lar, uygulamanın etkinliklerine yönelik web içeriğini görüntülemek 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ı kullandığından güvenilirdir.
Neden platforma özel bir uygulama yerine TWA geliştirilsin?
Giderek daha fazla Android uygulaması, geliştiricilerin kendi web sitelerinden içerik sunuyor. TWA'lar, platforma özgü ve web uygulaması dünyasının en iyilerini sunarak bunu kabul ediyor:
- Başlatıcı simgesi, push bildirimleri ve tam ekran görüntüleme dahil olmak üzere Android uygulamalarından beklenen tüm işlevlere sahiptirler.
- Chrome'un performansını ve özelliklerini sunar.
- Cihazda yüklü Chrome sürümünü kullandıkları için her zaman en yeni API'lere ve özelliklere sahip olurlar.
- Platforma özel bir uygulamaya kıyasla çok daha az depolama alanı kullanırlar. Bu durum, özellikle de düşük kaliteli cihazlara sahip kullanıcılar için önemli bir konudur.
Chrome'da çalıştırmanın bazı 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ı olacaktır.
OYO Lite'ı oluşturma
OYO ekibi, kullanıcılarına cihaz depolama alanından ödün vermeden tam özellikli bir uygulama deneyimi sunmak istedi. Bu nedenle, mevcut PWA'ları üzerine inşa edilmiş bir TWA olan OYO Lite'i oluşturmaya karar verdi.
PWA ile başlamak çok önemlidir. Kullanıcılar, Android başlatıcıdan çalıştırdıkları bir uygulamada tam özellikli bir deneyim bekler. Bu nedenle, TWA'da sunulan web içeriği aşağıdakiler dahil olmak üzere bu deneyimi sağlamalıdır:
- Hızlı yükleme ve yanıt süreleri
- Kullanıcının bağlantısı sınırlı olduğunda veya hiç olmadığında güvenilirlik
- Birleşik bir görünüm ve tarz (ör. başlangıç ekranı ve uygulama rengi sağlayarak)
Halihazırda bir PWA'nız varsa temel bir TWA oluşturma adımları, daha önce hiç Android için geliştirme yapmamış olsanız bile az çaba gerektirecek şekilde tasarlanmıştır. OYO ekibinin yaptıkları:
- Uygulamanın oyorooms.com'dan içerik göstermesine izin vermek için
DEFAULT_URLve intent filtreleri içeren bir Android manifest dosyası oluşturdu. - Dijital Öğe Bağlantısı doğrulamasını kullanarak tarayıcı URL çubuğunu kaldırdı.
- Başlatıcı simgesi oluşturuldu.
- Özel başlangıç ekranı oluşturuldu.
Sonuç şöyle olur:
Temel bir TWA oluşturmayla ilgili daha ayrıntılı bir açıklama 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'i nasıl oluşturduğu hakkında daha fazla bilgi edinmek için (tüm Android kullanıcılarının erişebileceği bir açılış ekranı oluşturma yaklaşımlarına dair ayrıntılı bilgi de dahil) Ankit Jain'in Medium'daki yayınını inceleyin.
Bir TWA, OYO'nun kullanıcılarının ihtiyaçlarını karşılamasına nasıl yardımcı oldu?
OYO ekibi, uygulama öğelerinin çoğunu Chrome'un önbelleği içinde depolayarak OYO Lite'ın başlangıçtaki indirme boyutunu 850 KB'a düşürmeyi başardı. Bu, Android uygulamalarının boyutunun yalnızca %7'sidir.
Google Play Store'dan indirilebilen bir Android uygulamasının sunduğu olanaklarla birlikte bu küçük boyut, kullanıcı etkileşimini önemli ölçüde artırdı:
- PWA'nın oranına kıyasla üç kat daha yüksek bir dönüşüm oranı
- PWA'ya kıyasla ortalama üç kat daha fazla giriş yapmış kullanıcı
- Google Play Store'da 4,1 puan
Kullanıcılara yönelik avantajların yanı sıra TWA'ya geçmek, ekibin yalnızca tek bir kod tabanına sahip olması anlamına geliyordu. Bu kod tabanı, kullanıcıların uygulamanın en son sürümünü indirmesini beklemek zorunda kalmadan kolayca güncellenebiliyordu.
Kendi TWA'nızı oluşturun
OYO'nun online rezervasyon platformu, TWA'ların kullanım alanlarından yalnızca bir tanesi. Alışveriş sepetleri ve ödeme akışlarından SSS'lere ve iletişim formlarına kadar, şu anda platforma özel uygulamalar veya web sayfaları olarak oluşturulmuş birçok proje için mükemmel bir seçim olabilirler.
TWA'ları kullanmaya başlamak için şu bağlantılara göz atın: