Android cihazlar; telefonlar, tabletler, katlanabilir cihazlar, ChromeOS cihazlar gibi çeşitli form faktörlerinde sunulur ve çok çeşitli ekran boyutlarına sahiptir. Android; çoklu pencere, çoklu ekran, serbest biçim ve pencere içinde pencere gibi birçok görüntüleme modunu destekler. Katlanabilir cihazlar, masaüstü veya kitap gibi çeşitli durumlarda ya da konumlarda 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çerikleriyle farklı şekillerde etkileşim kurmaları için daha fazla alan sunar.
Kullanıcılar, çok pencereli yapılandırmada video izlerken aynı anda başka işlemler yapabilir veya görüntü yakaladıktan sonra daha karmaşık düzenlemeler yapmak 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 tablet kullanabilir. 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, oynatmayla yan yana göz atılabilir bir feed sunarak kullanıcı etkileşimini canlı tutabilir.
Medya uygulamanızın standart bir telefon, katlanabilir cihaz, tablet ve ChromeOS cihazlarda aynı kodu çalıştırdığını unutmayın. Bu nedenle, uygulama geliştirme sürecinin en başından itibaren büyük ekranlar için tasarım yapmanız gerekir. Daha fazla bilgi ve görsel örnekler için Büyük ekran galerisi'ne bakın.
Medya uygulamanızı varsayılan olarak duyarlı hale getirme
Uygulamanızın düzenini telefon, tablet, katlanabilir cihaz ve ChromeOS cihazlara uyumlu hale getirerek medya uygulamanızda kullanıcı deneyiminin kesintiye uğramasını önleyin.
Uygulamanız farklı ekran boyutlarına, yönlerine ve form faktörlerine uyum sağlayabilmelidir. Uyarlanabilir düzen, kullanılabilir görüntüleme alanına göre değişir. Daha fazla bilgi için Farklı ekran boyutlarını destekleme konusuna bakın.
Yönergelere göre tasarım yapma
Temel uygulama kalitesi; ekran boyutu, cihaz duruşu veya cihaza özgü diğer hususlar ne olursa olsun tüm Android uygulamalarının temelidir. Uygulamanız, büyük ekran için tasarlamaya başlamadan önce bu temel şartları karşılamalıdır. Daha fazla bilgi için Temel uygulama kalitesi başlıklı makaleyi 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. kademe yönergelerine göre tasarlayın.
Yönergeler, çoğu Android uygulaması türü için kapsamlı bir kalite şartları seti tanımlar.
3. Katman:
Bu temel seviyede 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 kritik görev akışlarını tamamlayabiliyor ancak kullanıcı deneyimi optimum düzeyde değil.
Uygulama düzeni ideal olmayabilir ancak çoklu pencere modunda tam ekran veya tam pencere olarak çalışır. Sinemaskop 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 ekrana hazır başlıklı makaleyi inceleyin.
2. Katman:
Bu aşamada uygulamanız, tüm ekran boyutları ve cihaz yapılandırmaları için düzen optimizasyonları uygular ve harici giriş cihazları için gelişmiş destek sunar. Ayrıntılı bilgi için Büyük ekranlar için optimize edilmiş başlıklı makaleyi inceleyin.
1. Katman:
Bu, en iyi destek düzeyidir ve premium özellikleri ve yetenekleri belirttiği için kullanıcıya uygulamanızla ilgili en mükemmel deneyimi sunar.
Uygulama, uygun durumlarda çoklu görev, katlanabilir duruşlar, sürükleme ve ekran kalemi girişini destekler. Bu düzeyde uygulamalar oldukça farklılaşır. Bu nedenle, çoklu görev ve katlanabilir duruşlar gibi konularla ilgili yönergelere dikkat edin. Daha fazla bilgi edinmek için Büyük ekran farklılaştırılmış başlıklı makaleyi inceleyin.
Optimize edilmiş düzenler
Yön kısıtlaması nedeniyle sinemaskop veya esnetme olmadan büyük ekranların geniş 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 sunarsınız. Ayrıca tüm telefon boyutlarını da desteklersiniz.
Gezinme çubuğu ve çekmece bileşenleri, kullanıcı arayüzü kolaylığı ve kontrolü için göz önünde olmayan gezinme sağlar. Bileşenler, birincil gezinme hedeflerini kolayca erişilebilecek bir yere yerleştirirken minimum ekran alanı kaplayarak standart düzenleri (liste-ayrıntı düzeni, feed ve destekleyici bölme) tamamlar.
Medya düzenleri
Liste-ayrıntı düzeni, feed ve destekleyici bölme için medyaya özel düzenler uygulayarak uygulamanızı daha kullanışlı 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 tasarlamak, kullanıcıların izlerken veya dinlerken farklı medyaya göz atmasına olanak tanır. Medya başlıkları, oynatılan bir video veya ses dosyasıyla yan yana gösterilir. Cihazın 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ı 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 uygulamanızdaki müzik feed'i veya film ve TV kiosk'u gibi büyük miktarda içeriğin 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: Uygulamanız, birincil ve ikincil görüntüleme alanlarıyla bağlam, alaka düzeyi veya referans için destekleyici bir bölme yerleştirebilir. Örneğin, benzer başlıkların, yayınlanan yorumların veya aynı sanatçıların ya da oyuncuların diğer çalışmalarının kaydırılabilir bir listesi. Daha fazla bilgi için Destekleyici 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 işlem yapmak, uygulamalar arasında içerik sürüklemek ve paylaşmak için daha fazla çalışma alanı sunar. Küçük ekranlı cihazlarda mümkün olmayan ayırt edici ö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 düzen, mesajlaşma uygulamaları, kişi yöneticileri veya dosya tarayıcıları için idealdir. Örneğin, uygulamanız en son mesajları takip etmek için görüşmelerin listesini ayrıntılarla yan yana gösterebilir. Daha fazla bilgi için Liste ayrıntısı düzenleri başlıklı makaleyi inceleyin.
Feed: Bu düzende yaygın olarak kullanılan bileşenler kartlar ve listelerdir. Örneğin, esnek bir ızgara biçiminde gönderilerden oluşan bir kolaj oluşturabilir veya öne çıkan gönderilere dikkat çekmek için boyut ve konumdan yararlanabilirsiniz. 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 bölme: Arama ve referans uygulamaları veya üretkenlik uygulamaları bu düzenden yararlanabilir. İçerik üretme araçlarını kullanıcıların kolayca erişebileceği bir yerde tutar. Örneğin, uygulamanız kullanıcıların ayarları değiştirmesine, renk paletlerine erişmesine, efekt uygulamasına ve değişiklikleri anında görmesine olanak tanıyabilir. Daha fazla bilgi için Destekleyici bölme düzenleri başlıklı makaleyi inceleyin.
Sosyal medya düzenlerinden oluşan özel bir koleksiyon için Sosyal medya galerisi sayfasını inceleyin.
Büyük ekranlı medya uygulamaları için en iyi uygulamalar
Büyük ekranlar için en iyi uygulamaları kullanmak, uygulamanızda gereksiz yeniden çalışma yapmanızı önler. Ayrıca, özellikle yön, klavye kısayolları, kamera önizleme desteği ve katlanabilir duruşlar açısından uygulamanızı başlangıçtan itibaren 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 davranması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 kısıtlanmışsa sinemaskop görüntü oluşur. Bu da son kullanıcı için ideal değildir. Uygulamanız, kullanıcıların tercih ettikleri yönü kullanmalarına izin vermelidir. Bu nedenle, tasarımınızda büyük ekranın kullanılabilir boyutundan yararlanın.
Yönle ilgili kısıtlamalar, kullanıcıların içerikle etkileşim kurma veya medya tüketme şeklini azaltarak uygulamanızın kullanımını sınırlar. Yönü değiştirmek, boyutlandırmayı bir dereceye kadar etkileyebilir ancak yeniden boyutlandırma, yönü her zaman değiştirmez.
Klavye kısayolları
Daha büyük ekranlarda, 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 klavye ile tutarlı bir kullanıcı deneyimi sağlar.
Kullanıcılar, medya uygulamalarında bu işlevleri bekler. Kullanıcıların yaşadığı sorunları azaltmak için uygulamanızı fiziksel klavyeyle test etmeyi deneyin. Bu sayede, tasarımınızın başında bu önemli kısayolları fark edip uygulamanıza dahil edebilirsiniz.
Kamera önizleme 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çekte oluşturduğu boyut olduğunu varsayamazsınız.
Örneğin, bir kullanıcı tabletiyle fotoğraf çektiğinde tablet ekranında fotoğraf ters görünüyorsa bu, ideal bir deneyim değildir. 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 duruşları da göz önünde bulundurmanız gerekir. Örneğin, uygulamanızda kullanıcılar medya oynatmak için masaüstü yapılandırmasını kullanabilir veya önizleme ve çekim için arka ekran ile Dual Screen modunu kullanabilir.
Geliştirme planınıza katlanabilir duruşları dahil ettiğinizde uygulamanız daha fazla cihazda kullanılabilir ve daha geniş bir kitleye ulaşır. Kullanıcıya, katlanabilir duruşlar olmadan diğer cihazların sunamayacağı daha büyük bir medya deneyimi sunarsınız. Daha fazla bilgi için Katlanabilir duruşlar bölümüne bakın.