Progresif web uygulamaları (PWA), tek bir kod tabanıyla herhangi bir cihazdaki herhangi bir web kullanıcısına ulaşırken gelişmiş özellikler sunmak için modern API'lerle oluşturulmuş ve geliştirilmiş web uygulamalarıdır. Kullanıcı deneyimini iyileştirmek için web uygulamalarının geniş erişimini platforma özgü uygulamaların zengin özellikleriyle birleştirirler.
PWA tasarımının üç ayağı
Platforma özel bir uygulama kadar iyi bir kullanıcı deneyimi sunan PWA'lar oluşturmak için bu uygulamaları yetenekli, güvenilir ve yüklenebilir şekilde tasarlamanız gerekir.
Yeterli
Web uygulamaları artık her zamankinden daha yetenekli ve bu yetenekler giderek artıyor. Son zamanlarda, web için yazılımlar, bir zamanlar yalnızca platforma özel uygulamalarda kullanılabilen özellikler geliştirmeye başladı. Örneğin, artık WebRTC, coğrafi konum ve push bildirimlerini kullanarak hiper yerel bir görüntülü sohbet uygulaması oluşturabilir, ardından bu uygulamanın yüklenebilmesini sağlayabilir ve WebGL ile WebVR'yi kullanarak sohbetlerin sanal gerçekliğe taşınmasına izin verebilirsiniz. WebAssembly'nin kullanıma sunulması, geliştiricilerin C, C++ ve Rust gibi diğer ekosistemlerden yararlanmasına ve daha önce platforma özgü olan onlarca yıllık özellikleri web'e taşımasına olanak tanır. Geliştiricilerin web'in yeni özelliklerinden yararlanmasına dair harika bir örnek, web tabanlı bir resim sıkıştırıcı olan Squoosh.app'tir.
Bazı özellikler web'de henüz kullanılamasa da yeni ve yakında kullanıma sunulacak API'ler, dosya sistemi erişimi, medya kontrolleri, uygulama rozetleri ve tam pano desteği gibi özelliklerle web'in yapabileceklerini sürekli olarak genişletiyor. Tüm bu özellikler, web'in güvenli ve kullanıcı odaklı izin modeli kullanılarak oluşturulur. Bu sayede kullanıcı güvende kalır ve yeni web sitelerini kullanmak daha az korkutucu olur.
Güvenilir
Güvenilir bir Progresif Web Uygulaması, ağdan bağımsız olarak hızlı ve güvenilir bir deneyim sunar. Kullanıcılar, etkileşime hızlı yanıt veren ve güvenebilecekleri bir deneyim sunan uygulamaları hak ediyor.
Hız, kullanıcıların deneyiminizi kullanmasını sağlamak için kritik öneme sahiptir. Hatta sayfa yüklenme süreleri bir saniyeden 10 saniyeye çıktığında kullanıcının hemen çıkma olasılığı %123 artar.
Performansla ilgili sorunlar yalnızca onload etkinliğini değil, tüm kullanıcı deneyimini etkiler. Güvenilir bir deneyimde kullanıcılar, uygulamayla etkileşimlerinin kaydedilip kaydedilmediğini merak etmez. Kaydırma ve animasyon sorunsuz olmalıdır. Kullanıcıların, uygulamanızın iyi performans gösterdiğini düşünmesi, uygulamanın gerçekten iyi performans göstermesi kadar önemlidir.
Güvenilir uygulamalar, ağ bağlantısı olup olmamasına bakılmaksızın kullanılabilir olmalıdır. Kullanıcılar, uygulamaların yavaş veya kararsız ağ bağlantılarında, hatta çevrimdışı olduklarında bile hızlı yüklenmesini bekler. Kullanıcılar, uygulamada sunucunuza istek göndermeyle ilgili sorunlar olsa bile etkileşimde bulundukları en son içeriğin (ör. medya parçaları veya biletler ve seyahat planları) kullanılabilir olmasını bekler. Bir istek mümkün olmadığında, uygulamanın sessizce başarısız olması veya kilitlenmesi yerine sorunu bildirmesini beklerler.
Yüklenebilir
PWA'nızı yüklenebilir hale getirmek, onu tarayıcıdan bağımsız bir pencereye taşır ve kullanıcıların PWA ile ilgili düşüncelerini ve etkileşimlerini değiştirir. Yüklenen PWA'lar kullanıcının ana ekranından, dock'undan, görev çubuğundan veya rafından başlatılabilir. Kullanıcı, cihazda bu uygulamaları arayabilir ve uygulama değiştiriciyle uygulamalar arasında geçiş yapabilir. Bu sayede uygulamalar, yüklendikleri cihazın bir parçası gibi görünür.
PWA yüklemek, genellikle tarayıcıda ayrılmış olan klavye kısayolları da dahil olmak üzere yeni özellikleri kullanmanızı sağlar. PWA'lar, diğer uygulamalardan içerik kabul etmek veya belirli dosya türlerini işlemek için varsayılan uygulama olmak üzere de kaydedilebilir.
PWA'lardan sonuç alma
PWA'nın kullanıma sunulması yalnızca kullanıcı deneyimini iyileştirmez. Ayrıca metriklerinizi iyileştirir ve hizmetinizden elde ettiğiniz değeri artırır. Öne çıkan bazı örnekler:
- Twitter'ın PWA'sı, uygulamanın boyutunu% 97'den fazla küçültürken oturum başına sayfa sayısında% 65 artış, Tweet sayısında% 75 artış ve hemen çıkma oranında %20 düşüş sağladı.
- Nikkei, PWA'ya geçtikten sonra organik trafikte 2, 3 kat, aboneliklerde% 58 ve günlük etkin kullanıcı sayısında% 49 artış elde etti.
- Hulu, platforma özel masaüstü deneyimini PWA ile değiştirdi ve geri gelen ziyaretlerde% 27 artış elde etti.
PWA kullanmanın avantajları hakkında daha fazla bilgi için Progresif web uygulamaları işletme başarısını nasıl artırabilir? başlıklı makaleyi inceleyin.