Reka bentuk laman web mudah alih rumit, kerana satu versi mudah alih tapak tidak boleh serasi dengan setiap peranti. Pereka perlu menyedari amalan reka bentuk terbaik untuk menjadikan kehadiran mudah alih anda bermakna dan berfaedah.
Terdapat perdebatan berterusan di kalangan pemaju Web mengenai cara membuat laman web yang dioptimumkan mudah alih adalah yang terbaik. Terdapat tiga kaedah utama untuk membangunkan tapak web mudah alih.
Ini adalah:
- Reka bentuk web responsif.
- Laman web mudah alih berdedikasi.
- RING: Pengaturcaraan sisi pelayan menghasilkan CSS dan HTML, bergantung pada jenis peranti.
Setiap kaedah mempunyai kebaikan dan keburukannya. Seorang pemaju Web perlu mengetahui setiap teknik untuk melaksanakan yang terbaik untuk situasi ini.
3 Cara Merancang Laman Web Bergerak
Reka Bentuk Web Responsif (RWD)
RWD bergantung kepada pertanyaan media CSS3 untuk menyelaraskan susun atur laman web dengan saiz kawasan tontonan peranti. Kod HTML yang sama digunakan untuk membentangkan susun atur halaman web yang berbeza untuk tablet, peranti mudah alih, desktop dan alat lain.
Faedah:
- Laman web anda akan mempunyai kandungan yang sama dan markup HTML, jadi pengunjung mudah alih akan mempunyai pengalaman yang sama, tidak kira jenis peranti yang mereka gunakan.
- URL tunggal memudahkan pengguna untuk memaut dan berkongsi kandungan. (Jika laman web tersedia di bawah lebih dari satu alamat URL, pengguna boleh menjadi keliru.)
Kelemahan:
Tidak mungkin mengoptimumkan kandungan mudah alih secara berasingan. Oleh itu, pereka yang menggunakan RWD tidak boleh menyesuaikan kandungan secara berasingan untuk pengguna mudah alih.
Menurut data Januari 2013 dari arkib HTTP, laman web purata adalah kira-kira 1.3 MB. Walau bagaimanapun, kebanyakan laman RWD relatif lebih besar. Saiz yang lebih besar ini mengurangkan prestasi tapak mudah alih, menjadikannya lebih perlahan.
Pengguna mudah alih lebih sesuai dengan pola reka bentuk antara muka pengguna yang khusus. Selain itu, pengguna mudah alih terbiasa dengan pelbagai tugas. Kecuali struktur navigasi disesuaikan untuk peranti tertentu, pengguna dapat menghadapi masalah ketika mencoba untuk menyelesaikan beberapa tugas secara bersamaan.
Tapak Bergerak Dedicated
Kaedah ini meningkatkan pengalaman pengguna mudah alih dengan membuat laman web yang sama sekali berasingan.
Faedah:
- Kesederhanaan pengurusan: Perubahan berasingan diperlukan untuk tapak mudah alih dan desktop. Perubahan yang dibuat adalah terhad kepada setiap versi masing-masing. Ini bermakna perubahan yang dimaksudkan untuk platform mudah alih tidak boleh diakses dari desktop.
- Ketika anda mengembangkan laman web khusus seluler, menjadi lebih mudah untuk merampingkan dan mengoptimalkannya secara khusus untuk audiens itu.
- Struktur kandungan dan navigasi boleh disesuaikan untuk pengguna mudah alih.
Kelemahan:
Perkongsian halaman web melalui media sosial menjadi lebih sukar, kerana dengan laman web berdedikasi terdapat banyak URL untuk halaman. Apabila pengguna desktop mengklik pada URL mudah alih yang dikongsi di platform media sosial, mereka mungkin secara tidak sengaja menerima versi mudah alih laman ini dan bukannya versi desktop.
Untuk mengelakkan masalah kandungan pendua, pemaju Web harus menggunakan teg meta rel = "alternatif" dan rel = "kanonik". Jika pengguna mudah alih mencari Google dan mengklik pada URL desktop, pengguna sama ada akan melihat versi desktop atau akan dialihkan semula ke versi mudah alih halaman web. Jika versi mudah alih tidak wujud, pengguna akan menerima mesej ralat.
Mewujudkan laman web yang sama sekali berbeza untuk pengguna mudah alih bermakna laman web ini akan disesuaikan khusus untuk pengguna mudah alih. Walau bagaimanapun, untuk memenuhi tujuan itu, pemaju web perlu memotong fungsi dan kandungan, yang menjadi mimpi buruk bagi mereka.
Reka Bentuk Web Responsif+ Komponen Sampingan Server (RESS)
Kaedah ini bergantung kepada pengaturcaraan sisi pelayan untuk menyediakan HTML dan CSS tersuai untuk peranti yang berbeza. Kod bagi pengguna mudah alih akan berbeza daripada pengguna desktop.
Objektif utama di sebalik pelaksanaan ini adalah untuk meningkatkan prestasi laman web. Kaedah ini berfungsi dengan baik apabila digabungkan dengan reka bentuk Web responsif. Oleh itu, pelaksanaan ini boleh dirujuk sebagai komponen Reka Bentuk Web + komponen sampingan pelayan (RESS).
Faedah:
- Struktur navigasi boleh disesuaikan untuk tugas yang berbeza yang dilakukan oleh pengguna desktop dan mudah alih.
- Pemaju boleh mengeluarkan elemen halaman dari HTML dan CSS untuk mencapai paparan yang dikehendaki.
- Adalah mungkin untuk membuang JavaScript yang tidak perlu dari HTML, yang membebaskan sumber CPU, memori dan cache peranti mudah alih.
Kelemahan:
- HTML Dinamik meningkatkan beban pada pelayan.
- Pengesanan peranti tidak boleh dipercayai.
- HTML dan CSS dioptimumkan untuk prestasi mudah alih. Versi desktop menggunakan lebih banyak permintaan HTTP dan Java Scripts.
Kaedah Yang Boleh Pilih?
Keputusan untuk merekabentuk tapak mudah dioptimumkan bergantung kepada produk yang anda jual, audiens sasaran anda, pelaburan yang diperlukan, persaingan anda, kadar penukaran, dan sebagainya. Kaedah reka bentuk yang paling berkesan bergantung pada format skrin, sistem operasi, penyemak imbas dan resolusi.
Laman web reka bentuk yang paling responsif tidak dilaksanakan secara optimum dan sebagai hasilnya, laman web ini mengambil lebih banyak masa untuk memuatkan. Oleh kerana persaingan sengit, anda mungkin kehilangan pelanggan jika laman web anda melakukan lebih perlahan. Seorang pengguna hanya akan bertukar ke laman web lain yang memerlukan sedikit masa untuk dibuka. Walaupun adalah mungkin untuk membuat laman web dengan masa beban yang lebih pendek dengan laman web yang berdedikasi, ada pelbagai kekurangan yang melekat pada pelaksanaan ini juga.
RESS menyediakan manfaat RWD untuk mengatasi dua kelemahan utama. Kekurangan utama RESS ialah pengesanan peranti tidak boleh dipercayai. Anda perlu menguji peranti-peranti baru dengan kerap untuk memastikan proses berjalan dengan lancar.
Terdapat perkhidmatan seperti DeviceAtlas, WURFL dan lain-lain yang boleh mengesan peranti baru. Ia akan menjadi sangat membantu untuk mengemas kini peranti baru dalam pangkalan data anda.
Reka bentuk Web Mudah Alih hanya berjaya apabila tapak web dipaparkan dengan betul pada peranti mudah alih. Walaupun ia adalah tugas yang menakutkan bagi pereka untuk mewakili semua bahagian penting tapak web dalam tetingkap mudah alih, mudah alih, setiap hari teknik baru muncul untuk menjadikan laman web mudah alih lebih baik, lebih pantas dan lebih lengkap.
Foto Laman Web Bergerak melalui Shutterstock
15 Komen ▼
