Gubuku –Biar aplikasimu enggak kelihatan kaku atau malah buggy pas layarnya dibuka-tutup, ini dia bocoran cara merancang visual interface buat layar foldable & rollable yang bikin betah penggunanya.
1. Kuasai Konsep Continuity (Transisi Mulus)
Prinsip paling utama: layar berubah, aplikasi jangan sampai glitch. Pas pengguna buka layar utama (inner screen) dari layar depan (cover screen), tampilan aplikasi harus beradaptasi secara instan tanpa reload ulang dari awal.
-
Save State: Pastikan posisi scroll, teks yang lagi diketik, atau video yang lagi diputar enggak hilang pas layar direnggangkan.
-
Responsive Scaling: Elemen visual harus melar secara otomatis dari aspect ratio sempit (misal 22:9) ke layar lebar mendekati tablet (misal 4:3).
2. Manfaatkan Multi-Window & Adaptive Layout
Layar lipat pas dibuka itu luas banget. Kalau cuma nampilin satu kolom teks panjang, visualnya bakal kelihatan sepi dan membosankan.
3. Desain Reachability yang Ergonomis
Pas layar unfolded atau tergulung lebar, ibu jari pengguna enggak bakal sampai ke tengah layar.
-
Bottom-heavy Navigation: Taruh tombol navigasi utama, action button, atau tab bar di area bawah kanan/kiri layar.
-
Hindari Top Corner: Jauhkan tombol-tombol penting dari pojok atas layar karena makin susah dijangkau tanpa pakai dua tangan.
Penulis kiki dari smkn 9 bungo
Leave a Reply