2. katman: Uyarlanabilir optimizasyon

Optimize edilmiş uygulamalar, durum geçişleri de dahil olmak üzere tüm ekran türlerini ve cihaz durumlarını tam olarak destekler.

Üç kalite katmanının, ortadaki katman vurgulanmış şekilde dikey olarak üst üste yerleştirilmiş katmanlar halinde gösterimi.

Kurallar

Uygulamanızı tüm ekran boyutlarına ve cihaz durumlarına uyacak şekilde oluşturun.

Kullanıcı arayüzü

Guideline ID Test IDs Description
Responsive_adaptive_layouts T-Layout_Flow

Uygulama, tüm ekran boyutları için tasarlanmış duyarlı ve uyarlanabilir düzenlere sahip. Tüm düzenler duyarlıdır (bkz. Kullanıcı arayüzünüzü duyarlı düzenlere taşıma). Uyarlanabilir düzenlerin uygulanması, pencere boyutu sınıfları tarafından belirlenir.

Uygulama kullanıcı arayüzü aşağıdakileri içerebilir:

  • Daha büyük pencere boyutlarında tam gezinme panellerine genişleyen, son teknoloji gezinme rayları
  • Sütun sayısını pencere boyutu değişikliklerine uyacak şekilde ölçeklendiren ızgara düzenleri
  • Büyük ekranlarda metin sütunları
  • Masaüstü ekran boyutlarında varsayılan olarak açık olan, daha küçük ekranlarda ise kapalı olan son kenar panelleri

Geniş ekran alanından yararlanmak için (uygun olduğunda) çok bölmeli düzenler oluşturun. Standart düzenler başlıklı makaleyi inceleyin.

Etkinlik yerleştirme, etkinliğe dayalı uygulamaların etkinlikleri yan yana göstererek çok panelli düzenler oluşturmasına olanak tanır.
UI_Secondary_Elements T-Layout_Flow

Kalıcı öğeler, bağlam menüleri ve diğer ikincil öğeler tüm ekran türlerinde ve cihaz durumlarında düzgün şekilde biçimlendirilmelidir. Örneğin:

  • Alt sayfalar, büyük ekranlarda tam genişlikte değildir. (Genişlemeyi önlemek için maksimum genişlik uygulayın.) E-Tablolar: alt bölümündeki Davranış'a bakın.
  • Düğmeler, büyük ekranlarda tam genişlikte değil. Düğmeler bölümündeki Davranış'a bakın.
  • Metin alanları ve kutuları, büyük ekranlarda tam genişliğe ulaşmıyor. Metin alanları bölümündeki Davranış'a bakın.
  • Küçük düzenleme menüleri veya kalıcı öğeler ekranın tamamını kaplamaz ve kullanıcının bağlamı mümkün olduğunca korumasını sağlar. Menüler konusuna bakın.
  • Bağlam menüleri, kullanıcının seçtiği öğenin yanında görünür. Menüler bölümündeki "İçerik menüleri" konusuna bakın.
  • Gezinme rayları, büyük ekranlarda daha iyi ergonomi için gezinme çubuklarının yerini alır. Gezinme çubuğu başlıklı makaleye bakın.
  • Gezinme çekmeceleri, genişletilmiş gezinme rayları olarak güncellendi. Gezinme çekmecesi başlıklı makaleyi inceleyin.
  • İletişim kutuları en son materyal bileşenine güncellendi. İletişim kutuları başlıklı makaleyi inceleyin.
  • Resimler uygun çözünürlükte gösterilir, uzatılmaz veya kırpılmaz.
Touch_Targets T-Touch_Targets Dokunma hedefleri en az 48 dp olmalıdır. Materyal Tasarım Düzen ve tipografi yönergelerine bakın.
Drawable_Focus T-Drawable_Focus Etkileşimli özel çizilebilir öğeler için odaklanılmış durum oluşturulur. Özel çizilebilir öğe, Android çerçevesi tarafından sağlanmayan herhangi bir görsel kullanıcı arayüzü öğesidir. Kullanıcılar özel bir çizilebilir öğeyle etkileşimde bulunabiliyorsa cihaz Dokunma Modu'nda değilken çizilebilir öğe odaklanılabilir olmalı ve odaklanılmış durumun görsel bir göstergesi görünür olmalıdır.

Klavye, fare ve dokunmatik yüzey

