Halaman web seluler adalah hewan yang unik. Tidak seperti laman web ramah-desktop, yang dirancang untuk layar besar dan klik mouse yang tepat, laman web seluler berukuran untuk layar yang lebih kecil dan penyadapan jari yang tidak tepat. Selain itu, situs web modern wajib memublikasikan dalam format desktop dan seluler, yang secara efektif mengharuskan setiap laman web dibuat dua kali.
01 08
Ukuran Layar dan 'Real Estat' Berbeda
Ini adalah perbedaan paling nyata antara laman web desktop dan seluler . Sementara sebagian besar monitor desktop berukuran 19 inci hingga 24 inci, tablet biasanya berukuran 10 inci diagonal. Smartphone memiliki 4 inci diagonal. Zoom-out sederhana tidak berhasil mengonversi halaman web menjadi ramah seluler, karena ini hanya membuat teks tidak dapat dibaca. Demikian pula, ketukan jari menjadi tidak mungkin dilakukan secara akurat pada halaman web yang diperbesar. Desainer web seluler benar-benar perlu mengubah seluruh pendekatan mereka ke tata letak halaman. Umumnya, desainer perlu menghapus sidebar dan gambar yang tidak perlu, memilih gambar yang lebih kecil, meningkatkan ukuran font, dan menciutkan konten ke dalam widget yang dapat diperluas. Keterbatasan real estat ini telah mendorong berbagai jenis pemikiran yang berbeda di antara para perancang web.
02 08
Widgets dan 'Sliders' Are In; Sidebars dan Whitespace Are Out
03 dari 08
Finger Tapping Kurang Tepat Dari Mengklik Mouse
Tidak seperti penunjuk mouse yang tepat pada desktop Anda, jari manusia adalah gumpalan, dan penyadapan jari membutuhkan target besar pada layar untuk hyperlink. Harapkan untuk melihat lebih banyak target ketuk segi empat besar ('ubin') di halaman web seluler, dan lebih sedikit hyperlink berbasis teks. Selain itu, menu sering diganti dengan tombol besar dan tab besar untuk mengakomodasi ketidaktepatan tap jari.
04 dari 08
URL Halaman Seluler Berbeda
Halaman web mobile-friendly biasanya menyertakan huruf 'm' sebagai bagian penting dari alamatnya. (klik di sini untuk contoh) 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 digeser yang memungkinkan Anda beralih ke versi desktop biasa dari halaman tersebut.
05 dari 08
Iklan Entah Dikurangi atau Dihapus
Ya, ini luar biasa bagi pembaca, tetapi benar-benar menjengkelkan dengan para pengiklan web. Karena ada ruang yang berkurang di tablet atau ponsel cerdas, menempatkan banyak tautan bersponsor dan iklan spanduk besar tidak berfungsi. Sebaliknya, berharap untuk melihat iklan jenis pop-up khusus yang lebih kecil di halaman web mobile, sering di bagian tengah bawah layar Anda. Jenis pintar lainnya dari iklan berukuran lebih kecil sedang dirancang sebagai perangkat seluler dewasa.
06 08
Kotak Centang dan Tautan Kecil Akan Membuat Anda Frustrasi
07 08
Login Sandi Dapat Menjadi Dikaburkan atau Terlalu Kecil
Ya, ini adalah gangguan modern dengan banyak laman web seluler. Karena banyak penerbit web masih berpikir dalam hal layar 22-inci, mereka akan menyiapkan Anda untuk dua pengalaman seluler yang mengganggu: bidang info masuk dan kata sandi Anda akan kecil dan sulit untuk disentuh, dan keyboard seluler geser Anda akan menutupi bidang info masuk dan kata sandi Anda . Anda akan perlu beradaptasi dengan menggunakan pinch-zooming untuk membuat bidang login terlihat, dan Anda perlu menggeser layar dan mematikan keyboard untuk mengungkap tombol login yang tersembunyi. Mudah-mudahan, penerbit web modern akan segera menemukan jalan pintas ini.
08 08
Gambar Menjadi Lebih Menonjol
Biasanya, foto menjadi lebih kecil sehingga pas di layar yang lebih kecil. Dalam beberapa kasus langka, foto sebenarnya diperluas untuk mengisi lebar tablet atau layar ponsel cerdas.