Android cihazlar, çeşitli form faktörlerinde (telefonlar, tabletler, katlanabilir cihazlar, ChromeOS cihazlar) ve çok çeşitli ekran boyutlarında sunulur. Android; çoklu pencere, çoklu ekran, serbest biçim ve pencere içinde pencere gibi birçok ekran 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 yapılandırmada video izlerken çoklu görev yapabilir veya resim çektikten 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ını ya da aile üyelerini 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 telefon, katlanabilir cihaz, tablet ve ChromeOS cihazlarda aynı kodu çalıştırdığını unutmayın. Bu nedenle, uygulamanızı geliştirmeye başlarken 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 cihazlarına uyumlu hale getirerek medya uygulamanızda bozuk kullanıcı deneyimlerinden kaçının.
Uygulamanız, farklı ekran boyutlarını, yönleri ve form faktörlerini hesaba katacak şekilde duyarlı olmalıdır. Uyarlanabilir düzen, kullanılabilir ekran alanına göre değişir. Daha fazla bilgi için Farklı ekran boyutlarını destekleme bölümüne bakın.
Yönergelere göre tasarlayın
Core 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. 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.
Uygulamanız, cihaz form faktörü, ekran boyutu, ekran modu veya duruştan 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 şartı grubu tanımlar.
3. Katman:
Bu temel düzeyde, uygulamanız kullanıcı arayüzü ve grafikler koşullarına uymaya devam etmelidir. Uygulamanız büyük ekrana hazırdır ve kullanıcılar kritik görev akışlarını tamamlayabilir ancak bu işlemler optimal olmayan bir kullanıcı deneyimiyle gerçekleştirilir.
Uygulamanın düzeni ideal olmayabilir ancak çoklu pencere modunda tam ekran veya tam pencerede çalışı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 ekrana hazır başlıklı makaleyi inceleyin.
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ılı bilgi için Büyük ekranlar için optimize edilmiş 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, uygun olduğu durumlarda çoklu görev, katlanabilir duruşlar, sürükleme ve ekran kalemi girişini destekler. Bu düzeyde uygulamalar oldukça farklıdır. Bu nedenle, çoklu görev yürütme ve katlanabilir cihazlarda kullanım gibi konularla ilgili kurallara dikkat edin. Daha fazla bilgi için Büyük ekranda farklılaştırma başlıklı makaleyi inceleyin.
Optimize edilmiş düzenler
Ekran yönünün kısıtlanması nedeniyle sinemaskop veya uzatmadan 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, 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, birincil gezinme hedeflerini minimum ekran alanı kaplarken kolayca erişilebilir bir konuma getirerek standart düzenleri (liste-ayrıntı, feed ve destekleyici bölme) de 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ı başlıklı makaleyi inceleyin.
Liste-ayrıntı: Uygulamanızı etkileşimli bir medya tarayıcısıyla tasarlamak, kullanıcıların 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 uygulama durumunu korumak için bir liste ayrıntısı 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, uygulamanızdaki müzik feed'i veya film ve TV kiosk'u gibi çok sayıda içeriğin hızlı ve kolay bir şekilde görüntülenmesi için eşdeğer içerik öğelerini yapılandırılabilir bir ızgara içinde düzenler. Daha fazla bilgi için Feed düzenleri başlıklı makaleyi inceleyin.
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 diğer çalışmalarının kayan listesi) yerleştirebilir. Daha fazla bilgi için Desteklenen panel düzenleri başlıklı makaleyi inceleyin.
Medya düzenlerinden oluşan özel bir koleksiyon için Medya galerisi bölümüne bakın.
Sosyal medya düzenleri
Büyük ekranlar, sosyal medya kullanıcılarına içerik oluşturmak, birden fazla görevi aynı anda yapmak, içerikleri uygulamalar arasında sürükleyip bırakmak ve paylaşmak için daha fazla çalışma alanı sunar. Küçük ekranlı cihazlarda kullanılamayan ayırt edici özellikler ve özellikler sayesinde geniş ekran medya uygulamanız liste ayrıntısı, feed ve destekleyici bölme düzenlerinden yararlanabilir.
List-detail: Bu liste, 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ı düzenleri başlıklı makaleyi inceleyin.
Feed: Bu düzen tarzında kartlar ve listeler yaygın bileşenlerdir. Örneğin, esnek bir ızgara biçiminde yayınlardan kolaj oluşturabilir veya belirgin yayınlara dikkat çekmek için boyut 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 panel: Arama ve referans uygulamaları ya da üretkenlik uygulamaları bu düzen tarzından yararlanabilir. İçerik oluşturma araçlarını kullanıcının kolayca ulaşabileceği bir yerde tutar. Ö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 bölümüne bakın.
Sosyal medya düzenlerinden oluşan özel 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 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 bir uyumluluk modu etkinleştirir. Uyumluluk modu, uygulamanızın kabul edilebilir bir şekilde davranmasını sağlar ancak 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 olarak kısıtlanmışsa son kullanıcı için ideal olmayan sinemaskop etkisi oluşur. 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önlendirmeyle ilgili kısıtlamalar, kullanıcıların içerikle etkileşim kurma veya medya tüketme şeklini azaltır ve uygulamanızın kullanımını sınırlandırır. Yönlendirmeyi değiştirmek, boyutu bir dereceye kadar etkileyebilir ancak boyutu değiştirmek her zaman yönlendirmeyi değiştirmez.
Klavye kısayolları
Daha büyük bir ekranda, fiziksel klavyelerdeki başlat, durdur, duraklat, geri sar ve ileri sar gibi klavye kısayollarının kullanılması daha olasıdır. Bu da kullanıcının klavyeyle tutarlı bir kullanıcı deneyimi yaşamasını sağlar.
Kullanıcılar medya uygulamalarında bu işlevleri bekler. Kullanıcılar için sorun noktalarını azaltmak amacıyla uygulamanızı fiziksel bir klavyeyle test edebilirsiniz. Bu, tasarımınızın başında bu önemli kısayolları fark etmenize ve uygulamanıza dahil etmenize yardımcı olur.
Kamera önizlemesi 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 boyut olduğunu varsayamazsınız.
Örneğin, bir kullanıcı tabletiyle fotoğraf çeker ancak tablet ekranında fotoğraf ters çevrilirse bu, optimum olmayan bir deneyimdir. 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 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 önizlemeler ve yakalama için arka ekran ve çift ekran modunu kullanmasına olanak tanıyabilir.
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ı için medya deneyimini, katlanabilir duruşlar olmadan diğer cihazların yapamayacağı şekillerde genişletirsiniz. Daha fazla bilgi için Katlanabilir duruşlar bölümüne bakın.