Mendesain untuk Perangkat Lipat: Postur, Ukuran Jendela, dan Gerakan
Cara mendesain aplikasi untuk ponsel yang dapat dilipat: tata letak saat dilipat dan dibuka, postur meja dan buku, kelas ukuran jendela, kontinuitas dan gerakan di dekat lipatan.
Pengambilan Inti
Rancang tata letak yang dapat dilipat berdasarkan ukuran jendela yang tersedia, bukan model perangkat: Kelas ukuran jendela Android memperlakukan lebar di bawah 600dp sebagai kompak, 600 hingga 840dp sebagai sedang, dan 840 hingga 1200dp sebagai diperluas. Mendukung postur terlipat, terbuka, dan setengah terbuka (meja), menjaga tempat pengguna saat perangkat dilipat atau dibuka, dan menjauhkan konten utama serta target sentuh dari lipatan.
Postur
Dokumentasi pengembang Android menjelaskan perangkat yang dapat dilipat dalam beberapa posisi: terlipat, terbuka rata, terbuka datar diputar ke lanskap, dan setengah terbuka, yang disebut meja. Lipatan membagi layar menjadi dua bagian, baik sebagai area fleksibel pada satu layar atau sebagai engsel di antara dua layar, dan dapat mengaburkan bagian layar.
Desain berdasarkan kelas ukuran jendela
Daripada menargetkan perangkat tertentu, Android mengelompokkan ruang yang tersedia ke dalam kelas ukuran jendela. Lebar ringkas (di bawah 600dp) mencakup hampir semua ponsel dalam mode potret; lebar sedang (600 hingga 840dp) mencakup sebagian besar tablet dalam mode potret dan banyak layar bagian dalam besar yang tidak dilipat dalam mode potret; lebar yang diperluas (840 hingga 1200dp) mencakup sebagian besar tablet dan layar besar yang tidak dilipat dalam lanskap. Kelas besar dan ekstra besar mencakup tablet dan desktop yang lebih besar.
Tata letak yang menggunakan lipatan
Pola umum:
- Dilipat: tata letak telepon normal.
- Terbuka datar: tata letak detail daftar atau dua panel, dengan masing-masing panel berada di satu sisi lipatan.
- Tabletop: konten seperti video di bagian atas, kontrol di bagian bawah.
- Jangan sekali-kali menempatkan tombol, baris teks, atau tampilan di lipatan.
Kontinuitas
Saat seseorang membuka perangkat di tengah-tengah tugas, aplikasi akan tetap berada di tempatnya: posisi gulir yang sama, draf yang sama, pemutaran yang sama. Perlakukan lipatan dan buka sebagai perubahan tata letak, bukan memulai ulang, dan menganimasikan transisi sehingga orang dapat mengikuti ke mana konten dipindahkan.
Gerakan dan jangkauan
Layar terbuka yang lebih besar mengubah jangkauan ibu jari: sering-seringlah menempatkan kontrol di dekat tepi tempat tangan bersandar, dan hindari gesekan ke tepi yang bertentangan dengan gerakan sistem. Gerakan berbasis fisika juga membantu dalam hal ini: panel yang dapat digeser dan dilengkapi dengan pegas membuat perubahan antar postur terasa alami dan tidak mengganggu.
Kunci Principles untuk Diingat
- Desain berdasarkan kelas ukuran jendela, bukan model perangkat
- Ringkas < 600dp, sedang 600–840dp, diperluas 840–1200dp
- Mendukung postur terlipat, terbuka, dan di atas meja
- Jauhkan konten dan kontrol dari flip
- Pertahankan keadaan dan hidupkan perubahan postur
Pertanyaan yang Sering Diajukan
Sumber
- Learn about foldables — Pengembang Android
- Use window size classes — Pengembang Android