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, çoklu pencere yapılandırmasında 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. Alternatif olarak, 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 ekranlara yönelik 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, kullanabileceği 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, görüntü 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 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ıya 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şturmanın yanı sıra tüm telefon boyutlarını desteklersiniz.
Gezinme çubuğu 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ı düzeni, 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ı 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 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 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örevle ilgilenmek, 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ı düzeni, 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, esnek bir ızgara biçiminde yayınlardan oluşan bir kolaj oluşturabilir veya önemli yayınlara 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 mektup kutusu efektine 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önlendirmeyi değiştirmek, boyutu bir dereceye kadar etkileyebilir ancak yeniden boyutlandırma yönlendirmeyi 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 olmayan bir deneyimdir. 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 cihazlara yönelik 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.