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

Giriş

Mobil cihazlar ve cihaz satıcısı uygulama mağazalarının kullanıma sunulması, kullanıcıların yazılımları keşfetme, değerlendirme ve yükleme ile ilgili zihinsel modelini değiştirdi. Kullanıcılar artık uygulama mağazaları ve uygulama mağazaları üzerinden sağlanan ek bilgiler (uygulamayla ilgili bağlam, sosyal geri bildirim, puanlar vb. gibi) hakkında bu kadar bilgi sahibi. ChromeOS, Mac ve Windows gibi masaüstü işletim sistemlerinde uygulama mağazası metaforunun ortaya çıktığını görüyorsunuz.

Günümüzdeki yükleme yüzeylerinde zorluklar

Günümüzde, kullanıcı PWA yüklemek istediğinde çok az bilgi içeren bir bilgi çubuğu ve kalıcı yer paylaşımı gösteriliyor. Yüklemeye devam etmeleri durumunda işlem, kullanıcıya bağlam bilgisi verilmeden çok hızlı bir şekilde biter. Bu, uygulama yükleme beklentilerinin tersi geçerli olur ve neler olduğu konusunda kafalarını karıştırabilir.

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

Geliştiricilerin yerel deneyimlerle eşit düzeyde yüklü deneyimler sunabilmelerini sağlamak için Chrome, geliştiricilerin manifest dosyalarına bir açıklama ve ekran görüntüleri ekleyip bunu Android için Chrome'daki bir alt sayfa iletişim kutusunda görüntülemelerine olanak tanıyan Richer Yükleme adlı yeni bir yükleme yüzeyini kullanıma sunuyor.

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

Bu da geliştiricilere, kullanıcı beklentileriyle daha uyumlu olan ve mevcut zihinsel yüklü uygulama modellerini taklit eden daha ilgi çekici bir yükleme süreci oluşturma fırsatı sunar.

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ında en az bir ekran görüntüsü bulunmayan web siteleri, mevcut istemleri almaya devam edecektir. Geliştirici topluluğunun kabulüne ve kullanıcıların tepkisine bağlı olarak bu durum ileride değişebilir.

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

Bu kullanıcı arayüzü, Android'de Chrome 94 sürümünden, masaüstünde ise Chrome 108'den çalışır.

Bu özellik, squoosh.app'de etkinleştirilmiştir ve oradan önizlenebilir.

Uygulama

Daha zengin yükleme kullanıcı arayüzü iletişim kutusunu görüntülemek için geliştiricilerin screenshots dizisindeki karşılık gelen form faktörüne ait en az bir ekran görüntüsü eklemesi gerekir. description alanı zorunlu değildir ancak önerilir. İçerik iletişim kutusu, uygulama mağazası yüklemelerine benzer bir deneyim sunmak amacıyla screenshots ve description alanları kullanılarak oluşturulur. Bu kullanıcı arayüzü, kullanıcıların cihazlarına bir uygulama eklediklerini belirlemelerine yardımcı olur ve daha fazla alan sayesinde geliştiriciler, yükleme sırasında kullanıcılarına belirli bağlam bilgileri sağlayabilirler.

Örneğin geliştiriciler, description alanını kullanarak kullanıcıyı uygulamayı cihazlarında tutmaya teşvik eden özellikleri vurgulayabilir. screenshots sayesinde, web uygulamasının görünüm ve tarzını platform uygulamalarının sağladığı tüm kolay erişim özelliğiyle bağımsız olarak sunabilirler.

Ayrıntılı bir spesifikasyon ve bunları uygulamanıza ekleme konusunda 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 eklemeyi değerlendireceğiz, ancak bu veriler geliştiricilerden ve kullanıcılardan gelen geri bildirimlere göre yapılacak.

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