Masaüstü için daha zengin kullanıcı arayüzü yüklemesi mevcut

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 bir web uygulamasını edinmek için merkezi bir uygulama deposunu ziyaret etmek zorunda değildir. Tasarımı 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 olabilir. Kullanıcı bu yükleme seçeneğini tıkladığında, varsayılan iletişim kutusunda aşağıdaki gibi ek bir bilgi yer almaz:

Masaüstü için tarayıcının varsayılan yükleme iletişim kutusu.
Masaüstünde varsayılan yükleme iletişim kutusu.
Mobil cihazlar için tarayıcının varsayılan yükleme iletişim kutusu.
Mobil cihazlarda varsayılan yükleme iletişim kutusu.

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ğlama konusunda 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 çıkarmak için alan sağlıyor. Ayrıca, uygulama mağazalarındaki iletişim kutularına benzediğinden yükleme işlemi de daha tanıdık hale geliyor.

Masaüstü ve mobil cihazlarda daha zengin yükleme kullanıcı arayüzünün ekran görüntüleri.
Masaüstü ve mobil cihazlarda daha zengin yükleme kullanıcı arayüzü.

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 eklediklerini tanımalarına 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ı 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.

Eski yükleme istemi stili, çok az bilgi ve bağlam sağlıyordu. Bu durum, kullanıcıların yüklemenin ne anlama geldiğiyle ilgili beklentilerini karşılamadı ve onları ne olduğu konusunda kafa karışıklığı yarattı. 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/.

Geri Bildirim 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. Tasarımla ilgili bilgi verin Daha Zengin Yüklemeler kullanıcı arayüzüyle ilgili olarak beklediğiniz gibi çalışmayan bir şey var mı? 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)