Mengenal Layout Responsif pada Situs Game
Mengapa susunan kartu dan menu berubah antara monitor besar dan layar smartphone.
Mengapa susunan kartu dan menu berubah antara monitor besar dan layar smartphone.
Kolom mengikuti ruang yang tersedia
Pada desktop, beberapa kartu bisa tampil berdampingan sehingga pengguna melihat pilihan sekaligus. Di ponsel, kartu yang sama sering disusun vertikal untuk menjaga ukuran teks. Perubahan tersebut bukan kehilangan fitur, melainkan penyesuaian untuk ruang yang lebih sempit.
Gambar perlu rasio yang jelas
Ilustrasi persegi, potret, dan panorama seharusnya ditampilkan sesuai karakter masing-masing. Pemotongan yang terlalu agresif dapat menghilangkan tulisan atau subjek utama. Karena itu pemakaian ukuran responsif perlu mempertimbangkan keseluruhan komposisi gambar.
Navigasi ringkas tetap dapat diakses
Menu hamburger menghemat ruang, tetapi label dan indikator bukanya harus jelas. Navigasi bawah dapat membantu halaman mobile selama tidak menutupi isi. Pengujian sederhana pada beberapa lebar layar membantu menemukan masalah yang tak terlihat di monitor besar.