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 zihinsel model keşfedeceğiniz, değerlendireceğiniz ve yükleyeceğinizi öğreneceksiniz. Kullanıcılar artık uygulama mağazaları hakkında çok fazla bilgi sahibi Uygulama mağazaları üzerinden sağlanan ek bilgiler (ör. uygulamayla ilgili bağlam, Masaüstü işletim sisteminde uygulama mağazası metaforunu yansıtan, sosyal geri bildirimler, puanlar vb. diğeri ise ChromeOS, Mac ve Windows dahil.

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

Günümüzde, kullanıcı PWA yüklemek isterse basit bir bilgi çubuğu ve kalıcı yer paylaşımı gösteriliyor. ekleyebilirsiniz. Yüklemeye devam ederse uygun hale getirmemize yardımcı olur. Bu durum, uygulama yükleme beklentilerinin aşılmasına neden olur ve olup bitenler hakkında biraz kafa karışıklığı yaşamıştır.

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 sunmasını sağlamak için Chrome, geliştiricilerin uygulama yüklemelerine olanak tanıyan Daha Zengin Yükleme adlı yeni bir yükleme yüzeyini kullanıma sunuyor. açıklama ve ekran görüntüleri ile birlikte bir alt sayfa iletişim kutusunda görüntülemelerini sağlamak optimize edebilirsiniz.

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

Bu, geliştiricilere daha ilgi çekici bir yükleme süreci oluşturma olanağı verir mevcut zihinsel modelini taklit eden, kullanıcı beklentileriyle daha uyumlu sayısındaki artış.

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, bu e-postaları almaya devam edecektir. emin olun. Geliştirici topluluğunun kabulüne bağlı olarak bu durum gelecekte değişebilir ve kullanıcıların gösterir.

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şturulmuştur. 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ıları 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 sunduğu tüm kolay erişim özelliğiyle bağımsız olarak sunabilirler.

Ayrıntılı teknik özellikler ve bunları uygulamanıza ekleme rehberi için Daha Zengin Yükleme Kullanıcı Arayüzü kalıbı sayfasını ziyaret edin.

Geri bildirim

Gelecekte kategoriler ve uygulama derecelendirmesi gibi başka veriler eklemeyi değerlendireceğiz, ancak geliştiricilerin ve kullanıcıların geri bildirimlerine dayalı olarak hazırlanır.

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