Kullanıcı arayüzü

2. katman uyarlanabilir optimize edilmiş simgesi

2. KATMAN: Uyarlanabilir optimizasyon

Kullanıcılar için kullanıcı arayüzü, uygulamanın kendisidir. Kullanıcı arayüzü, kullanıcı deneyimini belirler. Kullanıcı deneyimi ise kullanıcı memnuniyetini, uygulama kullanımını, uygulama içi satın alma işlemlerini ve müşteri elde tutma oranını belirler.

Geniş ekranlar, küçük ekranların sağlayamayacağı bir kullanıcı deneyimi sunan yenilikçi ve uyarlanabilir kullanıcı arayüzleri için geniş bir görüntüleme alanı sağlar.

Aşağıdaki kullanıcı arayüzü öğelerini ekleyerek uygulamanızı büyük ekranlar için optimize edin:

  • Gezinme sütunu veya gezinme çekmecesi
  • Büyük dokunma hedefleri
  • İyi yerleştirilmiş menüler ve iletişim kutuları
  • Çok panelli düzenler

Uyarlanabilir düzenler

Uygulamanızın kullanıcı arayüzünü hem büyük hem de küçük ekranlarda optimize eden uyarlanabilir düzenler oluşturun. Aynı anda birden fazla form faktörü için tasarım yapın ve geliştirin. Uygulamanızı yeni cihaz türlerine hazır hale getirin.

Standart düzenler

Uygulamanızın kullanıcı deneyimini olağanüstü hale getirmek için kanıtlanmış uyarlanabilir düzenlerden yararlanın. Daha fazla içeriği daha yönetilebilir ve daha keyifli hale getirmek için liste-ayrıntı, destek bölmesi veya feed düzeni oluşturun.

Duyarlı kullanıcı arayüzü

Kullanıcı arayüzü öğelerini ekran boyutuna göre biçimlendirin. Küçük ekranlarda tam genişlikte olan düğmelerin, kartların ve metin alanlarının genişliğini büyük ekranlarda işlevsel olarak uygun bir boyuta sınırlayın. İletişim kutularının ve diğer modal pencerelerin ekranın tamamını doldurmasına izin vermeyin. İçerik menülerini ve diğer öğeyle ilgili pop-up'ları, kullanıcının seçtiği öğenin yanında konumlandırın. Ekranda ortalamayın.

Etkinlik yerleştirme

Etkinliğe dayalı eski uygulamalarınızı büyük ekranlarda çok panelli düzenlerle güncelleyin. Kod yeniden düzenleme gerekmez. Düzenlerinizi XML'de veya birkaç Jetpack WindowManager API çağrısıyla yapılandırın.

Sonraki adımlar

Optimize edilmiş kullanıcı deneyimi için kullanıcı arayüzü geliştirme hakkında bilgi edinmek üzere aşağıdaki geliştirici kılavuzlarına bakın: