Android cihazlar, çeşitli form faktörlerinde (telefonlar, tabletler, katlanabilir cihazlar, ChromeOS cihazlar) ve farklı ekran boyutlarında sunulur. Android, çoklu pencere, çoklu ekran, serbest biçim ve resim içinde resim gibi birçok ekran modunu destekler. Katlanabilir cihazlar, masaüstü veya kitap gibi çeşitli durumlarda ya da pozisyonlarda 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ıların medya uygulamanızın içeriğiyle farklı şekillerde etkileşim kurmasına olanak tanır.
Kullanıcılar, çok pencereli yapılandırmada video izlerken çoklu görev yapabilir veya görüntü yakaladıktan 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ı ile ailelerini daha ayrıntılı görmek için tablete yönelebilir. Uygulamanız, özel bir oynatma yer paylaşımında bir başlık veya sahne hakkında daha zengin bağlam gösterebilir ya da ekranda daha fazla kontrol seçeneği sunabilir.
Göz atma görünümündeki bantlar, daha fazla görsel çekicilik için daha fazla çeşitlilik sunabilir veya medya uygulamanız, oynatma ile birlikte göz atılabilir bir feed sunarak kullanıcıların ilgisini canlı tutabilir.
Medya uygulamanızın standart bir telefonda, katlanabilir bir telefonda, tablette ve ChromeOS cihazlarda aynı kodu çalıştırdığını unutmayın. Bu nedenle, uygulama geliştirme sürecinizin en başından itibaren büyük ekranlar için tasarım yapmanız gerekir. Daha fazla bilgi ve görsel örnek 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 cihazlarda uyarlanabilir hale getirerek medya uygulamanızda bozuk kullanıcı deneyimlerini önleyin.
Uygulamanız, farklı ekran boyutlarını, yönleri ve form faktörlerini hesaba katacak şekilde duyarlı olmalıdır. Uyarlanabilir düzen, kendisine sunulan ekran alanına göre değişir. Daha fazla bilgi için Farklı ekran boyutlarını destekleme konusuna bakın.
Yönergeler doğrultusunda tasarım yapma
Temel 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. Uygulamanız, büyük ekran için tasarım yapmaya başlamadan önce bu temel şartları karşılamalıdır. Daha fazla bilgi için Temel uygulama kalitesi bölümünü inceleyin.
Uygulamanız, cihazın şekli, ekran boyutu, görüntüleme modu veya duruşu ne olursa olsun 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 koşulları kümesi tanımlar.
3. Katman:
Bu temel düzeyde, uygulamanızın kullanıcı arayüzü ve grafik şartlarına uyması gerekir. Uygulamanız büyük ekranlara hazır ve kullanıcılar önemli görev akışlarını tamamlayabiliyor ancak kullanıcı deneyimi ideal değil.
Uygulama düzeni ideal olmayabilir ancak çoklu pencere modunda tam ekran veya tam pencere olarak çalışır. Video, letterbox formatında değildir ve uyumluluk modunda çalışmaz. Uygulama; klavye, fare ve dokunmatik yüzey gibi harici giriş cihazları için temel destek sunar. Daha fazla bilgi için Büyük ekranlara hazır başlıklı makaleyi inceleyin.
2. Katman:
Burada uygulamanız, tüm ekran boyutları ve cihaz yapılandırmaları için düzen optimizasyonlarının yanı sıra harici giriş cihazları için gelişmiş destek uygular. Ayrıntılı bilgi için Büyük ekranlar için optimize edilmiş başlıklı makaleyi inceleyin.
1. Katman:
Bu destek düzeyi, premium özellikler ve işlevler içerdiğinden kullanıcılara uygulamanızla ilgili en iyi deneyimi sunar.
Uygulama, uygun olduğu durumlarda çoklu görev, katlanabilir duruşlar, sürükleme ve kalem girişini destekler. Bu düzeyde uygulamalar oldukça farklılaşır. Bu nedenle, çoklu görev ve katlanabilir duruşlar gibi konulardaki yönergelere dikkat edin. Daha fazla bilgi için Büyük ekranlarda farklılaşma başlıklı makaleyi inceleyin.
Optimize edilmiş düzenler
Yön kısıtlaması nedeniyle oluşan siyah bantlar veya uzatma olmadan 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 ve tüm büyük ekran form faktörlerinde (tabletler, katlanabilir cihazlar ve ChromeOS cihazlar) daha iyi bir kullanıcı deneyimi oluşturursunuz. Ayrıca tüm telefon boyutlarını desteklersiniz.
Gezinme rayı ve çekmece bileşenleri, kullanıcı arayüzünde kolaylık ve kontrol için gezinmeyi kolaylaştırır. Bileşenler, birincil gezinme hedeflerini kolayca erişilebilecek bir yere yerleştirerek ve minimum ekran alanı kullanarak kanonik düzenleri (liste ayrıntısı, feed ve destek bölmesi) de tamamlar.
Medya düzenleri
Liste-ayrıntı, feed ve destek bölmesi için medyaya özel düzenler uygulayarak uygulamanızı daha kullanılabilir hale getirin. MDX, Flutter ve Compose düzenleri hakkında bilgi için Düzen kaynakları başlıklı makaleyi inceleyin.
Liste-ayrıntı: Uygulamanızı etkileşimli bir medya tarayıcısıyla tasarladığınızda kullanıcılar izlerken veya dinlerken farklı medyaları tarayabilir. 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 liste-ayrıntı düzeni yanıt verir. Daha fazla bilgi için Liste-ayrıntı düzenleri başlıklı makaleyi inceleyin.
Feed: Feed düzeni, eşdeğer içerik öğelerini yapılandırılabilir bir ızgarada düzenleyerek çok sayıda içeriğin (ör. uygulamanızdaki müzik feed'i veya film ve TV kiosk'u) hızlı ve kolay bir şekilde görüntülenmesini sağlar. Daha fazla bilgi için Feed düzenleri başlıklı makaleyi inceleyin.
Destekleyici bölme: Birincil ve ikincil görüntüleme alanlarıyla uygulamanız, bağlam, alaka düzeyi veya referans için destekleyici bir bölme yerleştirebilir. Örneğin, benzer başlıkların kaydırılabilir bir listesi, yayınlanmış incelemeler ya da aynı sanatçıların veya aktörlerin ek çalışmaları. Daha fazla bilgi için Desteklenen bölme düzenleri başlıklı makaleyi inceleyin.
Seçilmiş medya düzenleri koleksiyonu için Medya galerisi'ne bakın.
Sosyal medya düzenleri
Büyük ekranlar, sosyal medya kullanıcılarına içerik oluşturmak, aynı anda birden fazla görev yapmak, uygulamalar arasında içerik sürüklemek ve içerik paylaşmak için daha fazla çalışma alanı sunar. Küçük ekranlı cihazlarda mümkün olmayan belirgin özellikler ve işlevler sayesinde, büyük ekranlı medya uygulamanız liste-ayrıntı, feed ve destekleyici bölme düzenlerinden yararlanabilir.
Liste-ayrıntı: Bu, mesajlaşma uygulamaları, kişi yöneticileri veya dosya tarayıcıları için idealdir. Örneğin, uygulamanız en son iletilerden haberdar olmak için ayrıntılarla birlikte ileti dizilerinin listesini yan yana gösterebilir. Daha fazla bilgi için Liste-ayrıntı düzenleri başlıklı makaleyi inceleyin.
Feed: Bu düzen stilindeki yaygın bileşenler kartlar ve listelerdir. Örneğin, gönderilerden oluşan bir kolajı esnek bir ızgara biçiminde oluşturabilir veya önemli gönderilere dikkat çekmek için boyutu 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 başlıklı makaleyi inceleyin.
Destekleyici bölme: Arama ve referans uygulamaları veya bir üretkenlik uygulaması bu düzen stilinden yararlanabilir. Kullanıcı, içerik oluşturma araçlarına kolayca erişebilir. Ö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 başlıklı makaleyi inceleyin.
Sosyal medya düzenlerinin yer aldığı seçilmiş 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 ekranlarla ilgili en iyi uygulamaları kullanmak, uygulamanızda gereksiz yeniden çalışmalardan kaçınmanıza yardımcı olur. Ayrıca, özellikle yönlendirme, klavye kısayolları, kamera önizleme desteği ve katlanabilir duruşlar açısından uygulamanızı daha fazla cihazda daha kullanıcı dostu hale getirir.
Yön ve yeniden boyutlandırma
Medya uygulamanız yön ve yeniden boyutlandırma kısıtlamaları bildirirse Android, uyumluluk modunu etkinleştirir. Uyumluluk modu, uygulamanızın kabul edilebilir şekilde çalışmasını sağlasa da 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 modla sınırlıysa bu durum, son kullanıcı için ideal olmayan letterboxing'e neden olur. 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önlendirme ile ilgili tüm kısıtlamalar, kullanıcıların içerikle etkileşim kurma veya medyayı tüketme şeklini azaltır. Bu da uygulamanızın kullanımını sınırlar. Yönü değiştirmek boyutu bir dereceye kadar etkileyebilir ancak boyutu değiştirmek yönü mutlaka değiştirmez.
Klavye kısayolları
Daha büyük bir ekranda, başlatma, durdurma, duraklatma, geri sarma ve ileri sarma gibi fiziksel klavyelerdeki klavye kısayollarının kullanılma olasılığı daha yüksektir. Bu da kullanıcı deneyimini klavyeyle tutarlı bir kullanıcı deneyimi haline getirir.
Kullanıcılar, medya uygulamalarında bu işlevleri bekler. Kullanıcılar için sorun noktalarını azaltmak amacıyla uygulamanızı fiziksel klavye ile test etmeyi düşünebilirsiniz. Bu sayede, tasarımınızın başında bu önemli kısayolları fark edip uygulamanıza ekleyebilirsiniz.
Kamera önizlemesi desteği
Büyük ekranlarda, uzatma, kırpma ve döndürme ile ilgili daha fazla sorun yaşayabilirsiniz. Bu nedenle, kamera önizlemesinin boyutunun, medya uygulamanızdaki kullanıcı arayüzünün gerçekten oluşturduğu boyut olduğunu varsayamazsınız.
Örneğin, bir kullanıcı tabletiyle fotoğraf çektiğinde tablet ekranında fotoğrafın baş aşağı görünmesi ideal bir deneyim değildir. Büyük ekranlarda kamera önizleme desteği ekleyin.
Daha fazla bilgi için CameraX önizlemesi veya Camera2 önizlemesi başlıklı makaleleri 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 bulundurmanız gerekir. Örneğin, uygulamanız kullanıcının medya oynatma için masaüstü yapılandırması kullanmasına veya önizlemeler ve çekimler için arka ekranı ve çift ekran modunu kullanmasına olanak tanıyabilir.
Geliştirme planınıza katlanabilir cihazlardaki duruşları dahil ettiğinizde uygulamanız daha fazla cihazda kullanılabilir ve daha geniş bir etki yaratır. Kullanıcı için medya deneyimini, diğer cihazların katlanabilir duruşlar olmadan yapamayacağı şekilde büyütürsünüz. Daha fazla bilgi için Katlanabilir cihazların duruşları başlıklı makaleyi inceleyin.