Walaupun jumlah laman web tanpa pengoptimuman mudah alih menyusut, masih ada beberapa laman web yang hanya dirancang untuk desktop. Malangnya, perkhidmatan web ‘mobilizer’ Google sebelumnya telah dihentikan. Pengganti kerohanian perkhidmatan ini adalah Weblight Google, yang dirancang berdasarkan pengoptimuman untuk sambungan yang perlahan dan bukannya menyemak semula laman web untuk tontonan mudah alih. Di luar perkhidmatan Google, terdapat beberapa amalan dan alat yang harus dipertimbangkan ketika mengembangkan laman web dengan mempertimbangkan mudah alih.
Langkah-langkah
Bahagian 1 dari 2: Mengeksperimen dengan Google Weblight
Langkah 1. Analisis bagaimana Weblight berfungsi
Weblight adalah algoritma yang dibuat oleh Google untuk menyediakan pengguna dengan memuatkan halaman yang lebih cepat dan lebih ringan ketika dalam keadaan rangkaian yang buruk. Ini bermaksud bahawa Weblight tidak mempunyai antara muka pengguna dan beroperasi di bahagian belakang. Halaman dilucutkan dari unsur-unsurnya yang lebih kompleks, memberikan pengalaman ringan yang dilucutkan, daripada yang dioptimumkan secara eksplisit untuk platform mudah alih.
Langkah 2. Uji laman web berubah dengan Weblight
Pada peranti mudah alih anda, cukup tambahkan URL laman web penuh anda ke hujung alamat lampu laman web (mis. Jika laman web anda adalah "mywebsite.com" maka anda memasukkan https://googleweblight.com/?lite_url=https://mywebsite.com). Halaman akan memuatkan sendiri versi yang ringkas tetapi berfungsi. Dengan elemen yang dikeluarkan, beberapa laman web mungkin kelihatan lebih baik pada skrin peranti mudah alih.
Langkah 3. Kenali batasannya
Perlu diingat bahawa ini bukan alat penukar eksplisit yang direka untuk interaksi pengguna. Walaupun memasuki laman web secara manual dapat digunakan dalam keadaan darurat, Weblight dirancang untuk kepantasan, bukan kegunaan.
Bahagian 2 dari 2: Merancang untuk Keserasian Mudah Alih
Langkah 1. Ingat batasan peranti mudah alih
Peranti mudah alih berkongsi beberapa aspek yang menjadikannya berbeza dengan rakan desktop mereka. Ciri-ciri teras ini harus menjadi pertimbangan utama ketika membuat laman web untuk penggunaan mudah alih.
- Skrin kecil dan menegak: Walaupun resolusi skrin pada peranti mudah alih sentiasa bertambah baik, ukuran dan faktor bentuk tetap menjadi perhatian reka bentuk laman web. Merancang laman web ke dalam susun atur lajur terbaik untuk telefon bimbit (tablet sering dapat menggunakan laman web desktop tanpa terlalu banyak masalah).
- Antaramuka sentuh: Elemen halaman harus diletakkan dengan ukuran jari. Elemen yang menggunakan penunjuk tetikus harus diminimumkan atau didesain semula untuk sentuhan (mis. Menu dropdown).
- Kelajuan data: Salah satu kelebihan besar peranti mudah alih adalah penggunaan di luar jangkauan wifi, tetapi sambungan data biasanya lebih perlahan dan kurang dipercayai. Antaramuka pengguna (UI) harus tetap sederhana dan kandungan harus dilihat dan dapat diakses. Kekacauan yang terlalu banyak akan menyekat masa memuat dan menyukarkan navigasi.
Langkah 2. Gunakan perkhidmatan Sistem Pengurusan Kandungan (CMS)
Bagi mereka yang membangun dengan sumber yang lebih sedikit, menggunakan perkhidmatan CMS seperti Wordpress atau Squarespace adalah pilihan terbaik untuk reka bentuk mudah alih yang murah dan mesra pengguna. Tema yang menggunakan reka bentuk web responsif akan menyediakan templat termudah untuk laman web mudah alih.
Reka bentuk web responsif adalah teori reka bentuk web yang mempromosikan penggunaan elemen reka bentuk cecair untuk membolehkan peralihan reka bentuk dan kebolehgunaan yang lancar di seluruh platform
Langkah 3. Uji skrin peranti mudah alih menggunakan perisian desktop
Terdapat sebilangan aplikasi web percuma yang membolehkan anda meniru peranti mudah alih untuk menguji estetika dan fungsi laman web. Menggunakan alat ini semudah memilih alat uji yang diinginkan, kemudian masuk ke laman web sasaran untuk melihat pratonton. Sebilangan besar akan merangkumi alat untuk pemboleh ubah seperti orientasi skrin, kepadatan piksel, atau bahkan pemilihan penyemak imbas. Beberapa contoh popular adalah:
- Emulator Mod Peranti Chrome
- mobilephoneemulator.com
- screenfly (subkumpulan quirktools)
- mobiletest.me (keahlian berbayar)
