Progresif web uygulamanızı (PWA) yüklemek, kullanıcıların uygulamanızı bulup kullanmasını kolaylaştırabilir. Tarayıcı tanıtımı olsa bile bazı kullanıcılar PWA yükleyebileceklerini fark etmez. Bu nedenle, PWA'nızı tanıtmak ve yüklemesini sağlamak için kullanabileceğiniz bir uygulama içi deneyim sunmak yararlı 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 tanıtım modellerini kullandığınızdan bağımsız olarak geçerli olan bazı en iyi uygulamalar vardır.
- Promosyonları kullanıcı yolculuklarınızın akışında yer almaktan kaçının. Örneğin, bir PWA giriş sayfasında harekete geçirici mesajı, giriş formunun ve gönder düğmesinin altına yerleştirin. 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 sunun. Kullanıcı bunu yaparsa tercihini hatırlayın ve yalnızca kullanıcının içeriğinizle olan ilişkisinde bir değişiklik olduğunda (ör. oturum açması veya satın alma işlemi tamamlaması) yeniden isteyin.
- 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ünde tanıtım amaçlı 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 mümkün olduğunca basitleştirmek 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.
PWA yüklemesini sitenizin başlığından tanıtmak, uygun şekilde kullanıldığında 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üklenen kullanım alanınızın kullanıcılarınız için değerini 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.
Öncelikle sitenizin değer teklifini açıklayın, ardından ziyaretçilere yükleme işleminden neler elde edeceklerini bildirin.
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 bu, 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 ekleyebilirsiniz.
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 gösteren bir dönüşüm etkinliği (ör. e-ticaret sitesinde satın alma veya hesaba kaydolma) tetiklemediği sürece banner'ı tekrar 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üklemesini 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 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 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 beklemeniz önerilir.
Aşağıdakilerden emin olun:
- Kullanıcıların görmesine ve tepki vermesine yetecek kadar süre tanımak için 4 ila 7 saniye boyunca bilgi çubuğu gösterin.
- 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ça etkileşim kuruyor ve dönüşümler genellikle kullanıcının hizmetlerinizle tekrar etkileşim kuracağını gösteriyor.
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ğunu tamamladıktan sonra gösteriyorsanız genellikle yolculuk tamamlandığından promosyonu 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 nasıl yer aldığına dikkat edin.
Kaydolma, oturum açma veya oturumu kapatma akışı
Bu promosyon, promosyon kartının daha belirgin olabileceği yolculuk promosyon modelinin ö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 bu sayfalara yerleştirilebilecek çok fazla faydalı içerik de yoktur. 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 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 özellikleri 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 reddetmek için yaptığı seçimi hatırlar.