Apa itu Responsive Web Design dan Seberapa Penting ?

Responsive Web Design

Setelah kemarin admin mempost artikel yang berjudul Alasan Programmer Harus Pakai Linux dan diartikel ini admin akan membahasa tentang Apa itu Responsive Web Design Dan Seberapa Penting ? .

Responsive Web Design atau yang biasa disingkat menjadi RWD adalah suatu cara agar tampilan Situs Web tidak rusak atau tetap bagus disetiap tampilan.

Dahulu sebelum adanya teknik Responsive Web Design sang Programmer harus mendeteksi apakah visitor mereka menggunakan Desktop (PC) ataupun Mobile (Handphone). Cara ini tentu tidak efektif apabila diterapkan, karena Programmer harus membuat banyak CSS/HTML untuk setiap device, belum lagi harus meng-upgrade cara pendeteksian visitor mereka tentu kita tidak ingin disuguhkan dengan tampilan desktop yang hadir dihandphone maupun sebaliknya. Namun cara ini juga masih digunakan oleh banyak situs terkenal seperti Google, Facebook, dan Twitter.

Kelebihan Responsive Web Design

  1. Dengan adanya Responsive Web Design berarti hanya akan ada satu website yang bisa diakses oleh berbagai perangkat dengan ukuran yang berbeda-beda.

  2. Mudah dimaintenance, karena hanya memiliki satu website.

  3. Hemat Biaya.

Kekurangan Responsive Web Design

  1. Umumnya memiliki waktu loading yang lebih lama, karena harus me-loading semua gambar dan skrip yang ada.

  2. 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.

  3. Pengembangan responsive website membutuhkan biaya lebih tinggi karena kompleksitas yang ada pada responsive website.

Teknik dalam pembuatan Responsive Web Design

  1. Breakpoint

    Breakpoint adalah adalah agar layout dapat berubah pada titik-titik yang telah ditentukan, sebagai contoh memiliki 2 Kolom pada desktop maupun table, tapi hanya memiliki 1 kolom pada smartphone. Breakpoint pada umumnya akan bisa disetting maupun disetting dari CSS.

  2. Minimum Value Dan Maximum Value

    Terkadang itu ada baiknya ketika konten mengambil seluruh lebar layar, seperti pada perangkat mobile, tetapi memiliki konten yang sama yang membentang ke seluruh lebar layar TV anda adalah hal yang terkadang kurang masuk akal. Inilah sebabnya mengapa nilai minimum (min) dan maksimum (max) sangat membantu. Sebagai contoh kita memiliki lebar 100% dan lebar maksimum dari 1000px berarti konten yang akan memenuhi layar, tapi jangan melebihi 1000px.

  3. Nested Object

    Merupakan membungkus banyak elemen sebuah wadah penyimpanan yang akan membuat nya lebih mudah dimengerti, lebih bersih dan rapih. Disinilah unit statis seperti piksel(px) dapat membantu. Mereka sangat berguna untuk konten yang tidak ingin anda ubah ukuran nya seperti logo dan tombol.

  4. Mobile First atau Desktop First
    Secara teknis tidak ada banyak perbedaan jika proyek dimulai dari layar yang lebih kecil ke besar (mobile first) atau sebalik nya (desktop first). Namun itu akan menambahkan keterbatasan ekstra dan membantu Anda membuat keputusan jika Anda mulai dengan mobile first. Seringkali orang mulai dari keduanya sekaligus. Silahkan pilih yang sesuai dengan yang anda pahami dengan baik.

Seberapa Pentingkah Responsive Web Design ?

Menurut data, lebih dari 20% dari pencarian google, saat ini telah diakses melalui ponsel, pada tahun 2012 yang lalu, lebih dari setengah local search, juga dilakukan melalui ponsel, bahkan 25% pengguna internet amerika adalah pengguna ponsel. 25% dari seluruh email, dibuka melalui ponsel pintar (smartphone).

Berhubungan dengan marketing dan dunia online, faktanya adalah bot google, lebih memilih website yang responsive untuk dimasukan kedalam index pencarian, dari pada website dengan alamat (mobile dan desktop), contohnya Ketika sebuah bisnis memiliki kedua situs yaitu mobile dan dekstop, maka akan ada URL yang berbeda (seakan duplikasi) dan HTML yang berbeda pula untuk masing-masing, dan hal ini akan memaksa google untuk menjelajahi dan mengindeks beberapa versi situs yang sama persis.

Dari data diatas, penulis akan mengatakan bahwa Responsive Web Design akan sangat penting didalam dunia Web Designer. Karena banyak pengguna internet didunia ini menggunakan Mobile (Smartphone)

Nantikan juga artikel lainnya dari SangCoders . Salam Coders.