Responsive Website
Responsive website adalah website yang bisa menyesuaikan tampilan layoutnya berdasarkan ukuran viewport dari device yang digunakan mulai dari smartphone, tablet atau computer screen. Dengan responsive website bisa memberi pengalaman yang optimal bagi pengguna dengan resizing, scrolling dan panning seminimal mungkin. Perkembangan teknologi mobile device begitu pesat melahirkan mobile device dengan ukuran layar yang berbeda dengan merek yang begitu variatif. Smartphone yang diproduksi oleh berbagai vendor memiliki varian ukuran. Dengan responsive website, website bisa menyesuaikan dengan ukuran viewport device pengaksesnya.
Mobile Website
Mobile website secara prinsip adalah sama dengan website secara umum, yang dibuat dengan HTML, CSS, javascript, PHP. Namun perbedaannya adalah mobile website dibuat agar optimal untuk ukuran layar mobile device seperti smartphone atau tablet. Bila kita mengakses web yang memang dibuat untuk layar desktop komputer/laptop menggunakan mobile device maka akan ada scroll horizontal dan zoom yang tentu mengganggu kenyamanan pengguna (bad user experience). Adanya mobile website tentu tidak akan ada lagi masalah scrolll horizontal dan zoom dimaksud.
Mobile website secara prinsip adalah sama dengan website secara umum, yang dibuat dengan HTML, CSS, javascript, PHP. Namun perbedaannya adalah mobile website dibuat agar optimal untuk ukuran layar mobile device seperti smartphone atau tablet. Bila kita mengakses web yang memang dibuat untuk layar desktop komputer/laptop menggunakan mobile device maka akan ada scroll horizontal dan zoom yang tentu mengganggu kenyamanan pengguna (bad user experience). Adanya mobile website tentu tidak akan ada lagi masalah scrolll horizontal dan zoom dimaksud.
Dengan fenomena pertumbuhan mobile device penyedia konten merasa perlu membuat website secara terpisah, yakni website untuk pengguna dekstop dan mobile web untuk mobile user. Namun sejak gagasan responsive web design oleh Ethan Marcotte ada trend baru berupa idesatu website untuk semua device. Walaupun tidak lepas dari pro kontra juga ide satu website untuk semua device di kalangan web profesional, berikut kita lihat sisi kelebihan dan kelemahannya.
Kelebihan
Responsive Website
- Dengan adanya responsive website berarti hanya memiliki 1 website namun bisa diakses oleh berbagai device dengan ukuran layar berbeda-beda
- Dengan hanya memiliki 1 website berarti kemudahan dalam maintenance
- Dengan hanya memiliki 1 website tentu lebih hemat biaya
- Dengan hanya memiliki 1 hanya butuh 1 alamat domain
- Dengan hanya memiliki 1 website tidak perlu upaya dan biaya tambahan untuk marketingnya, berbeda bila memiliki responsive website sekaligus mobile website
Mobile Website
- Membuat mobile website tidaklah serumit membuat responsive website
- Untuk news dan publikasi website kita bisa melakukan customisasi agar berita yang paling update, berita penting saja yang ditampilkan di mobile website
- Dirancang sejak awal untuk diakses melalui smartphone dengan layar relatif kecil, sehingga pengguna akan mendapatkan user experience maksimal
Kekurangan
Responsive Website
- Waktu loading yang lebih lama dibandingkan mobile web, karena responsive web harus me-loading semua image dan skrip yang ada
- Mengganggu penempatan banner iklan, posisi banner iklan jelas akan terpengaruh dengan sifat responsive web yang menyesuaikan layoutnya berdasarkan ukuran layar devicenya. Seperti kita tahu banyak blog, news web yang mengandalkan pendapatan dari iklan
- Pengembangan responsive website membutuhkan biaya lebih tinggi karena kompleksitas yang ada pada responsive website
Mobile Website
- Dengan mobile website berarti harus memiliki dua URL berbeda. Sebagai contoh mobile website memiliki URL yang diawali huruf m. Bisa kita ambil contoh : www.m.detik.com
- Dengan memiliki mobile website berarti ada 2 website yang berbeda yang harus dimaintain : website utama dan mobile website. Ini berarti ada tambahan biaya.
- Mobile website biasanya dibuat hanya untuk 1 ukuran layar, sebagai contoh smartphone dengan ukuran tertentu
0 komentar:
Posting Komentar