Perbedaan mobile computing vs responsiv

Responsive Website vs Mobile Website

Pertumbuhan pengguna mobile device  melonjak dalam pertumbuhan yang luar biasa dalam beberapa tahun ini. Menurut data dari IDC tahun 2013 vendor smartphone mengapalkan 1 milyar smartphone ke seluruh dunia. Smartphone memiliki share sebesar 31,4% dari total mobile phone seluruh dunia. Yang mencengangkan pada tahun 2012 ada pertumbuhan sebesar 300 juta unit dengan rata-rata pertumbuhan 38,4%.

Saat ini personal computer (desktop dan notebook) tidak lagi mendominasi dalam mengakses konten web.  Mobile device seperti tablet dan smartphone memiliki populasi yang besar pula dalam mengakses konten website, browsing, bersosialisasi, berbelanja, bertransaksi. Pemain di jagat teknologi informasi seperti situs portal berita, blog, media sosial, web perusahaan berduyun-duyun go mobile.

Menurut website Mashable pada August 2013, 17.4 percent dari global web traffic berasal dari mobile devices dan angka ini akan terus tumbuh sampai 2014. Ini berarti hampir 1/5 dari global web traffic berasal dari mobile device, apakah trend ini akan terus berlanjut di masa akan datang terus melaju atau malah melambat. Tidak ada yang bisa mengetahui dengan pasti, yang jelas trend ini sedang berlangsung.

Dalam tulisan ini saya ingin berbagi mengenai fenomena pertumbuhan luar biasa mobile device ini yang kaitannya dengan website yaitu responsive website dan mobile website. Membahas kelebihan dan kekurangan di antara keduanya. Sumber dari tulisan saya ini saya ambil dari beberapa blog yang membahas responsive web design dan mobile website.

Apakah Responsive Website dan Mobile Website

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.

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 ide satu 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