Başlangıçtan itibaren büyük ekranlara göre tasarlayın

Android cihazlar, çeşitli form faktörlerinde (telefonlar, tabletler, katlanabilir cihazlar, ChromeOS cihazlar) ve çok çeşitli ekran boyutlarında sunulur. Android; çoklu pencere, çoklu ekran, serbest biçim ve pencere içinde pencere gibi birçok ekran modunu destekler. Katlanabilir cihazlar masaüstü veya kitap gibi çeşitli durumlarda ya da duruşlarda olabilir.

Uygulamanızı tasarlamaya başlarken farklı kullanım alanlarını göz önünde bulundurun. Örneğin:

  • Büyük ekranlı cihazlar, kullanıcılara medya uygulamanızın içeriğiyle farklı şekillerde etkileşim kurmak için daha fazla alan sağlar.

  • Kullanıcılar, çok pencereli yapılandırmada video izlerken çoklu görev yapabilir veya resim çektikten sonra daha karmaşık düzenlemeler uygulamak için daha büyük ekrandan yararlanabilir.

  • Kullanıcılar, görüntülü görüşmelerle bağlantıda kalmak ve arkadaşlarını ya da aile üyelerini daha ayrıntılı görmek için tablete yönelebilir. Uygulamanız, özel oynatma yer paylaşımında bir başlık veya sahneyle ilgili daha zengin bağlam bilgisi gösterebilir ya da ekranda daha fazla kontrol seçeneği sunabilir.

  • Gezinme görünümündeki bantlar, daha fazla görsel çekicilik için daha fazla çeşitlilik sunabilir veya medya uygulamanız, oynatma özelliğinin yanında taranabilir bir feed sunarak kullanıcıların ilgisini canlı tutabilir.

Medya uygulamanızın standart telefon, katlanabilir cihaz, tablet ve ChromeOS cihazlarda aynı kodu çalıştırdığını unutmayın. Bu nedenle, uygulamanızın geliştirilmesinin en başından itibaren büyük ekranlar için tasarım yapmalısınız. Daha fazla bilgi ve görsel örnekler için Büyük ekran galerisi başlıklı makaleyi inceleyin.

Medya uygulamanızı varsayılan olarak duyarlı hale getirme

Uygulamanızın düzenini telefonlar, tabletler, katlanabilir cihazlar ve ChromeOS cihazlarına uyumlu hale getirerek medya uygulamanızda bozuk kullanıcı deneyimlerinden kaçının.

Uygulamanız, farklı ekran boyutlarını, yönleri ve form faktörlerini hesaba katacak şekilde duyarlı olmalıdır. Uyarlanabilir düzen, kullanılabilir ekran alanına göre değişir. Daha fazla bilgi için Farklı ekran boyutlarını destekleme bölümüne bakın.

Yönergelere uygun tasarım

Core uygulama kalitesi, ekran boyutu, cihaz duruşu veya cihaza özgü diğer hususlardan bağımsız olarak tüm Android uygulamalarının temelini oluşturur. Büyük ekran için tasarım yapmaya başlamadan önce uygulamanızın bu temel koşulları karşılaması gerekir. Daha fazla bilgi için Temel uygulama kalitesi bölümüne bakın.

Uygulamanız, cihaz form faktörü, ekran boyutu, ekran modu veya duruştan bağımsız olarak mükemmel bir kullanıcı deneyimi sunmalıdır. Bu nedenle, uygulamanızı aşağıdaki 1., 2. ve 3. Katman yönergelerine göre tasarlayın.

Yönergeler, çoğu Android uygulaması türü için kapsamlı bir kalite şartı grubu tanımlar.

3. Katman:

Bu temel düzeyde, uygulamanız kullanıcı arayüzü ve grafikler koşullarına uymaya devam etmelidir. Uygulamanız büyük ekrana hazırdır ve kullanıcılar kritik görev akışlarını tamamlayabilir ancak bu işlemler optimal olmayan bir kullanıcı deneyimiyle gerçekleşir.

Uygulamanın düzeni ideal olmayabilir ancak çoklu pencere modunda tam ekran veya tam pencerede çalışır. Sinemaskop değildir ve uyumluluk modunda çalışmaz. Uygulama; klavye, fare ve dokunmatik yüzey dahil olmak üzere harici giriş cihazları için temel destek sağlar. Daha fazla bilgi için Büyük ekrana hazır başlıklı makaleyi inceleyin.

2. Katman:

Burada uygulamanız, harici giriş cihazları için gelişmiş destek ile birlikte tüm ekran boyutları ve cihaz yapılandırmaları için düzen optimizasyonları uygular. Ayrıntılı bilgi için Büyük ekranlar için optimize edilmiş bölümüne bakın.

