Konsep dasar yang perlu diketahui
Desain responsif menjaga fungsi halaman ketika lebar layar berubah. Pada desktop, galeri dan penjelasan dapat berdampingan. Pada ponsel, keduanya biasanya disusun vertikal agar teks tidak menjadi terlalu sempit.
Mengapa perubahan dapat terasa
Grid yang fleksibel membantu kartu artikel menempati ruang secukupnya. Namun, responsif bukan hanya mengecilkan gambar; tombol, area sentuh, dan panjang baris juga perlu dinilai ulang.
Langkah pemeriksaan yang masuk akal
Menu horizontal yang dapat digeser cocok untuk kategori ketika ruang terbatas, asalkan petunjuk dan tautannya masih mudah dikenali. Navigasi bawah dapat menyediakan akses cepat tanpa menggantikan seluruh struktur situs.
Contoh dalam praktik
Uji lebar 1440, 768, 390, dan 320 piksel. Pada tiap ukuran, cari elemen yang keluar dari tepi layar, teks yang tertutup tombol tetap, serta menu yang sulit disentuh. Pemeriksaan beberapa titik lebih berguna daripada melihat satu tangkapan layar desktop saja.
Memilih pendekatan yang tepat
Uji halaman pada beberapa lebar, termasuk saat perangkat diputar. Susunan yang baik menjaga urutan baca tetap logis dan tidak menimbulkan gulir horizontal tak perlu.
Hal yang dapat diterapkan
- Kenali tujuan: Memahami bagaimana kolom, kartu, dan navigasi berubah ukuran.
- Pilih pengaturan dan sumber informasi yang sesuai dengan kebutuhan, bukan semata-mata mengikuti tampilan yang paling mencolok.
- Periksa kembali detail yang berubah dari waktu ke waktu sebelum mengambil keputusan terkait layanan lain.
Ditulis sebagai bacaan pengantar mengenai teknologi web. Informasi di halaman ini tidak menggantikan ketentuan dari layanan atau aplikasi yang dibahas.