Aşamalı Web Uygulamaları: Bir Sonraki Mobil Deneyim mi?

Yayınlanan: 2017-08-15

Bunları henüz duymamış olabilirsiniz, ancak Aşamalı Web Uygulamaları (PWA) mobil ortamı değiştirmek üzere. 2015 yılında Google tarafından tanıtılan PWA'lar bu yıl popülerlik kazandı. Peki, tüm öfke haline gelmeden önce, Progresif Web Uygulamaları tam olarak nedir?


PWA nedir?

pwa nedir

En basit anlamıyla, PWA'lar web üzerinden sunulan mobil uygulamalardır. Bu teknoloji, PWA'ların tarayıcınızda uygulamaya benzer bir deneyim sunmasına olanak tanır. Uygulama tarzı gezinmeler ve hareketler sağlayan bir uygulama kabuğunun kullanılması nedeniyle yerel bir uygulama gibi geliyor. Aşamalı uygulamalar web üzerinde oluşturulduğundan, belirli cihazlara bağlı değildirler. Bir PWA, masaüstü, mobil, tablet veya daha sonra gelenler de dahil olmak üzere tüm cihazlarda sorunsuz ve aynı şekilde görüntülenir.

ios-android

Dahası, hizmet çalışanları , ağ kalitesinden bağımsız olarak bir Aşamalı Web Uygulamasının anında yüklenmesini sağlar. Başka bir deyişle, bu web uygulaması, çevrimdışı ve düşük bağlantı alanlarında çalışmak üzere tasarlanmıştır. Ön önbelleğe almanın yardımıyla güncel kalır ve başlatıldığında kullanıcıya en yeni içeriği sunar. Bir uygulamaya benzer şekilde, kullanıcı istediği zaman erişmek için PWA'yı ana ekranına kaydedebilir. Uygulama mağazalarından indirme zahmetine girmeden yüklenebilir hale getirmek.

PWA ve Yerel Mobil Uygulama

yerli-vs-pwa

Yerel mobil uygulamalar en yüksek kalitede kullanıcı deneyimi sağlarken, hem kullanıcı hem de geliştirici için sorunlarla karşı karşıyadır. PWA'lar ve yerel uygulamalar arasındaki en büyük farklardan biri, "uygulama mağazası aracısının" varlığıdır. Aşamalı Web Uygulamaları için bu aracı tamamen ortadan kaldırılmıştır. Uygulama geliştiricileri için uygulama mağazası olmaması, artık iOS ve Android'in kuralları ve yönergeleri tarafından kısıtlanmadığınız anlamına gelir. Bir geliştiricinin bir onay sürecinden geçmesi gerekmeyecek ve bu da uygulamanın hazır olur olmaz kullanılmasına izin verecek. Ayrıca, revize edilmiş uygulama sürümü anında ve otomatik olarak herkesin kullanımına sunulacağından, uygulamayı manuel olarak güncellemeye gerek yoktur.

Son kullanıcının bakış açısından, bir uygulama mağazasından indirmek zorunda kalmadan PWA'ya erişebilirler. Bunun yerine, bir PWA bağlanabilir, yani herkes uygulamayı doğrudan bir URL'den başlatabilir. Bunu sosyal medyada, e-postada, kısa mesajda, çevrimiçi reklamda paylaşabilir veya bir QR koduna bağlayabilirsiniz ve kullanıcı anında bir uygulamaya dalacaktır.

Tüm bu sürtüşmeleri ortadan kaldırarak, kullanıcıların uygulamaya erişmesi çok daha kolay olacaktır. Aşağıdaki şemada gösterildiği gibi, yerel uygulama indirme işleminin her adımında kullanıcıların %20'si kaybolur . Tüketiciler, uygulamayı uygulama mağazasında bulmayı, indirilmesini beklemeyi ve uygulamayı kullanmaya başlamadan önce tüm depolama alanlarını tüketeceğinden endişe etmeyi sıkıcı buluyor. PWA'lar, atmaları gereken adımların miktarını büyük ölçüde azalttığından (esas olarak bunu tek adımlı bir süreç haline getirir), insanların uygulamayı gerçekten kullanma şansı çok daha yüksektir. Aslında, mobil uygulamalardan 4 kat daha fazla web sitesi kullanıyoruz , bu da web tabanlı bir uygulama ile çok daha büyük bir potansiyel kullanıcı tabanı sağlıyor.

pwa akışı

Uygulama geliştiriciler için bir diğer önemli fark, uygulamalarını iOS veya Android'e uyarlamak zorunda kalmayacaklarıdır. PWA'ların web teknolojisini kullanması, çoğu tarayıcıda işletim sistemini denklemden çıkararak çapraz platform çalıştıkları anlamına gelir. Tek bir Aşamalı Web Uygulaması oluşturabilirsiniz ve tüm cihazlarda aynı şekilde görünecek ve gerçekleştirilecektir. Kullanıcılar, uygulamayı başlatmayı seçtikleri herhangi bir cihazda uyumlu bir deneyime sahip olacaklar.

Son olarak, PWA'lar yüksek oranda keşfedilebilirdir. Bu, arama motorları tarafından kolayca tanımlandıkları ve diğer herhangi bir web içeriği gibi arama sonuçlarında çıkmalarına izin verdiği anlamına gelir. PWA'lar geleneksel SEO ile ele alınacaktır, bu nedenle yalnızca uygulama adından daha fazlası için değil, aynı zamanda uygulama içindeki içerik için de dizine eklenir. Özel olarak bir uygulama olarak değil, birinin "sorusuna" "cevap verebilecek" bir içerik parçası olarak ele alınacaktır.

