Daha zengin PWA yükleme kullanıcı arayüzü

Giriş

Mobil cihazlar ve cihaz tedarikçisi uygulama mağazalarının kullanıma sunulması, kullanıcıların yazılımları keşfetme, değerlendirme ve yüklemeyle ilgili zihinsel modelini değiştirdi. Kullanıcılar artık uygulama mağazalarına ve uygulama mağazaları aracılığıyla sağlanan ek bilgilere (ör. uygulamayla ilgili bağlam, sosyal geri bildirim, derecelendirmeler) o kadar aşina ki uygulama mağazası metaforunun ChromeOS, Mac ve Windows gibi masaüstü işletim sistemlerinde ortaya çıktığını görüyoruz.

Günümüzde yükleme platformlarıyla ilgili zorluklar

Günümüzde, bir kullanıcı PWA yüklemek istediğinde minimum düzeyde bilgi içeren bir bilgi çubuğu ve modal yer paylaşımı gösterilir. Yüklemeye devam ederse süreç, kullanıcıya bağlam bilgisi verilmeden çok hızlı bir şekilde sona erer. Bu durum, uygulama yükleme konusundaki beklentilerini karşılamıyor ve ne olduğu konusunda kafalarının karışmasına neden olabilir.

PWA yükleme kullanıcı arayüzü örneği.
PWA yükleme kullanıcı arayüzü örneği.

Chrome, geliştiricilerin yerel deneyimlerle aynı düzeyde yükleme deneyimleri sunmasını sağlamak için yeni bir yükleme yüzeyi olan Zengin Yükleme'yi kullanıma sunuyor. Bu yüzey, geliştiricilerin manifest dosyalarına açıklama ve ekran görüntüsü eklemesine ve bunların Android için Chrome'daki alt sayfa iletişim kutusunda görünmesine olanak tanır.

Chrome'daki alt sayfa kullanıcı arayüzü örneği.
Chrome'daki altbilgi kullanıcı arayüzü örneği.

Bu sayede geliştiriciler, kullanıcı beklentilerine daha uygun ve yükleme deneyimleriyle ilgili mevcut zihinsel modellerini taklit eden daha ilgi çekici bir yükleme süreci oluşturabilir.

Daha zengin yükleme kullanıcı arayüzü genişletildi.
Daha zengin yükleme kullanıcı arayüzü kullanıma sunuldu.
Daha zengin yükleme kullanıcı arayüzü daraltıldı.
Daha zengin yükleme kullanıcı arayüzü daraltıldı.

Geriye dönük uyumluluk

Manifest dosyalarına en az bir ekran görüntüsü eklemeyen web siteleri mevcut istemleri almaya devam edecektir. Bu durum, geliştirici topluluğunun ve kullanıcıların tepkisine bağlı olarak gelecekte değişebilir.

Kullanıcı arayüzünü önizleme

Bu kullanıcı arayüzü, Android'de Chrome 94 ve masaüstünde Chrome 108 sürümlerinden itibaren kullanılabilir.

Bu özellik squoosh.app'de etkindir ve burada önizlenebilir.

Uygulama

Daha zengin yükleme kullanıcı arayüzü iletişim kutusunu görüntülemek için geliştiricilerin screenshots dizisine ilgili form faktörü için en az bir ekran görüntüsü eklemesi gerekir. description alanı zorunlu değildir ancak önerilir. İçerik iletişim kutusu, deneyimi bir uygulama mağazasından yüklemeye daha benzer hale getirmek için screenshots ve description alanlarının içeriği kullanılarak oluşturulur. Bu kullanıcı arayüzü, kullanıcıların cihazlarına uygulama eklediklerini anlamalarına yardımcı olur. Daha fazla alan sayesinde geliştiriciler, yükleme sırasında kullanıcılarına belirli bir bağlam sağlayabilir.

Örneğin, geliştiriciler description alanını kullanarak kullanıcıları cihazlarında uygulamayı kullanmaya teşvik eden özellikleri öne çıkarabilir ve screenshots ile web uygulamasının görünümünü ve tarzını, platform uygulamalarının sahip olduğu tüm kolay erişimle bağımsız olarak sunabilir.

Ayrıntılı bir spesifikasyon ve bunları uygulamanıza ekleme kılavuzu için Daha zengin yükleme kullanıcı arayüzü kalıbı başlıklı makaleyi inceleyin.

Geri bildirim

Gelecekte kategoriler ve uygulama puanı gibi başka veriler de eklemeyi düşüneceğiz ancak bu, geliştiricilerden ve kullanıcılardan gelen geri bildirimlere bağlı olacaktır.

Gelecek aylarda geliştiricilerin bu yeni kullanıcı arayüzü modelini nasıl keşfettiğini görmek ve sizden geri bildirim almak isteriz. Bu formu doldurarak bizimle iletişime geçin.