Kullanıcılar genellikle, özellikle platform uygulamalarını, uygulama mağazalarından veya bir paket indirip yükleyerek alır. Günümüzde masaüstü cihazlar bile uygulamaları merkezi mağazalarda sunmaya doğru kayıyor.
Web uygulamalarının modeli farklıdır: kullanıcıların bir web uygulamasını edinmek için merkezi bir uygulama deposunu ziyaret etmesi gerekmez. Yapısı gereği tüm web deneyimleri yüklenebilir değildir, bir uygulamanın yüklenmesi platformlar ve tarayıcılar arasında farklılık gösterebilir, tarayıcıların uygulamayı yüklemek için farklı menüleri ve yüzeyleri bile vardır. Kullanıcı bu yükleme seçeneğini tıkladığında, varsayılan iletişim kutusunda aşağıda gösterildiği gibi herhangi bir ek bilgi bulunmaz:
![Masaüstü için tarayıcının varsayılan yükleme iletişim kutusu.](https://developer.chrome.com/static/blog/richer-install-ui-desktop/image/the-browser-default-insta-3c6ce3fa8766e.png?authuser=5&hl=tr)
![Mobil cihazlar için tarayıcının varsayılan yükleme iletişim kutusu.](https://developer.chrome.com/static/blog/richer-install-ui-desktop/image/the-browser-default-inst-14907440251fd.png?authuser=5&hl=tr)
Yüklenebilen ve platform uygulamalarıyla aynı etkileşimleri sağlayan web uygulamaları oluşturmak, bu tür deneyimleri etkinleştirmek için teknik çalışma gerektirir ve kullanıcılara bu farklı yükleme akışından yararlanabilmeleri için iyi rehberlik gerektirir.
Daha Zengin Yükleme Kullanıcı Arayüzü sayesinde web geliştiricileri, kullanıcılarına yükleme sırasında uygulamaları hakkında belirli bağlamlar sağlamaları için yeni bir fırsat sunar. Bu kullanıcı arayüzü, Chrome 94'ten mobil cihazlarda, Chrome 108'den itibaren masaüstü için kullanılabilir. Chrome yüklenebilir uygulamalar için basit yükleme iletişim kutuları sunmaya devam edecek olsa da bu daha büyük kullanıcı arayüzü, geliştiricilere web uygulamalarını öne çıkarmaları için alan sağlıyor. Ayrıca, uygulama mağazalarındaki iletişim kutularına benzediğinden yükleme süreci de daha tanıdık gelebilir.
![Masaüstü ve mobil cihazlarda daha zengin yükleme kullanıcı arayüzünün ekran görüntüleri.](https://developer.chrome.com/static/blog/richer-install-ui-desktop/image/screenshots-richer-insta-56c432a76a62c.jpg?authuser=5&hl=tr)
Daha Zengin Yükleme Kullanıcı Arayüzünü Etkinleştirme
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 bu iki alanın içeriğiyle oluşturulmuştur. Böylece deneyim, uygulama mağazası yüklemesine daha benzer hale gelir. Bu, kullanıcıların cihazlarına bir uygulama ekleyip eklemediklerini 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ı cihazlarında tutmaya teşvik edecek özellikleri vurgulayabilirler. screenshots
sayesinde web uygulamasının görünüm ve tarzını bağımsız bir şekilde, platform uygulamalarının sağladığı tüm kolay erişimle birlikte 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.
Eski yükleme istemi stili, çok az bilgi ve bağlam sağlıyordu. Kullanıcılarla eşleşmedi ve ne olduğu konusunda kafalarını karıştırabilir. Birçoğu yükleme isteğini tamamen reddetti. Bu durum, uygulamayı geliştiren işletmeler için de olumsuz bir durumdu.
Daha zengin yüklemeler, işletim sistemlerindekine daha çok benzeyen deneyimler oluşturmanıza olanak tanır.
Squoosh uygulamasının manifest dosyasındaki örneği izleyerek kendi dosyanızı oluşturabilir ve şu adresteki iletişim kutusunu canlı olarak deneyebilirsiniz: https://squoosh.app/.
Görüş Bildir Kategoriler ve uygulama puanları gibi daha zengin yüklemelere yönelik diğer seçenekleri değerlendiriyoruz. Bu kararı vermek için geri bildiriminize ihtiyacımız var. Bize tasarım hakkında bilgi verin Daha Zengin Yüklemeler kullanıcı arayüzüyle ilgili olarak beklediğiniz gibi çalışmayan bir şey mi var? Yoksa fikrinizi uygulamak için ihtiyaç duyduğunuz belirli veriler mi var? Sorunuz veya yorumunuz mu var? Bu formu doldurun
Fotoğrafın sahibi: Kaboompics .com (Pexels)