Bunu bir bağlama oturtmak gerekirse , aramaların % 60'ı artık mobil cihazlardan ve bu numara girişte . _ _ _ _ _ _ _ _ İnsanlar içerik bulmak için aktif olarak mobil cihazlarını kullanıyorlar, bu nedenle bu arama sonuçlarında PWA'nızın çıktığını hayal edin. Örneğin, birisi bölgede bir kuaför arıyor olabilir, bu nedenle sorgulamaya başlamak için Google arama çubuğunu kullanır. Arama sonuçları büyük olasılıkla Yelp ve salon web siteleri gibi dizinleri gösterecektir. Bir salon işletmeniz varsa, PWA'nız bu aramalarda sıralanabilir ve müşterileri doğrudan arama sonuçlarından uygulamanıza yönlendirebilir. Bu ilk dokunuş, müşterilerinizi dönüştürmek için bir fırsattır. Uygulama benzeri bir deneyim, müşterilerin mobil cihazlar için oluşturulmuş bir kullanıcı arayüzünden bir salon randevusu planlamasına olanak tanır. Bir web aramasıyla başlayan ve uygulamada tamamlanmış bir görevle biten sorunsuz bir süreçtir.

PWA ve Mobil Web Sitesi

PWA'lar yerel uygulamaların ve mobil web sitelerinin bir karışımıdır, ancak yanıt veren web sitelerinden nasıl farklıdırlar? "Eski tarz" mobil web sitelerinin aksine, PWA'lar hızlıdır. Yüklenmesi 3 saniyeden uzun sürerse , kullanıcıların %53'ünün bir siteyi terk edeceğini unutmayın . PWA'lar ağ durumundan bağımsız olarak anında yüklenir ve hızlı yanıt veren arabirimler sağlar. Bu, mobil web sitelerinin yaptığı gibi ağa bağımlılıklarını ortadan kaldırarak kullanıcılar için anında ve güvenilir bir deneyim sağlar. Bir PWA ayrıca arka planda güncellenir, böylece kullanıcıların yeni içeriğin yüklenmesini asla beklemelerine gerek kalmaz.

Buna ek olarak, geleneksel mobil web siteleri statik bilgilere odaklanırken, PWA'lar kullanıcılara dinamik işlevsellik sağlayabilir. PWA'lar, müşterilerin mobil yemek siparişleri vermelerine, bir sadakat programına katılmalarına ve bir işletmeyle iletişim kurmalarına olanak tanıyan sürükleyici bir tam ekran deneyimi sunar. Ayrıca, yerel push bildirimlerine benzer şekilde web push bildirimleriyle kullanıcılarla yeniden etkileşim kurabilir.

Kim Zaten Başarıyı Görüyor?

lancome pwa

Hem trafiği hem de yeniden etkileşimi artırmak için kozmetik markası Lancome, müşterilerine hızlı, uygulama benzeri bir deneyim sunmak için Progressive Web App'i piyasaya sürdü.

Lancome, 2016'da ilk kez mobil trafiğin masaüstü trafiğini aştığını gördü. Artan sayıda mobil site ziyaretçisine rağmen, mobil dönüşüm oranları masaüstü için olanlarla eşleşmedi. Masaüstündeki alışveriş sepetlerinin %38'i siparişlere yol açarken, mobil web için dönüşüm oranı yalnızca %15 idi. Bu rakamlar, müşterilerin mobil cihazlarından satın almaya çalışırken önemli engellerle karşılaştıklarını ortaya koydu.

Lancome ilk başta çözüm olarak bir e-ticaret uygulamasını düşündü. Ancak, bir uygulamanın yalnızca düzenli olarak ziyaret eden müşteriler için anlamlı olduğunu anladılar. Mobil alışveriş yapanlar, bırakın günlük bir yana, haftalık olarak bir e-ticaret uygulamasına geri dönmeyeceklerdi, bu yüzden bir Lancome uygulamasını indirmenin değerini göremeyeceklerdi. Şirket, tüm cihazlarında doğru kullanıcı deneyimini oluşturmak istedi. Google'a göre , "Şirket, yerel bir uygulamayla elde edebileceklerine benzer, hızlı yüklenen, çekici bir e-mobil deneyimine ihtiyaç duyuyordu, ancak aynı zamanda mobil web üzerinden herkes tarafından keşfedilebilir ve erişilebilir bir deneyimdi". Aşamalı Web Uygulamasına girin.

Sonuçlar şaşırtıcı:

  • Sayfa etkileşimli olana kadar geçen sürede %84 azalma
  • Dönüşümlerde %17 artış
  • iOS'ta mobil oturumlarda %53 artış
  • Push bildirimlerinde %18 açık oran
  • Bir push bildirimine dokunan tüketicilerin %8'i satın alma işlemi gerçekleştiriyor

PWA, güzellik devinin mobil devrimde büyük adımlar atmasına yardımcı olarak muazzam bir başarı elde etti.

Gelecek neye benziyor?

Yerel mobil uygulamalar hiçbir şekilde yok olmayacak olsa da, bir PWA, müşterileri için çekici ve kolayca uyarlanabilir bir mobil deneyim oluşturmak isteyen işletmeler için ideal çözümü sağlayabilir. PWA'lar, web'in tüm paylaşılabilirliği ve yerel uygulamanın tüm işlevleriyle her iki dünyanın da en iyisini sunar. Bizness Apps 2011'den beri web uygulamaları üzerinde çalışıyor ve bu yeni teknoloji bizi heyecanlandırıyor. Sonunda bize yerel özellikleri web uygulamalarımıza uygulama yeteneği veriyor. Mobil uygulama ve mobil web sitesinin birleştiği geleceğin uygulamalarının bir parçası olacağız.