Mobile-first berarti keputusan desain dimulai dari layar yang paling sempit. Bukan karena desktop tidak penting, tetapi karena ruang kecil memaksa kita menentukan apa yang benar-benar harus terlihat dulu.
Layar kecil menguji kejelasan
Di HP, headline yang terlalu panjang, tombol yang terlalu rapat, dan struktur yang membingungkan langsung terasa. Karena itu, mobile-first membantu merapikan urutan informasi sejak awal.
Bukan desktop yang ditumpuk
Layout desktop sering punya banyak kolom dan ruang kosong. Kalau hanya ditumpuk ke bawah, hasil mobile bisa terlalu panjang dan kehilangan ritme. Komposisi, ukuran teks, jarak, serta urutan konten perlu dipikirkan ulang.
Kecepatan juga bagian dari pengalaman
Pengguna mobile bisa datang dari koneksi yang tidak selalu stabil. Gambar yang tepat ukuran, font yang terbatas, dan JavaScript yang sedikit membuat halaman lebih cepat siap digunakan.
Yang perlu dicek
- tidak ada overflow di layar 320px
- tombol mudah ditekan
- teks terbaca tanpa zoom
- navigasi bisa dipakai dengan keyboard
- informasi penting muncul tanpa menunggu animasi