Guideline ID Test IDs Description
Keyboard_Navigation T-Keyboard_Navigation Uygulamadaki ana görev akışları, Sekme ve ok tuşlarıyla gezinme dahil olmak üzere klavye ile gezinmeyi destekliyor. Daha erişilebilir uygulamalar geliştirme başlıklı makaleyi inceleyin.
Keyboard_Shortcuts T-Keyboard_Shortcuts Uygulama; seçme, kesme, kopyalama, yapıştırma, geri alma ve yeniden yapma gibi en çok tercih edilen işlemler için klavye kısayollarını destekler. Giriş uyumluluğu başlıklı makaleyi inceleyin.
Keyboard_Media_Playback T-Keyboard_Media_Playback Klavye, medya oynatmayı kontrol etmek için kullanılabilir. Örneğin, boşluk çubuğu medya içeriğini oynatır ve duraklatır.
Keyboard_Send T-Keyboard_Send Klavyedeki Enter tuşu, iletişim uygulamalarında gönderme işlevini yerine getirir.
Context_Menus T-Context_Menus İçerik menülerine, fare ve dokunmatik yüzeyin normal sağ tıklama (ikincil fare düğmesi veya ikincil dokunma) davranışı ile erişilebilir.
Content_Zoom T-Content_Zoom Uygulama içeriği, fare tekerleği (Control veya Ctrl tuşuna basılarak) ve dokunmatik yüzeyde sıkıştırma hareketleri kullanılarak yakınlaştırılabilir.
Hover_States T-Hover_States Tıklanabilir kullanıcı arayüzü öğelerinde, fare ve dokunmatik yüzey kullanıcılarına öğelerin etkileşimli olduğunu belirtmek için (uygun durumlarda) fareyle üzerine gelme durumları bulunur.

Testler

Uygulamanızın tüm ekran yapılandırmaları için optimize edildiğinden ve duyarlı olduğundan emin olmak için aşağıdaki testleri yapın.

Kullanıcı arayüzü

Test ID Guideline IDs Description
T-Layout_Flow Responsive_adaptive_layouts,
UI_Secondary_Elements

Uygulamayı telefonlar, katlanabilir telefonlar, küçük ve büyük tabletler ile masaüstü cihazlar gibi çeşitli ekran boyutlarına sahip cihazlarda çalıştırın. Uygulamayı cihazlarda çoklu pencere modunda çalıştırın.

Uygulama düzeninin farklı ekran ve pencere boyutlarına yanıt verdiğini ve uyum sağladığını doğrulayın. Uygulamanın gezinme raylarını genişletip daralttığını, ızgara düzenlerindeki sütun sayısını ölçeklendirdiğini, metni sütunlara aktardığını vb. kontrol edin. Kullanıcı arayüzü öğelerinin hem estetik hem de işlevsel olarak biçimlendirilip biçimlendirilmediğini gözlemleyin.

Etkinlik yerleştirme özelliğini kullanan uygulamalarda, etkinliklerin büyük ekranlarda yan yana, küçük ekranlarda ise üst üste gösterilip gösterilmediğini test edin.
T-Touch_Targets Touch_Targets Dokunma hedeflerinin tutarlı ve erişilebilir bir boyut ve konumda olduğundan, tüm ekran boyutları ve yapılandırmaları için diğer kullanıcı arayüzü öğeleri tarafından gizlenmediğinden veya kapatılmadığından emin olun. Erişilebilirlik hakkında bilgi edinmek için Erişilebilirlik Tarayıcısı'na bakın.
T-Drawable_Focus Drawable_Focus Etkileşimli özel çizilebilir öğe içeren her uygulama ekranında, çizilebilir öğenin harici klavye, D-pad veya kullanıcı arayüzü öğelerinin odaklanmasını sağlayan başka bir cihaz kullanılarak odaklanabildiğini doğrulayın. Odaklanma durumunun görsel olarak belirtildiğini doğrulayın. İlgili bilgiler için Dokunma Modu başlıklı makaleyi inceleyin.

Klavye, fare ve dokunmatik yüzey

Test ID Guideline IDs Description
T-Keyboard_Navigation Keyboard_Navigation Harici bir klavyenin sekme ve ok tuşlarını kullanarak uygulamanın odaklanılabilir bileşenleri arasında gezinin.
T-Keyboard_Shortcuts Keyboard_Shortcuts Seçme, kesme, kopyalama, yapıştırma, geri alma ve yineleme gibi işlemleri gerçekleştirmek için harici klavyede klavye kısayollarını kullanın.
T-Keyboard_Media_Playback Keyboard_Media_Playback Medya oynatmayı başlatmak, durdurmak, duraklatmak, geri sarmak ve ileri sarmak için harici bir klavye kullanın.
T-Keyboard_Send Keyboard_Send Verileri göndermek veya iletmek için harici bir klavyenin Enter tuşunu kullanın.
T-Context_Menus Context_Menus Etkileşimli öğelerin içerik menüsüne erişmek için ikincil fare düğmesini veya dokunmatik yüzeyin ikincil dokunma özelliğini kullanın.
T-Content_Zoom Content_Zoom İçeriği yakınlaştırmak ve uzaklaştırmak için fare tekerleğini (Control veya Ctrl tuşuyla birlikte) ve dokunmatik yüzeyde iki parmakla yakınlaştırma hareketlerini kullanın.
T-Hover_States Hover_States Fare veya dokunmatik yüzey imlecini, üzerinde işlem yapılabilen kullanıcı arayüzü öğelerinin üzerine getirerek öğenin üzerine gelme durumunu etkinleştirin.