Progresif Web Uygulamaları, web sitelerini modernleştirme ve kullanıcıların yeni beklentilerine uyum sağlama konusunda birçok şirketin yol haritasına sahiptir. Birçok teknolojide olduğu gibi PWA'lar da şu soruları yöneltiyor: Müşterilerimin istediği şey mi, işletmemi ne kadar büyütecek, teknik olarak neyin uygulanabilir?
![Paydaşlarınızı belirleyin.](https://web.developers.google.cn/static/articles/drive-business-success/image/identify-stakeholders-f19f90a38a98d.jpg?authuser=5&hl=tr)
Dijital stratejinizi şekillendirmek için genellikle birden fazla paydaş bu sürece dahil olur: Ürün müdürü ve pazarlama direktörü, her özelliğin işletme üzerindeki etkisinin ortak sahipleridir, teknoloji direktörü bir teknolojinin uygulanabilirliğini ve güvenilirliğini değerlendirir, kullanıcı deneyimi araştırmacıları bir özelliğin gerçek bir müşteri sorununu yanıtladığını doğrular.
Bu makalenin amacı, bu üç soruyu yanıtlamanıza ve PWA projenizi şekillendirmenize yardımcı olmaktır. Müşterilerinizin ihtiyaçlarından başlayacak, bunu PWA özelliklerine dönüştürecek ve her birinin işletme üzerindeki etkisini ölçmeye odaklanacaksınız.
PWA'lar müşteri ihtiyaçlarına çözüm sunar
Google'da ürün geliştirirken uymaya çalıştığımız kurallardan biri şudur: "Kullanıcıya odaklan, gerisi kendiliğinden gelir". Kullanıcı odaklı düşünün: Müşterilerimin ihtiyaçları neler ve PWA bunları nasıl sağlıyor?
![Müşteri ihtiyaçlarını belirleyin.](https://web.developers.google.cn/static/articles/drive-business-success/image/identify-customer-needs-90071b7def76e.jpg?authuser=5&hl=tr)
Kullanıcı araştırması yaparken bazı ilginç kalıplar buluyoruz:
- Kullanıcılar mobil cihazlarda gecikmelerden ve güvenilirlikten nefret eder. Mobil gecikmelerin neden olduğu stres düzeyi korku filmi izlemeye benzer.
- Akıllı telefon kullanıcılarının yüzde 50'sinin, internette gezinirken veya alışveriş yaparken bir uygulama indirmek istemedikleri için şirketlerin mobil sitesini kullanma olasılığı daha yüksek.
- Bir uygulamanın yüklemesinin kaldırılmasının en önemli nedenlerinden biri depolama alanının sınırlı olmasıdır. (Yüklü bir PWA genellikle 1 MB'tan az zaman alır).
- Akıllı telefon kullanıcılarının, ürünlerle ilgili alakalı öneriler sunan mobil sitelerden alışveriş yapma olasılığı daha yüksektir. Akıllı telefon kullanıcılarının% 85'i ise mobil bildirimlerin faydalı olduğunu söylüyor.
Bu gözlemlere göre, müşterilerin hızlı, yüklenebilir, güvenilir ve ilgi çekici (F.I.R.E.) deneyimleri tercih ettiğini gördük.
PWA'lar modern web özelliklerinden yararlanır
PWA'lar, sitenizi hızlı, yüklenebilir, güvenilir ve ilgi çekici hale getirerek müşterilerinizin ihtiyaçlarını karşılamayı amaçlayan bir dizi en iyi uygulama ve modern web API'si sunar.
Örneğin, kaynaklarınızı önbelleğe almak için Service Worker kullanmak ve tahmini önceden getirme işlemi yapmak sitenizi daha hızlı ve güvenilir hale getirir. Sitenizi Yüklenebilir hale getirmek, müşterilerinizin sitenize doğrudan ana ekranlarından veya uygulama başlatıcıdan kolayca erişebilmesini sağlar. Web Push Bildirimleri gibi API'ler, bağlılık oluşturmak için kişiselleştirilmiş içeriklerle kullanıcılarınızın yeniden etkileşime geçmesini kolaylaştırır.
![Kullanıcı deneyimini web özellikleriyle iyileştiriyoruz.](https://web.developers.google.cn/static/articles/drive-business-success/image/improving-user-experienc-525e5b12d1361.jpg?authuser=5&hl=tr)
İşletme etkisini anlama
İşletme başarısı tanımı, etkinliğinize bağlı olarak birçok şey içerebilir:
- Kullanıcılar hizmetinizde daha fazla zaman geçiriyor
- Potansiyel müşterileriniz için daha düşük hemen çıkma oranları
- Dönüşüm oranlarında artış
- Daha fazla geri gelen ziyaretçi
Çoğu PWA projesi, daha yüksek bir mobil dönüşüm oranıyla sonuçlanır. Çok sayıda PWA örnek olayından daha fazla bilgi edinebilirsiniz. Hedeflerinize bağlı olarak, PWA'ların işletmeniz için daha mantıklı yönlerine öncelik vermeniz gerekebilir. Sorun yoktur. PWA özellikleri özenle seçilebilir ve ayrı ayrı kullanıma sunulabilir.
Şimdi bu harika F.I.R.E özelliklerinin işletme üzerindeki etkisini ölçelim.
Hızlı bir web sitesinin işletme üzerindeki etkisi
Deloitte Digital tarafından yakın zamanda yapılan bir araştırma, sayfa hızının işletme metrikleri üzerinde önemli bir etkisi olduğunu gösteriyor.
Sitenizin hızını tüm kullanıcılarınız için kritik kullanıcı yolculuklarını iyileştirmek üzere optimize etmek amacıyla yapabileceğiniz pek çok şey var. Nereden başlayacağınızı bilmiyorsanız Hızlı bölümümüze göz atın ve düzeltilmesi gereken en önemli şeylere öncelik vermek için Lighthouse'u kullanın.
Hız optimizasyonlarınız üzerinde çalışırken, ilerlemenizi izlemek için uygun araçlar ve metriklerle sitenizin hızını sık sık ölçmeye başlayın. Örneğin, metriklerinizi Lighthouse ile ölçün, "İyi" Önemli Web Verileri puanlarına sahip olmak gibi net hedefler belirleyin ve derleme sürecinize performans bütçesi ekleyin. Günlük ölçümleriniz ve "hızın değeri" metodolojisi sayesinde, artımlı hız değişikliklerinizin etkisini belirleyebilir ve işinizden ne kadar ekstra gelir elde ettiğinizi hesaplayabilirsiniz.
![Hızın değerini ölçme ve dönüşümlerle ilişkilendirme.](https://web.developers.google.cn/static/articles/drive-business-success/image/measure-value-speed-co-06eddc7056367.jpg?authuser=5&hl=tr)
Ebay, 2019 yılında hızı bir şirket hedefi haline getirdi. Performans bütçesi, kritik yol optimizasyonu ve tahmine dayalı önceden getirme gibi teknikler kullandılar. Arama sayfası yükleme süresindeki her 100 milisaniyelik iyileştirmede, karta ekleme sayısının %0,5 oranında arttığı sonucuna vardılar.
![Yükleme süresindeki 100 ms'lik iyileşme, eBay'in sepete ürün ekleme sayısında% 0,5'lik bir artışa yol açtı.](https://web.developers.google.cn/static/articles/drive-business-success/image/a-100ms-improvement-load-e478244e678fe.jpg?authuser=5&hl=tr)
Yüklenebilir bir web sitesinin işletme üzerindeki etkisi
Kullanıcıların PWA'nızı yüklemesini neden istersiniz? Sitenize geri dönmeyi kolay hale getirmek için. Bir Android uygulaması yükleme işlemi sırasında en az üç adım (Play Store'a yönlendirme, uygulamayı indirme, uygulamayı başlatma) PWA yüklemesi, kullanıcıyı mevcut dönüşüm hunisinden uzaklaştırmadan tek tıklamayla sorunsuz bir şekilde gerçekleştirilir.
![Yükleme deneyimi sorunsuz olmalıdır.](https://web.developers.google.cn/static/articles/drive-business-success/image/the-install-experience-sh-ed2853f715bee.jpg?authuser=5&hl=tr)
Bir uygulama yüklendikten sonra, kullanıcılar ana ekranlarındaki simgeyi kullanarak uygulamayı tek tıklamayla başlatabilir, uygulamalar arasında geçiş yaparken uygulama tepsisinde uygulamayı görebilir veya uygulama arama sonucunda bulabilir. Buna dinamik Discover-Launch-Switch adını veriyoruz. PWA'nızı yüklenebilir hale getirmek, erişimin kilidini açmanın anahtarıdır.
PWA, cihazlarındaki tanıdık keşif ve başlatma yüzeylerinden erişilebilmesinin yanı sıra, platforma özgü bir uygulama gibi, tarayıcıdan ayrı olarak bağımsız bir deneyimde de kullanıma sunulur. Ayrıca, uygulama değiştirici ve ayarlar gibi işletim sistemi düzeyinde cihaz hizmetlerinden de yararlanır.
PWA'nızı yükleyen kullanıcılar, muhtemelen en çok etkileşimde bulunan kullanıcılarınızdır. Bu kullanıcılar, genellikle mobil cihaz kullanan platforma özgü uygulama kullanıcılarıyla aynı oranda; daha fazla ziyaret, sitede daha uzun süre ve daha yüksek dönüşüm oranları gibi, sıradan ziyaretçilere kıyasla daha iyi etkileşim metriklerine sahiptir.
PWA'nızı yüklenebilir hale getirmek için temel ölçütleri karşılaması gerekir. Bu kriterleri karşıladıktan sonra, iOS dahil olmak üzere masaüstü ve mobil cihazlardaki kullanıcı deneyiminizde yüklemeyi tanıtabilirsiniz.
![PWA'lar her yere yüklenebilir.](https://web.developers.google.cn/static/articles/drive-business-success/image/pwas-are-installable-ever-7011cc3ca80b4.jpg?authuser=5&hl=tr)
PWA'nızın yüklenmesini teşvik etmeye başladıktan sonra, kaç kullanıcının PWA'nızı yüklediğini ve PWA'nızı nasıl kullandığını ölçmelisiniz.
Sitenizi yükleyen kullanıcı sayısını en üst düzeye çıkarmak için farklı tanıtım mesajlarını ("bir saniyede yükle" veya "siparişinizi takip etmek için kısayolumuzu ekleyin"), farklı yerleşimleri (başlık banner'ı, feed içi) ve yükleme dönüşüm hunisinin farklı adımlarında (ziyaret edilen ikinci sayfada veya bir rezervasyondan sonra) önermeyi deneyebilirsiniz.
Kullanıcılarınızın nereden ayrıldığını ve kullanıcıları elde tutma oranını nasıl iyileştireceğinizi anlamak için yükleme dönüşüm hunisi dört farklı şekilde ölçülebilir:
- Yüklemeye uygun kullanıcı sayısı
- Yükleme istemini tıklayan kullanıcıların sayısı
- Yükleme istemini hem kabul eden hem de reddeden kullanıcıların sayısı
- Uygulamayı başarıyla yükleyen kullanıcı sayısı
PWA yüklemenizi tüm kullanıcılarınıza tanıtabilir veya küçük bir kullanıcı grubuyla denemeler yaparak daha temkinli bir yaklaşım benimseyebilirsiniz.
Birkaç gün veya hafta, işletmenizin üzerindeki etkisini ölçmek için yeterli veri sağlayacaktır. Yüklü kısayoldan gelen kullanıcıların davranışı nedir? Daha fazla mı etkileşim kuruyorlar, yoksa daha fazla dönüşüm gerçekleştiriyorlar mı?
PWA'nızı yükleyen kullanıcıları segmentlere ayırmak için appinstalled
etkinliğini izleyin ve JavaScript kullanarak kullanıcıların bağımsız modda olup olmadığını kontrol edin. Bu, yüklü PWA'nın kullanımını gösterir.
Ardından bunları Analytics izlemeniz için değişkenler veya boyut olarak kullanın.
![Yüklemenin değerini ölçün.](https://web.developers.google.cn/static/articles/drive-business-success/image/measure-value-installat-548e1ea88d1.jpg?authuser=5&hl=tr)
Weekendesk örnek olayı ilgi çekicidir. Bir kullanıcının PWA'sını yükleme olasılığını artırmak için kullanıcı, ziyaret edilen ikinci sayfada yüklemeyi teşvik etmektedir. PWA'yı ana ekranlarından başlatan kullanıcıların PWA üzerinden konaklama rezervasyonu yapma olasılıkları iki kattan fazlaydı.
![Uygulamayı yükleyen kullanıcıların dönüşüm oranı 2,5 kat daha yüksekti.](https://web.developers.google.cn/static/articles/drive-business-success/image/installed-users-had-25-8216ba7aa9112.jpg?authuser=5&hl=tr)
Yükleme, kullanıcıları sitenize geri dönmeye teşvik etmenin ve müşteri bağlılığınızı artırmanın mükemmel bir yoludur. Premium kullanıcıların deneyimini kişiselleştirmeyi de düşünebilirsiniz.
Platforma özel bir uygulamanız olsa bile, kullanıcılar yüklemek istemediklerini veya yüklemeye gerek olmadığını düşünebilir. Biraz etkileşim kuran bu kullanıcılar, genellikle daha hafif olarak algılanan ve daha az sorunsuz bir şekilde yüklenebilen PWA'nın kendileri için uygun olduğunu düşünebilir.
![PWA'lar yarı etkileşimde bulunan kullanıcılara ulaşabilir.](https://web.developers.google.cn/static/articles/drive-business-success/image/pwas-reach-semi-engaged-4bb2ee5369255.jpg?authuser=5&hl=tr)
Güvenilir bir web sitesinin işletme üzerindeki etkisi
Kullanıcılar çevrimdışıyken sunulan Chrome Dinozor oyunu ayda 270 milyondan fazla oynanıyor. Bu etkileyici sayı, ağ güvenilirliğinin, özellikle Hindistan, Brezilya, Meksika veya Endonezya gibi güvenilir olmayan ağların veya pahalı mobil verilerin bulunduğu pazarlarda PWA kullanımı için önemli bir fırsat olduğunu göstermektedir.
Bir uygulama mağazasından yüklenen bir uygulama başlatıldığında, kullanıcılar internete bağlı olup olmamalarından bağımsız olarak uygulamanın açılmasını bekler. Progresif Web Uygulamaları da farklı olmamalıdır.
En azından, kullanıcıya uygulamanın ağ bağlantısı olmadan kullanılamayacağını söyleyen basit bir çevrimdışı sayfa sunulmalıdır. Ardından, çevrimdışı modda mantıklı işlevler sunarak bu deneyimi bir adım ileriye taşıyın. Örneğin, biletlere veya biniş kartlarına, çevrimdışı istek listelerine, çağrı merkezi iletişim bilgilerine, kullanıcının son görüntülediği makalelere veya tariflere vb. erişim sağlayabilirsiniz.
![İnternete bağlı değilken bile yardımcı olun.](https://web.developers.google.cn/static/articles/drive-business-success/image/be-helpful-when-offline-94c8ecb14cadd.jpg?authuser=5&hl=tr)
Güvenilir bir kullanıcı deneyimi uyguladıktan sonra bunu ölçmek isteyebilirsiniz. Kaç kullanıcının çevrimdışı olduğunu, hangi coğrafyalarda olduğunu ve ağ tekrar kurulduğunda web sitesinde kalıyorlar mı? Analytics, kullanıcıların genellikle ne zaman çevrimdışı ve online olduğunu size söyleyebilir. Bu veri, ağ tekrar geldikten sonra kaç kullanıcının web sitenizde gezinmeye devam ettiğini gösterir.
![Trivago, tekrar çevrimiçi olup göz atmaya devam eden kullanıcı sayısında% 67'lik bir artış gözlemledi.](https://web.developers.google.cn/static/articles/drive-business-success/image/trivago-saw-67-increase-b38f8ae3d7327.jpg?authuser=5&hl=tr)
Trivago örnek olayı, bu durumun işletme hedeflerinizi nasıl etkileyebileceğini göstermektedir. Oturumları çevrimdışı bir dönemle kesintiye uğrayan kullanıcıların (kullanıcıların yaklaşık yüzde üçü) tekrar çevrimiçi olanların% 67'si sitede gezinmeye devam etti.
İlgi çekici bir web sitesinin işletme üzerindeki etkisi
Web push bildirimleri, kullanıcıların ihtiyaç duydukları veya önem verdikleri sitelerdeki güncellemeleri zamanında almalarına olanak tanır ve özelleştirilmiş, alakalı içerikle bu kullanıcılarla etkili bir şekilde yeniden etkileşime geçmenizi sağlar.
Yine de dikkatli olun. Kullanıcılardan, ilk ulaştıkları anda ve faydalarını göstermeden web bildirimlerine kaydolmalarını istemek spam olarak algılanabilir ve deneyiminizi olumsuz etkileyebilir. Bildirim isterken en iyi uygulamaları izlediğinizden emin olun ve ilgili kullanımlar aracılığıyla (ör. tren rötarları, fiyat takibi, stokta olmayan ürünler) müşterilerin sizi kabul etmesini sağlayın.
Teknik olarak, web'de push bildirimleri, bir hizmet çalışanı sayesinde arka planda çalışır ve genellikle kampanyaları yönetmek için oluşturulmuş bir sistem (ör. Firebase) tarafından gönderilir. Bu özellik, mobil (Android) ve masaüstü kullanıcılara büyük iş değeri katar. Tekrarlanan ziyaretleri ve sonuç olarak satışları ve dönüşümleri artırır.
Push kampanyalarınızın etki düzeyini ölçmek için dönüşüm hunisinin tamamını ölçmeniz gerekir. Örneğin:
- Push bildirimleri için uygun olan kullanıcı sayısı
- Özel bir bildirim kullanıcı arayüzü istemini tıklayan kullanıcıların sayısı
- Push bildirimi izni veren kullanıcıların sayısı
- Push bildirimi alan kullanıcı sayısı
- Bildirimlerle etkileşimde bulunan kullanıcıların sayısı
- Bildirimden gelen kullanıcıların dönüşümü ve etkileşimi
![Web push bildirimlerinin değerini ölçün.](https://web.developers.google.cn/static/articles/drive-business-success/image/measure-value-web-push-b3c98247d6817.jpg?authuser=5&hl=tr)
Web push bildirimleriyle ilgili çok sayıda başarılı örnek olay vardır.Örneğin, alışveriş sepetlerini terk eden kullanıcılarla yeniden etkileşime giren Carrefour'un dönüşüm oranını 4,5 ile çarptığı örnekteki gibi başarılı örnekler verilebilir.
PWA'da P: tek tek özellikler halinde progresif lansman
PWA'lar, web'in muazzam erişimini Android, iOS veya masaüstü uygulamalarından beklenen kullanıcı dostu tüm özelliklerle birleştiren modern web siteleridir. İşletmenizin özelliklerine ve önceliklerine bağlı olarak bağımsız olarak uygulanabilecek bir dizi en iyi uygulamayı ve modern web API'lerini kullanır.
![PWA'nızı kademeli olarak başlatın.](https://web.developers.google.cn/static/articles/drive-business-success/image/progressively-launch-pwa-afc6e174af615.jpg?authuser=5&hl=tr)
Web sitenizin modernizasyonunu hızlandırmak ve onu gerçek bir PWA (Progresif Web Uygulaması) haline getirmek için çevik olmanızı öneririz: Her özellik ayrı ayrı kullanıma sunuluyor. Öncelikle kullanıcılarınızla hangi özelliklerin onlara en çok değer sağlayacağını araştırın, ardından bunları tasarımcılarınızla ve geliştiricilerinizle birlikte sunun ve son olarak, PWA'nızın tam olarak ne kadar para getirdiğini ölçmeyi unutmayın.