Android cihazlar çok çeşitli ekran boyutlarına sahip olan telefon, tablet, katlanabilir cihaz ve ChromeOS gibi çeşitli form faktörlerine sahiptir. Android, çoklu pencere, çoklu ekran, serbest biçimli ve pencere içinde pencere dahil olmak üzere birçok görüntüleme 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 kurmaları için daha fazla alan sağlar.
Kullanıcılar, çok pencereli bir yapılandırmada video izlerken birden fazla işi aynı anda gerçekleştirebilir veya görüntü çektikten sonra daha karmaşık düzenlemeleri uygulamak için büyük ekrandan yararlanabilir.
Kullanıcılar görüntülü görüşmelerle iletişim kurmak 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ğlamlar gösterebilir veya ekranda daha fazla kontrol seçeneği sunabilir.
Göz atma görünümündeki bantlar, görsel açıdan daha çekici olması için daha fazla çeşitlilik içerebilir veya medya uygulamanız oynatmayla birlikte göz atılabilir bir feed sunarak kullanıcıların ilgisini canlı tutabilir.
Medya uygulamanızın standart bir telefon, katlanabilir cihaz, tablet ve ChromeOS cihazlarda aynı koda sahip olduğunu unutmayın. Bu nedenle, uygulama geliştirme sürecinizin 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 bölümüne bakın.
Medya uygulamanızı varsayılan olarak duyarlı hale getirin
Uygulamanızın düzenini telefonlar, tabletler, katlanabilir cihazlar ve ChromeOS cihazlarda uyarlanabilir hale getirerek medya uygulamanızda kötü kullanıcı deneyimlerinin önüne geçin.
Uygulamanız farklı ekran boyutları, yönler ve form faktörlerini hesaba katarak duyarlı olmalıdır. Uyarlanabilir düzen, kullanılabilen ekran alanına göre değişir. Daha fazla bilgi için Farklı ekran boyutlarını destekleme konusuna bakın.
Yönergelere göre tasarlayın
Ekran boyutu, cihazın duru veya cihaza özgü diğer hususlara bakılmaksızın tüm Android uygulamalarının temel uygulama kalitesi temel alınır. Büyük ekran için tasarıma başlamadan önce uygulamanız bu temel gereksinimleri karşılamalıdır. Daha fazla bilgi için Temel uygulama kalitesi bölümüne bakın.
Cihaz form faktörü, ekran boyutu, görüntü modu veya duruştan bağımsız olarak uygulamanız 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 şartları kümesi tanımlar.
3. Katman:
Uygulamanız bu temel düzeyde kullanıcı arayüzü ve grafik gereksinimlerine yine de uymalıdır. Uygulamanız büyük ekrana hazır ve kullanıcılar kritik görev akışlarını tamamlayabilir ancak kullanıcı deneyimi optimum düzeyde değildir.
Uygulama düzeni ideal olmasa da çoklu pencere modunda tam ekran veya tam pencere çalıştırır. Sinemaskoplu değildir ve uyumluluk modunda çalışmaz. Uygulama; klavye, fare ve dokunmatik yüzey gibi harici giriş cihazları için temel destek sağlar. Daha fazla bilgi için Büyük ekran hazır bölümüne bakın.
2. Katman:
Burada uygulamanız, harici giriş cihazları için gelişmiş desteğin yanı sıra tüm ekran boyutları ve cihaz yapılandırmaları için düzen optimizasyonları uyguluyor. Ayrıntılar için Optimize edilmiş büyük ekran bölümüne bakın.
1. Katman:
Bu, en iyi destek düzeyidir ve premium özellikleri ve yetenekleri belirttiği için kullanıcıya uygulamanızla en mükemmel deneyimi sunar.
Uygulama, mümkün olduğunda çoklu görev, katlanabilir duruş, sürükleme ve ekran kalemi girişini destekler. Bu düzeyde uygulamalar son derece farklı olduğundan, çoklu görev ve katlanabilir duruşlar gibi konularla ilgili yönergelere çok dikkat edin. Daha fazla bilgi edinmek için Büyük ekran farklılaştırılmış bölümüne bakın.
Optimize edilmiş düzenler
Sinemaskop (yönün kısıtlanması nedeniyle) veya esneme 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şturur ve tüm telefon boyutlarını desteklersiniz.
Gezinme çubuğu ve çekmece bileşenleri, kullanıcı arayüzü kolaylığı ve kontrolü için elinizin altında gezinme olanağı sağlar. Bileşenler, minimum ekran alanını kaplarken birincil gezinme hedeflerini yakın erişim içine yerleştirerek standart düzenleri de (list-detail, feed ve destek bölmesi) tamamlar.
Medya düzenleri
Liste ayrıntısı, feed ve destek bölmesi için medyaya özel düzenler uygulayarak uygulamanızın daha kullanışlı olmasını sağlayın. MDX, Flutter ve Compose düzenleri hakkında bilgi edinmek için Düzen kaynakları'na bakın.
List-detail: Uygulamanızı etkileşimli bir medya tarayıcısıyla tasarlamak, kullanıcıların video izlerken veya dinlerken farklı medyalara göz atmasına olanak tanır. Medya başlıkları, oynatılan bir video veya ses dosyasıyla yan yana görüntülenir. Cihaz yönü değişirse liste ayrıntıları düzeni, uygulama durumunu korumak için yanıt verir. Daha fazla bilgi için Liste ayrıntısı düzenleri bölümüne bakın.
Feed: Feed düzeni, eşdeğer içerik öğelerini yapılandırılabilir bir ızgarada düzenler. Böylece, uygulamanızda müzik feed'i veya film ve TV kiosku gibi çok sayıda içeriğin hızlı ve kolay bir şekilde görüntülenmesini sağlayabilirsiniz. Daha fazla bilgi için Feed düzenleri bölümüne bakın.
Destek bölmesi: Uygulamanız, birincil ve ikincil görüntüleme alanları sayesinde bağlam, alaka düzeyi veya referans için destekleyici bir bölme (örneğin, benzer başlıkların, yayınlanan yorumların veya aynı sanatçı ya da aktörlerin ek çalışmalarının kayan listesi) yerleştirebilir. Daha ayrıntılı bilgi için Destek bölmesi düzenleri başlıklı makaleye bakın.
Medya düzenlerinin seçilmiş bir koleksiyonu için Medya galerisi'ne bakın.
Sosyal Medya düzenleri
Büyük ekranlar, sosyal medya kullanıcılarına oluşturmaları, çoklu görevleri gerçekleştirmeleri, içerikleri uygulamalar arasında sürüklemeleri ve paylaşmaları için daha fazla çalışma alanı sunar. Küçük ekranlı cihazlarda mümkün olmayan ayırt edici özellik ve yetenekler sayesinde büyük ekran medya uygulamanız liste ayrıntısı, feed ve destekleyici bölme düzenlerinden yararlanabilir.
List-detail: Mesajlaşma uygulamaları, kişi yöneticileri veya dosya tarayıcıları için idealdir. Örneğin, uygulamanız en son mesajlardan haberdar olmak için görüşmelerin listesini ayrıntılarla birlikte yan yana gösterebilir. Daha fazla bilgi için Liste ayrıntısı düzenleri konusuna bakın.
Feed: Bu düzen tarzında yaygın olarak kullanılan bileşenler kartlar ve listelerdir. Örneğin, esnek tablo biçiminde yayınlardan bir kolaj oluşturabilir veya öne çıkan yayınlara dikkat çekmek için boyut ve konumu kullanabilirsiniz. Kullanıcılar büyük içerik gruplarını hızlı bir şekilde görüntüleyebilir. Daha fazla bilgi için Feed düzenleri başlıklı makaleyi inceleyin.
Destek bölmesi: Arama ve referans uygulamaları veya bir üretkenlik uygulaması bu düzen stilinden yararlanabilir. Böylece içerik oluşturma araçları kullanıcıya 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 Destek bölmesi düzenleri başlıklı makaleyi inceleyin.
Sosyal medya düzenlerinin özenle hazırlanmış bir koleksiyonu için Sosyal medya galerisi sayfasına bakın.
Büyük ekran medya uygulamaları için en iyi uygulamalar
Büyük ekranlara yönelik en iyi uygulamaları kullanmak, uygulamanızın gereksiz şekilde yeniden düzenlenmesini önlemeye yardımcı olur. Ayrıca bu uygulamalar, uygulamanızı daha en başından itibaren daha fazla cihazda daha kullanıcı dostu hale getirir. Özellikle yön, klavye kısayolları, kamera önizleme desteği ve katlanabilir duruşlar açısından önemlidir.
Yön ve yeniden boyutlandırma
Medya uygulamanız yön ve yeniden boyutlandırma kısıtlamaları belirtiyorsa Android, uyumluluk modunu etkinleştirir. Uyumluluk modu, uygulamanızın kabul edilebilir şekilde davranmasını sağlasa da kullanılabilirlik büyük ölçüde azalır ve kullanıcı deneyimi olumsuz yönde etkilenir.
Örneğin, uygulamanız tabletteyse tablet yatay yönde yuvaya yerleştirilir. Uygulamanız dikey resimle kısıtlanmışsa bu durum, son kullanıcı için ideal olmayan sinemaskop efektine neden olur. Uygulamanızda kullanıcıların tercih ettikleri yönü kullanmaları gerekir. Bu nedenle, tasarımınızda mevcut geniş ekranın boyutundan yararlanın.
Yöne ilişkin herhangi bir kısıtlama, kullanıcıların içerikle etkileşim kurma veya medya tüketimini azaltır. Bu da uygulamanızın kullanımını kısıtlar. Yönü değiştirmek, boyutlandırmayı bir ölçüde etkileyebilir ancak yeniden boyutlandırmak yönün değişmesine neden olmaz.
Klavye kısayolları
Fiziksel klavyelerdeki başlatma, durdurma, duraklatma, geri sarma ve ileri sarma gibi klavye kısayolları büyük ekranlarda daha yaygın olarak kullanılır. Bu da kullanıcıya klavyeyle tutarlı bir kullanıcı deneyimi sunar.
Kullanıcılar medya uygulamalarında bu işlevlerin olmasını bekler. Kullanıcıların sorunlu noktaları azaltmak için uygulamanızı fiziksel klavyeyle test edebilirsiniz. Bu, önemli olan kısayolları fark etmenize ve tasarımınızın başında uygulamanıza eklemenize yardımcı olur.
Kamera önizleme desteği
Büyük ekranlarda esneme, kırpma ve döndürme konusunda daha fazla sorun yaşayabilirsiniz. Bu nedenle, kamera önizlemesinin boyutunun medya uygulamanızdaki kullanıcı arayüzünün gerçekte oluşturduğu şey olduğunu varsayamazsınız.
Örneğin, bir kullanıcı tableti ile bir fotoğraf çekerken tabletinin ekranında ters döndüğünde, bu mükemmel bir deneyim değildir. Büyük ekranlar için kamera önizleme desteği ekleyin.
Daha fazla bilgi için KameraX önizlemesi veya Kamera2 önizlemesi konusuna bakın.
Katlanabilir duruşlar
Büyük ekranlar için medya uygulamanızı tasarlamak da katlanabilir cihazlarda kullanılabilir. Örneğin uygulamanız, kullanıcılara medya oynatma için masaüstü yapılandırması sağlayabilir veya önizlemeler ile çekim için arka ekran ve Dual Screen modunu kullanabilir.
Geliştirme planınıza katılabilen katlanabilir seçenekler sayesinde uygulamanız daha fazla cihazda kullanılabilir ve daha büyük bir etkiye sahiptir. Kullanıcılar için medya deneyimini, diğer cihazların katlanabilir pozlar olmadan yapamayacağı şekilde büyütüyorsunuz. Daha fazla bilgi için Katlanabilir duruşlar bölümünü inceleyin.