1. Katman:

Bu, en iyi destek düzeyidir ve premium özellikleri ve özellikleri belirttiği için kullanıcıya uygulamanızla ilgili en mükemmel deneyimi sunar.

Uygulama, uygun olduğu durumlarda çoklu görev, katlanabilir duruşlar, sürükleme ve ekran kalemi girişini destekler. Bu düzeyde uygulamalar oldukça farklıdır. Bu nedenle, çoklu görev yürütme ve katlanabilir cihazlarda kullanım gibi konularla ilgili kurallara dikkat edin. Daha fazla bilgi için Büyük ekranda farklılaştırma başlıklı makaleyi inceleyin.

Optimize edilmiş düzenler

Ekran yönünün kısıtlanması nedeniyle sinemaskop veya uzatmadan büyük ekranların artan alanından yararlanın. Uygulamanızın düzenini medya ve sosyal medya için optimize ederek uygulamanızın erişimini genişletir, tüm büyük ekran form faktörlerinde (tabletler, katlanabilir cihazlar ve ChromeOS cihazlar) daha iyi bir kullanıcı deneyimi oluşturur ve tüm telefon boyutlarını desteklersiniz.

Gezinme çubuğu ve çekmece bileşenleri, kullanıcı arayüzünde kolaylık ve kontrol için kolay gezinme sağlar. Bileşenler, birincil gezinme hedeflerini minimum ekran alanı kaplarken kolayca erişilebilir bir konuma yerleştirerek standart düzenleri (liste-ayrıntı, feed ve destekleyici bölme) de tamamlar.

Medya düzenleri

Liste ayrıntısı, feed ve destekleyici bölme için medyaya özel düzenler uygulayarak uygulamanızı daha kullanılabilir hale getirin. MDX, Flutter ve Compose düzenleri hakkında bilgi edinmek için Düzen kaynakları başlıklı makaleyi inceleyin.

  • Liste-ayrıntı: Uygulamanızı etkileşimli bir medya tarayıcısıyla tasarlamak, kullanıcıların izlerken veya dinlerken farklı medyalara göz atmasına olanak tanır. Medya başlıkları, oynatılan video veya ses dosyasıyla yan yana gösterilir. Cihaz yönü değişirse uygulama durumunu korumak için bir liste ayrıntısı düzeni yanıt verir. Daha fazla bilgi edinmek için Liste-ayrıntı düzenleri başlıklı makaleyi inceleyin.

  • Feed: Feed düzeni, uygulamanızdaki müzik feed'i veya film ve TV kiosk'u gibi çok sayıda içeriğin hızlı ve kolay bir şekilde görüntülenmesi için eşdeğer içerik öğelerini yapılandırılabilir bir ızgara içinde düzenler. Daha fazla bilgi için Feed düzenleri başlıklı makaleyi inceleyin.

  • Destekleyici panel: Birincil ve ikincil görüntüleme alanlarıyla uygulamanız, bağlam, alaka düzeyi veya referans için benzer başlıkların kaydırılabilir listesi, yayınlanan yorumlar ya da aynı sanatçıların veya oyuncuların diğer çalışmaları gibi destekleyici bir panel yerleştirebilir. Daha fazla bilgi için Desteklenen panel düzenleri başlıklı makaleyi inceleyin.

Medya düzenlerinden oluşan özel bir koleksiyon için Medya galerisi bölümüne bakın.

Sosyal medya düzenleri

Büyük ekranlar, sosyal medya kullanıcılarına içerik oluşturmak, birden fazla görevi aynı anda yapmak, içerikleri uygulamalar arasında sürükleyip bırakmak ve paylaşmak için daha fazla çalışma alanı sunar. Küçük ekranlı cihazlarda kullanılamayan ayırt edici özellikler ve özellikler sayesinde geniş ekran medya uygulamanız liste ayrıntısı, feed ve destekleyici bölme düzenlerinden yararlanabilir.

  • List-detail: Bu liste, mesajlaşma uygulamaları, kişi yöneticileri veya dosya tarayıcıları için idealdir. Örneğin, uygulamanız en son iletilerle ilgili güncel bilgileri görmek için ileti dizilerinin listesini ayrıntılarıyla birlikte yan yana gösterebilir. Daha fazla bilgi için Liste-ayrıntı düzenleri başlıklı makaleyi inceleyin.

  • Feed: Bu düzen tarzında kartlar ve listeler yaygın bileşenlerdir. Örneğin, esnek bir ızgara biçiminde yayınlardan kolaj oluşturabilir veya belirgin yayınlara dikkat çekmek için boyut ve konumu kullanabilirsiniz. Kullanıcılar büyük içerik gruplarını hızlıca görüntüleyebilir. Daha fazla bilgi için Feed düzenleri bölümüne bakın.

  • Destekleyici panel: Arama ve referans uygulamaları ya da üretkenlik uygulamaları bu düzen tarzından yararlanabilir. İçerik oluşturma araçlarını kullanıcının kolayca ulaşabileceği bir yerde tutar. Örneğin, uygulamanız kullanıcıların ayarları düzenlemesine, renk paletlerine erişmesine, efektler uygulamasına ve değişiklikleri anında görmesine olanak tanıyabilir. Daha fazla bilgi için Desteklenen bölme düzenleri bölümüne bakın.

