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

Mustafa Kurtuldu
Mustafa Kurtuldu
Adriana Jara
Adriana Jara

Giriş

Mobil cihazlar ve cihaz tedarikçilerinin uygulama mağazalarının kullanıma sunulması, kullanıcıların yazılımı keşfetme, değerlendirme ve yükleme zihinsel modelini değiştirdi. Kullanıcılar artık uygulama mağazalarını ve uygulama mağazaları aracılığıyla sağlanan uygulama bağlamı, sosyal geri bildirim, puanlar gibi ek bilgileri çok iyi bilir. Bu nedenle ChromeOS, Mac ve Windows gibi masaüstü işletim sistemlerinde uygulama mağazası metaforunun yenilendiğini görebilirsiniz.

Günümüzün yükleme yüzeyleriyle ilgili meydan okuma

Günümüzde kullanıcı PWA yüklemek istediğinde, minimum bilgiyle bilgi çubuğu ve kalıcı yer paylaşımı gösteriliyor. Yüklemeye devam ederse işlem çok hızlı biter ve kullanıcıya bağlam bilgisi verilmez. Bu durum, uygulama yükleme beklentilerine aykırıdır ve neler olduğu konusunda kafa karışıklığına yol açabilir.

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

Geliştiricilerin, yerel deneyimlerle aynı şekilde yüklü deneyimler sunabilmelerini sağlamak için Chrome, geliştiricilerin manifest dosyalarına açıklama ve ekran görüntüleri ekleyip Android için Chrome içindeki bir alt sayfa iletişim kutusunda görünmesini sağlayan yeni bir yükleme yüzeyi olan Richer Yükleme'yi kullanıma sunuyor.

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

Geliştiriciler bu sayede kullanıcı beklentilerine daha uygun ve yüklü deneyimlerle ilgili mevcut zihinsel modellerini taklit eden daha ilgi çekici bir yükleme süreci oluşturabilirler.

Daha Zengin Yükleme Kullanıcı Arayüzü Genişletildi.
Daha Zengin Yükleme Kullanıcı Arayüzü Genişletildi.
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 eder. Bu durum, geliştirici topluluğunun katılımına 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 sürümünden ve masaüstünde Chrome 108'den çalışır.

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

Uygulama

Geliştiricilerin, daha zengin yükleme kullanıcı arayüzü iletişim kutusunu görüntülemek için screenshots dizisindeki karşılık gelen form faktörüne ait en az bir ekran görüntüsü eklemeleri gerekir. description alanı zorunlu değildir ancak doldurulması önerilir. İçerik iletişim kutusu, deneyimi uygulama mağazası yüklemelerine 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 bir uygulama eklediklerini fark etmelerine yardımcı olur. Ayrıca, geliştiriciler yükleme sırasında kullanıcılarına daha fazla alan sağlayabilir.

Örneğin geliştiriciler, uygulamayı cihazlarında tutmaya teşvik eden uygulama özelliklerini öne çıkarmak için description alanını kullanabilirler. screenshots ile ise 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 bir uygulama olarak sunabilirler.

Ayrıntılı bir spesifikasyon ve bunları uygulamanıza eklemenizi sağlayacak bir kılavuz için Daha zengin yükleme kullanıcı arayüzü kalıbı sayfasını ziyaret edin.

Geri bildirim

Gelecekte kategoriler ve uygulama puanı gibi başka veriler de eklemeyi değerlendireceğiz. Ancak bu veriler, geliştiricilerin ve kullanıcıların geri bildirimlerine göre belirlenir.

Önümüzdeki aylarda, geliştiricilerin bu yeni kullanıcı arayüzü kalıbını nasıl keşfettiklerini görmek ve sizden geri bildirim almak isteriz. Bu formu doldurarak bize ulaşın