Progresif Web Uygulamanızı (PWA) yüklemek, kullanıcıların uygulamanızı bulup kullanmasını kolaylaştırabilir. Tarayıcı tanıtımı yapıldığında bile bazı kullanıcılar PWA yükleyebileceklerinin farkında değildir. Bu nedenle, PWA'nızın yüklenmesini tanıtmak ve etkinleştirmek için kullanabileceğiniz bir uygulama içi deneyim sunmanız faydalı olabilir.
Bu makale, PWA'nızın yüklenmesini tanıtmanın farklı yolları için bir başlangıç noktası sunar. Hangi deseni veya desenleri kullandığınızdan bağımsız olarak, hepsi yükleme akışını tetikleyen aynı koda yönlendirir. Bu kod, Kendi uygulama içi yükleme deneyiminizi sağlama başlıklı makalede açıklanmıştır.
En iyi uygulamalar
Sitenizde hangi promosyon kalıplarını kullanıyor olursanız olun, geçerli olan bazı en iyi uygulamalar vardır.
- Promosyonları kullanıcı yolculuklarınızın akışında yer almayan bir yere koyun. Örneğin, PWA giriş sayfasında harekete geçirici mesajı giriş formunun ve gönder düğmesinin altına koyun. Promosyon kalıplarının rahatsız edici şekilde kullanılması, PWA'nızın kullanılabilirliğini azaltır ve etkileşim metriklerinizi olumsuz etkiler.
- Tanıtımı kapatma veya reddetme seçeneği ekleyin. Kullanıcı bu işlemi yaptığında kullanıcının tercihini hatırlayın ve yalnızca kullanıcının içeriğinizle ilişkisinde bir değişiklik olursa (ör. oturum açması veya bir satın alma işlemini tamamlaması gibi) tekrar istem gönderin.
- PWA'nızın farklı bölümlerinde teknikleri birleştirin ancak yükleme promosyonuyla kullanıcınızı bunaltmamaya veya rahatsız etmemeye dikkat edin.
- Promosyonu yalnızca
beforeinstallpromptetkinliği tetiklendikten sonra gösterin.
Otomatik tarayıcı tanıtımı
Belirli ölçütler karşılandığında çoğu tarayıcı, kullanıcıya Progresif Web Uygulamanızın yüklenebileceğini otomatik olarak gösterir. Örneğin, masaüstü Chrome'da çok amaçlı adres çubuğunda bir yükle düğmesi gösterilir.
Android için Chrome, kullanıcıya küçük bir bilgi çubuğu gösterir. Ancak bu, beforeinstallprompt etkinliğinde preventDefault() çağrılarak önlenebilir.
preventDefault() işlevini çağırmazsanız banner, bir kullanıcı sitenizi ilk kez ziyaret edip Android'de yükleme ölçütlerini karşıladığında ve yaklaşık 90 gün sonra tekrar gösterilir.
Kullanıcı arayüzü tanıtım kalıpları
Kullanıcı arayüzü tanıtım kalıpları hemen hemen her tür PWA için kullanılabilir ve site gezinme menüsü ve banner'lar gibi yerlerde gösterilebilir. Diğer tüm tanıtım modellerinde olduğu gibi, kullanıcı yolculuğundaki kesintileri en aza indirmek için kullanıcının bağlamını bilmek önemlidir.
Promosyon kullanıcı arayüzünü ne zaman tetikleyecekleri konusunda dikkatli olan siteler daha fazla yükleme elde eder ve yüklemeyle ilgilenmeyen kullanıcıların yolculuklarını engellemez.
Basit yükleme düğmesi
Kullanıcı deneyimini en basit şekilde sağlamak için web içeriğinizin uygun bir yerine "Yükle" veya "Uygulamayı indir" düğmesi ekleyebilirsiniz. Düğmenin diğer önemli işlevleri engellemediğinden ve kullanıcının uygulamanızdaki yolculuğunun önünde durmadığından emin olun.
Sabit başlık
Bu, sitenizin başlığında yer alan bir yükleme düğmesidir. Diğer başlık içerikleri genellikle logo ve hamburger menüsü gibi site markalamalarını içerir. Başlıklar, sitenizin işlevine ve kullanıcı ihtiyaçlarınıza bağlı olarak position:fixed olabilir veya olmayabilir.
Doğru şekilde kullanıldığında, sitenizin başlığından PWA yüklemesini tanıtmak, en sadık müşterilerinizin deneyiminize geri dönmesini kolaylaştırmanın mükemmel bir yoludur. PWA başlığınızdaki pikseller değerlidir. Bu nedenle, yükleme işleme çağrınızın uygun boyutta olduğundan, diğer olası başlık içeriklerinden daha önemli olduğundan ve kullanıcının dikkatini dağıtmadığından emin olun.
Aşağıdakilerden emin olun:
beforeinstallprompttetiklenmediği sürece yükle düğmesini göstermeyin.- Yüklü kullanım alanınızın değerini kullanıcılarınız için değerlendirin. Promosyonunuzu yalnızca bundan yararlanma olasılığı olan kullanıcılara sunmak için seçici hedeflemeyi kullanabilirsiniz.
- Değerli başlık alanını verimli bir şekilde kullanın. Başlıkta kullanıcınıza sunabileceğiniz başka nelerin faydalı olacağını düşünün ve yükleme promosyonunun diğer seçeneklere kıyasla önceliğini değerlendirin.
Gezinme menüsü
Menüyü açan kullanıcılar deneyiminizle etkileşime geçtiği için gezinme menüsü, uygulamanızın yüklenmesini tanıtmak için mükemmel bir yerdir.
Aşağıdakilerden emin olun:
- Önemli gezinme içeriklerini kesintiye uğratmayın. PWA yükleme promosyonunu diğer menü öğelerinin altına koyun.
- Kullanıcının PWA'nızı yüklemekten neden faydalanacağına dair kısa ve alakalı bir tanıtım sunun.
Açılış sayfası
Açılış sayfalarının amacı ürün ve hizmetlerinizi tanıtmaktır. Bu nedenle, PWA'nızın yüklenmesinin avantajlarını tanıtırken bu sayfayı geniş kapsamlı bir şekilde kullanabilirsiniz.
İlk olarak sitenizin değer teklifini açıklayın, ardından ziyaretçiler için kurulumdan ne elde edeceklerini belirtin.
Aşağıdakilerden emin olun:
- Ziyaretçileriniz için en önemli özelliklere odaklanın ve onları açılış sayfanıza yönlendirmiş olabilecek anahtar kelimeleri vurgulayın.
- Yükleme promosyonunuzu ve harekete geçirici mesajınızı dikkat çekici hale getirin ancak bunu değer teklifinizi açıkça belirttikten sonra yapın. Sonuçta burası sizin açılış sayfanız.
- Uygulamanızın, kullanıcıların zamanlarının çoğunu geçirdiği bölümüne bir yükleme promosyonu eklemeyi düşünün.
Banner yükleme
Kullanıcıların çoğu, mobil deneyimlerde kurulum banner'larıyla karşılaşmış ve banner'ın sunduğu etkileşimlere aşinadır. Banner'lar kullanıcının dikkatini dağıtabileceği için dikkatli kullanılmalıdır.
Aşağıdakilerden emin olun:
- Banner göstermeden önce kullanıcının sitenize ilgi gösterdiğinden emin olun. Kullanıcı banner'ınızı kapatırsa kullanıcı, içeriğinizle daha yüksek düzeyde etkileşim sağladığını gösteren bir dönüşüm etkinliğini (ör. bir e-ticaret sitesinde satın alma işlemi veya hesaba kaydolma) tetiklemediği sürece banner'ınızı bir daha göstermeyin.
- Banner'da, PWA'nızın yüklenmesinin değerini kısaca açıklayın. Örneğin, kullanıcının cihazında neredeyse hiç depolama alanı kullanmadığını veya mağaza yönlendirmesi olmadan anında yükleneceğini belirterek PWA'nın yükleme sürecini iOS/Android uygulamasından ayırt edebilirsiniz.
Geçici kullanıcı arayüzü
Giriş çubuğu tasarım kalıbı gibi geçici kullanıcı arayüzü, kullanıcıyı bilgilendirir ve bir işlemi (bu durumda uygulamayı yükleme) kolayca tamamlamasına olanak tanır. Bu tür kullanıcı arayüzü kalıpları doğru şekilde kullanıldığında kullanıcı akışını kesintiye uğratmaz ve kullanıcı tarafından yoksayılırsa genellikle otomatik olarak kapatılır.
Uygulamanızla birkaç etkileşimden sonra bilgi çubuğu gösterin. Sayfa yüklenirken veya bağlam dışında gösterilirse kolayca gözden kaçabilir ya da bilişsel aşırı yüke neden olabilir. Bu durumda kullanıcılar gördükleri her şeyi kapatır. Sitenize gelen yeni kullanıcıların PWA'nızı yüklemeye hazır olmayabileceğini unutmayın. Bu nedenle, bu modeli kullanmadan önce kullanıcıdan güçlü ilgi alanı sinyalleri (ör. yinelenen ziyaretler, kullanıcı oturum açma veya benzer bir dönüşüm etkinliği) almadan önce beklemeniz önerilir.
Aşağıdakilerden emin olun:
- Snackbar'ı 4 ila 7 saniye boyunca göstererek kullanıcılara engel olmadan, görüp tepki vermeleri için yeterli zaman tanıyın.
- Banner'lar gibi diğer geçici kullanıcı arayüzlerinin üzerinde göstermekten kaçının.
- Bu kalıbı kullanmadan önce kullanıcıdan güçlü ilgi sinyalleri (ör. tekrar ziyaretler, kullanıcı oturumu açma veya benzer bir dönüşüm etkinliği) alana kadar bekleyin.
Dönüşümden sonra
Kullanıcı dönüşüm etkinliğinden hemen sonra (ör. bir e-ticaret sitesinde satın alma işleminden sonra) PWA'nızın yüklenmesini tanıtmak için mükemmel bir fırsat elde edersiniz. Kullanıcı, içeriğinizle açık bir şekilde etkileşimde bulunur ve dönüşüm genellikle kullanıcının hizmetlerinizle tekrar etkileşimde bulunacağına işaret eder.
Rezervasyon veya ödeme yolculuğu
Sıralı bir yolculuk sırasında veya sonrasında (ör. rezervasyon veya ödeme akışları sonrasında) yükleme promosyonu gösterin. Promosyonu kullanıcı yolculuğu tamamladıktan sonra gösteriyorsanız yolculuk tamamlandıktan sonra genellikle daha belirgin hale getirebilirsiniz.
Aşağıdakilerden emin olun:
- Alakalı bir harekete geçirici mesaj ekleyin. Uygulamanızın yüklenmesinden hangi kullanıcılar nasıl yararlanacak? Şu anda bulundukları yolculukla ne kadar alakalı?
- Markanızın, uygulamayı yükleyen kullanıcılara yönelik benzersiz fırsatları varsa bunlardan bahsedin.
- Promosyonu, yolculuğunuzdaki sonraki adımların önüne geçmemesine dikkat edin. Aksi takdirde, yolculuğu tamamlama oranlarını olumsuz yönde etkileyebilirsiniz. Yukarıdaki e-ticaret örneğinde, ödeme yapmayla ilgili önemli harekete geçirici mesajın uygulama yükleme promosyonunun üzerinde olduğunu görebilirsiniz.
Kaydolma, oturum açma veya oturumu kapatma akışı
Bu promosyon, promosyon kartının daha belirgin olabileceği yolculuğun özel bir durumudur.
Bu sayfalar genellikle yalnızca etkileşimde bulunan kullanıcılar tarafından görüntülenir. Bu kullanıcılar, PWA'nızın değer teklifini zaten anlamış olur. Ayrıca çoğu zaman bu sayfalara yerleştirilebilecek çok fazla faydalı içerik olmaz. Bu nedenle, kullanıcının görüşünü engellemediği sürece daha büyük bir harekete geçirici mesaj kullanmak daha az rahatsız edicidir.
Aşağıdakilerden emin olun:
- Kullanıcının kayıt formu yolculuğunu kesintiye uğratmayın. Çok adımlı bir işlemse kullanıcının yolculuğu tamamlamasını bekleyebilirsiniz.
- Kaydolan kullanıcıyla en alakalı özellikleri tanıtın.
- Uygulamanızın oturum açılmış alanlarına ek bir yükleme promosyonu ekleyebilirsiniz.
Satır içi promosyon kalıpları
Satır içi tanıtım teknikleri, tanıtımları site içeriğiyle birleştirir. Bu, genellikle kullanıcı arayüzündeki promosyondan daha belirsizdir ve bazı dezavantajları vardır. Promosyonunuzun, ilgilenen kullanıcıların fark edebileceği kadar öne çıkmasını ancak kullanıcı deneyiminizin kalitesini düşürmeyecek kadar da öne çıkmamasını istiyorsunuz.
Feed içi
PWA'nızdaki haber makaleleri veya diğer bilgi kartı listeleri arasında feed içi yükleme promosyonu gösterilir.
Amacınız, kullanıcılara beğendikleri içeriklere daha rahat nasıl erişebileceklerini göstermek olmalıdır. Kullanıcılarınıza faydalı olacak özellik ve işlevleri tanıtmaya odaklanın.
Aşağıdakilerden emin olun:
- Kullanıcıları rahatsız etmemek için promosyonların sıklığını sınırlayın.
- Kullanıcılarınıza promosyonları kapatma olanağı tanıyın.
- Kullanıcınızın reddetme seçimini hatırlayın.