Android tasarımı, çok çeşitli benzersiz yönleri ve cihazları kapsar. Yalnızca kesme noktalarına bakmak yeterli değildir. Kullanıcılar, cihazlarındaki uygulama pencerelerini ayarlayabilir ve yeniden yönlendirebilir. Katlanabilir cihazlarda tek bir cihaz tüm bu kullanım alanlarını kapsayabilir. İçeriğin uyarlanabilirliği için bölmeler halinde düşünmek önemlidir.
Yön değişiklikleri
Uygulamaları portre moduna kilitlemeyin. Bu durum hata gibi görünebilir ve çoklu görev sırasında istenmeyen bir mektup kutusu efekti oluşturur.
Kullanıcılar, ergonomi ve içerik görüntüleme için cihazlarını sık sık yeniden yönlendirir. Uygulamanız bu yön değişikliğini desteklemelidir.
Dikey ve yatay modlar, orta boyuttan büyük boyuta geçiş yaparken daha büyük cihazlarda daha ince efektlere sahip olabilir. Ancak yatay mod, kompakt bir dikey görünümle orta boyutta bir pencere sunar.
Yatay yönlendirme için aşağıdaki tasarım uygulamalarını göz önünde bulundurun:
Uçtan uca sistem çubuklarını destekler.
İçeriğinizi en iyi destekleyen gezinme bileşenine (ör. yatay gezinme çubuğu veya gezinme rayı) karar verin.
İçeriği yeniden akıtmayı veya yoğunluğu değiştirmeyi deneyin.
Yatay düzenlerde orta genişlikte kullanıcı arayüzü kullanılabilir.
Yatay yön, yatay yönlü bir alt gezinme çubuğunun azaltılmış yüksekliğinden yararlanabilir.
İçerik için, içeriği letterbox yapmak üzere bir kapsayıcı kullanmayı veya mümkün olduğunda farklı bir içerik yönü (ör. yatay video yerine dikey) kullanmayı deneyin. Kompakt bir portre üzerinde tam genişlikteki içerik, geniş bir yatay düzende ekranın büyük bir bölümünü kaplar. İçerik dikey modda kaydırılmıyorsa kullanıcıların kafasını karıştırabileceği için yatay modda kaydırılmasını sağlamayın.
Hero resim, belirgin alanı kaplar ve sabitlenir. Alt uygulama çubuğu ayrılır.
Dikeyden yataya: Her iki kapsayıcı grubu da yerinde döner.
Filtre sayfası için sayfa bileşeni, yan sayfaya dönüşebilir. Daha fazla dikkat gerekiyorsa sayfa tam ekran olarak kalır ancak iki sütunlu düzene uyarlanır.
Duruşlar
Katlanabilir cihazların katlanma şekilleri (katlanmış, düz ve masaüstü) gibi benzersiz form faktörlerinin kullanım alanlarını hesaba katın.
Uygulamanızın her duruşu özel olarak hesaba katması gerekmez ancak uygulamanızda bir duruşu kullanmayı düşünebilirsiniz. Örneğin, bir medya oynatıcı, benzersiz bir masaüstü ve kapak kullanıcı arayüzü gösterebilir.
Düz
Katlanabilir cihazlar, açıldığında düz bir duruşa sahiptir. Ekran genellikle orta veya büyük sınıf boyutundadır.
Katlanmış
Katlanabilir bir cihaz kapalıyken katlanmış durumdadır. Bu duruşta, genellikle kompakt olan dış ekranla etkileşim kurarsınız.
Masa üstünde
Masaüstü duruşu, yatay konumda kısmen katlanmış. Bu duruş, büyük kontroller ve yatay video gibi benzersiz düzenler kullanmanıza olanak tanır.
Menteşe
Uygulamanızı menteşe farkındalığına sahip olacak şekilde geliştirin. Böylece içerik, kesintisiz bir şekilde akmaya devam eder ve menteşede kaybolmaz. Bu, tek bölmeli düzenlerde gerekli olmayabilir. Ancak kontrollerin ve metnin menteşe boşluğundan kaçınıp kaçınmaması gerektiğini göz önünde bulundurun.
Düzen ızgarası ve bölmelerle tasarım yapıyorsanız menteşeyi yerleştirmek için daha geniş bir oluk bırakın. Örneğin, iki bölmeli liste-ayrıntı düzeninde bu şekilde bir tasarım yapabilirsiniz.
Üç katlılar gibi bazı katlanabilir cihazlarda birden fazla menteşe bulunur.
Kapak
Bazı katlanabilir telefonlarda, kapaklı telefon gibi kare en-boy oranına sahip bir dış kapak ekranı olabilir.
Kapak ekranları için tasarım yaparken aşağıdaki yönergelere uyun:
- Uygulamaların uçtan uca olduğundan emin olun.
- Kullanıcı arayüzü öğelerinin kamera kesikleriyle kaplanmadığından emin olun.
- Kullanım alanlarına ve kullanıcı arayüzüne odaklanın.
Örneğin, bir cihaz yalnızca medya oynatıcı olarak kullanıldığında kapak resmi, daha az bilgi gerektiren hızlı bir görünümü ortaya çıkarmak için arka plan haline gelebilir.
Daha küçük ekranlarda ve en boy oranlarında, odaklanılmış içerik deneyimini göz önünde bulundurun. Hero resim, görsel açıdan çekici olması için kapağın büyük bir bölümünü kaplar. Başlık ve içeriğe göz atma imkanı sunarak kaydırma ve okunabilirlik kolaylaştırılır.
Kapak, girişe odaklanmaya devam etmelidir. Örneğin, klavye göründüğünde mesaj öncelikli odak noktası olur.
Kapak gibi daha küçük ekranlarda filtre sayfası tam ekran olur ancak düğme yerleşimi ve ölçeklendirme uyarlanır.
Gezi çubuğu kompakt olsa da kapak ekranında daha ergonomik olabilir.
Daha büyük kapaklar, her iki gezinme yönünden de yararlanabilir. Kullanıcıların içerikle nasıl etkileşim kurabileceğini düşünün.
Küçük bir gezinme çubuğu, sistem kullanıcı arayüzü ve kamera kesiklerini önlerken yoğunlaştırılmış yüksekliğe de uyar.
Yapılması gerekenler
