Android cihazlar; telefonlar, tabletler, katlanabilir cihazlar ve ChromeOS cihazlar gibi çeşitli form faktörlerinde sunulur ve geniş bir ekran boyutuna sahiptir. 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ılara medya uygulamanızın içeriğiyle farklı şekillerde etkileşim kurma olanağı sunar.
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 kaydırma 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 form faktörü, ekran boyutu, görüntüleme modu veya duruşundan 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 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 ekran optimizasyonu başlıklı makaleyi inceleyin.
1. Katman:
Bu, en iyi destek düzeyidir ve premium özellikler ile işlevleri belirttiği için 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 arasında büyük farklılıklar vardır. Bu nedenle, çoklu görev ve katlanabilir duruş gibi konularda 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 olmadan veya uzatma yapmadan 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şturmanın yanı sıra 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 destekleyici bölme) 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ı düzeni: 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 edinmek 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 kioskları) 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 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ı düzeni: 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üzenlerinden oluşan bir seçki 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ı bildiriyorsa Android bir uyumluluk modu 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 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, fiziksel klavyelerdeki başlatma, durdurma, duraklatma, geri sarma ve ileri sarma gibi 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ın karşılaştığı sorunları azaltmak için uygulamanızı fiziksel klavye ile test etmenizi öneririz. 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 bulundurun. Örneğin, uygulamanız kullanıcının medya oynatma için masaüstü yapılandırması kullanmasına veya önizleme ve çekim 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.