Sosyal medya düzenlerinden oluşan özel bir koleksiyon için Sosyal medya galerisi sayfasına bakın.

Büyük ekran medya uygulamaları için en iyi uygulamalar

Büyük ekranlar için en iyi uygulamaları kullanmak, uygulamanızın gereksiz yere yeniden çalışmasını önlemenize yardımcı olur. Ayrıca, özellikle yön, klavye kısayolları, kamera önizleme desteği ve katlanabilir cihaz duruşları açısından uygulamanızı baştan daha fazla cihazda kullanıcı dostu hale getirir.

Yön ve yeniden boyutlandırma

Medya uygulamanız yön ve yeniden boyutlandırma kısıtlamaları belirtiyorsa Android bir uyumluluk modu etkinleştirir. Uyumluluk modu, uygulamanızın kabul edilebilir bir şekilde davranmasını sağlar ancak kullanılabilirlik büyük ölçüde azalır ve kullanıcı deneyimi olumsuz etkilenir.

Örneğin, uygulamanız bir tabletteyse tablet yatay yönde yerleştirilir. Uygulamanız dikey olarak kısıtlanmışsa son kullanıcı için ideal olmayan sinemaskop etkisi oluşur. Uygulamanız, kullanıcıların tercih ettikleri yönü kullanmalarına olanak tanımalıdır. Bu nedenle, tasarımınızda büyük ekranın mevcut boyutundan yararlanın.

Yönlendirmeyle ilgili kısıtlamalar, kullanıcıların içerikle etkileşim kurma veya medya tüketme şeklini azaltır ve uygulamanızın kullanımını sınırlandırır. Yönlendirmeyi değiştirmek, boyutu bir dereceye kadar etkileyebilir ancak boyutu değiştirmek her zaman yönlendirmeyi değiştirmez.

Klavye kısayolları

Daha büyük ekranlarda, fiziksel klavyelerdeki başlat, durdur, duraklat, geri sar ve ileri sar gibi klavye kısayollarının kullanılması daha olasıdır. Bu da kullanıcının klavyeyle tutarlı bir kullanıcı deneyimi yaşamasını sağlar.

Kullanıcılar medya uygulamalarında bu işlevleri bekler. Kullanıcılar için sorun noktalarını azaltmak amacıyla uygulamanızı fiziksel bir klavyeyle test edebilirsiniz. Bu, tasarımınızın başında bu önemli kısayolları fark etmenize ve uygulamanıza dahil etmenize yardımcı olur.

Kamera önizlemesi desteği

Büyük ekranlarda, görüntünün uzatılması, kırpılması ve döndürülmesiyle ilgili daha fazla sorun yaşayabilirsiniz. Bu nedenle, kamera önizlemesinin boyutunun medya uygulamanızdaki kullanıcı arayüzünün gerçekte oluşturduğu boyut olduğunu varsayamazsınız.

Örneğin, bir kullanıcı tabletiyle fotoğraf çeker ancak tablet ekranında fotoğraf ters çevrilirse bu, optimum olmayan bir deneyimdir. Büyük ekranlar için kamera önizleme desteği ekleyin.

Daha fazla bilgi için CameraX önizlemesi veya Camera2 önizlemesi başlıklı makaleyi inceleyin.

Katlanabilir duruşlar

Medya uygulamanızı büyük ekranlar için tasarlarken katlanabilir cihazların duruşlarını da göz önünde bulundurun. Örneğin, uygulamanız kullanıcının medya oynatmak için masaüstü yapılandırması kullanmasına veya önizlemeler ve yakalama için arka ekran ve çift ekran modunu kullanmasına olanak tanıyabilir.

Geliştirme planınıza katlanabilir cihazlar için duruşlar eklediğinizde uygulamanız daha fazla cihazda kullanılabilir ve daha geniş bir etki alanına sahip olur. Kullanıcı için medya deneyimini, katlanabilir duruşlar olmadan diğer cihazların yapamayacağı şekillerde genişletirsiniz. Daha fazla bilgi için Katlanabilir duruşlar bölümüne bakın.