Halaman web yang dioptimalkan untuk digunakan di perangkat seluler berbeda dengan yang muncul di komputer desktop dan laptop. Yang terakhir dirancang untuk layar besar dan klik mouse yang tepat, sedangkan halaman web seluler berukuran untuk layar yang lebih kecil dan ketukan jari yang tidak tepat.
- Dirancang untuk layar yang lebih kecil dan ketukan jari yang tidak tepat.
- Dirancang untuk layar besar dengan klik mouse yang tepat.
Mengingat bahwa sebagian besar kunjungan situs web berasal dari perangkat seluler, perancang situs ditugaskan untuk menyediakan versi yang berfungsi dengan perangkat seluler dan komputer desktop. Pendekatan yang paling umum adalah menggunakan desain web responsif, yang secara otomatis memberikan versi yang tepat berdasarkan perangkat pengguna dan ukuran layar, seperti yang terdeteksi oleh browser.
Bagaimanapun, halaman web mobile-friendly berbeda dari versi desktop dalam beberapa hal.
Desain Halaman: Layar Seluler Memiliki Lebih Sedikit Ruang
- Tampilan smartphone dan tablet berukuran diagonal 4 hingga 10 inci.
-
Widget menu yang dapat dilipat atau diperluas biasanya menggantikan bilah sisi dan menu header yang besar.
- Grafik lebar penuh dengan penggunaan spasial antara teks.
- Sebagian besar monitor desktop berukuran 19 inci hingga 24 inci secara diagonal.
- Tautan sponsor dan iklan spanduk besar lebih umum.
- Teks lebih padat dengan lebih banyak kelonggaran untuk grafis.
Perbedaan paling jelas antara halaman web desktop dan seluler adalah real estat layar. Sementara sebagian besar monitor desktop berukuran setidaknya 19 inci hingga 24 inci secara diagonal, tablet biasanya berukuran sekitar 10 inci. Smartphone berukuran sekitar 4 inci secara diagonal. Perkecil saja tidak berhasil mengonversi halaman web ke versi mobile-friendly karena membuat teks tidak terbaca dan membutuhkan langkah ekstra dari pengunjung situs. Juga, mengetuk elemen kecil secara akurat menjadi tidak mungkin.
Untuk memperbaiki masalah ini, desainer dapat menghapus bilah sisi dan grafik yang tidak terlalu diperlukan. Sebagai gantinya, mereka menggunakan grafik yang lebih kecil, memperbesar ukuran font, dan menciutkan konten ke dalam widget yang dapat diperluas. Keterbatasan real estat ini telah mendorong pemikiran yang sangat berbeda di antara desainer web.
Juga, widget menu yang dapat dilipat atau diperluas biasanya menggantikan bilah sisi dan menu header yang besar. Dalam upaya mereka untuk membuat setiap milimeter ruang layar diperhitungkan, desainer menghilangkan ruang putih yang berlebihan, sambil tetap memperhatikan keterbacaan.
Kerumunan tautan sponsor dan iklan spanduk besar tidak berfungsi di ponsel atau tablet kecil. Sebaliknya, iklan pop-up kecil lebih umum di halaman web seluler.
Tata letak yang menampilkan teks yang dibungkus dengan grafik tidak dapat diputar dengan baik di perangkat seluler. Sebagai gantinya, desainer sering memberikan grafik tersebut lebar penuh layar dan menjalankan teks di bawah atau di atas. Demikian pula, desain web yang baik memecah teks menjadi beberapa bagian agar mudah dibaca; tidak ada yang mau membaca dinding teks yang kokoh. Ini menjadi lebih penting di layar kecil. Menggunakan spasi dengan bijaksana sangatlah penting.
Kontrol Halaman: Presisi Desktop vs. Mobile Blob
-
Area penyadapan besar atau hotspot untuk navigasi yang lebih akurat.
- URL Berbeda: menambahkan huruf "m." Seringkali pilihan untuk melihat versi desktop dari sebuah situs.
- Kredensial masuk sering kali memiliki ruang khusus, terkadang dengan aksesibilitas sidik jari.
- Tautan dan tombol berbasis kursor yang lebih presisi.
Tidak seperti penunjuk tetikus tepat di desktop Anda, jari manusia adalah gumpalan, dan penyadapan memerlukan target besar di layar untuk hyperlink. Situs mobile-friendly menawarkan area penyadapan yang besar (atau hotspot) untuk memfasilitasi navigasi yang akurat.
Halaman web mobile-friendly juga biasanya menyertakan huruf m di alamatnya; misalnya, alamat seluler Facebook adalah m.facebook.com. URL seluler biasanya dipilih untuk Anda secara otomatis saat Anda berselancar dengan tablet seluler atau ponsel cerdas. Dalam beberapa kasus, Anda akan melihat tautan yang dapat diketuk yang memungkinkan Anda beralih ke halaman versi desktop biasa.
Bidang login dan sandi yang dimaksudkan untuk desktop dan laptop menjadi kecil dan tidak dapat digunakan di ponsel, jadi penerbit web membuatnya lebih besar, terkadang memberi mereka halaman sendiri untuk kemudahan penggunaan. Masuk dengan sidik jari atau akun lain, seperti Google atau Facebook, menjadi semakin umum seiring dengan berkembangnya kemampuan perangkat dan layanan.
Mengapa Penting?
Halaman web seluler dirancang untuk perangkat genggam dan sangat berbeda dari halaman yang dibuat untuk membaca desktop. Meskipun Anda biasanya dapat melihat halaman web versi desktop di perangkat seluler, dan sebaliknya, halaman web tersebut dirancang secara berbeda untuk membuat konten lebih mudah dilihat, dibaca, dan dinavigasi.
