Desain web responsif

Desain Web Responsif (bahasa Inggris:Responsive Web Design (RWD)) adalah sebuah metode atau pendekatan sistem web desain yang bertujuan memberikan pengalaman berselancar yang optimal dalam berbagai perangkat, baik mobile maupun komputer. Dengan metode ini, web akan beradaptasi jika dibuka dari perangkat mobile berukuran kecil maupun perangkat komputer dengan ukuran monitor besar. Ukuran huruf, user interface, gambar dan tata letak akan menyesuaikan dengan lebar layar dan resolusi layar monitor yang tersedia. Hasilnya pengguna akan merasakan pengalaman mudah membaca, nyaman dan melihat informasi web tersebut sama dengan jika ia melihat melalui perangkat komputer.

Sejarah

Berawal sekitar tahun 2013, terjadi perubahan peningkatan penggunaan mobile device dengan munculnya beragam perangkat pintar yang terintegrasi dengan telepon genggam seperti iPhone. Koneksi internet menjadi sebuah keharusan dalam masyarakat modern, dan tidak dapat dipungkiri kemajuan teknologi dan industri ini menuntut setiap individual untuk bergabung dalam sebuah jaringan internet melalui berbagai perangkat pintar tersebut. Dengan menggunakan telepon genggam dan koneksi internet yang mumpuni, berselancar di internet menjadi hal yang biasa. Individu dapat meng-update statusnya di Facebook, membaca email, mengirim foto ataupun membaca berita melalui perangkat pintarnya kapanpun dan dimanapun dia berada. Namun terkadang keterbatasan teknologi web dengan HTML-nya masih sering terjadi pada saat itu. Tidak semua web bisa dibuka atau berjalan secara baik di perangkat mobile yang umumnya berukuran kecil dibanding perangkat komputer. Bahkan beberapa fitur terkadang tidak bisa beroperasi. Hal inilah yang membuat para web desainer dituntut berfikir menggunakan cara baru dalam menyampaikan informasi di dalam web yang bersahabat dengan mobile devices. Desain Web Responsif, membantu menjembatani hal tersebut, dengan menggunakan teknologi baru HTML 5 dan CSS 3. Berlahan berbagai situs web besar seperti Google, Amazon.com, Facebook, Portal berita BBC mulai mengadaptasi metode tersebut.

Ciri Web dengan Desain Web Responsif

• User interface-nya beradaptasi di berbagai perangkat berbeda
• Ukuran huruf, tata letak dan gambarnya beradaptasi di berbagai ukuran layar yang berbeda
• Umumnya menggunakan scrolling dan swipe untuk bernavigasi di perangkat mobile
• Lintas platform

Lihat juga

• Antarmuka pengguna
• HTML 5
• CSS 3

Referensi

• Responsive Web Design by Example; oleh Thorig Firdaus; Packt Publishing, Birmingham - Mumbai; 2013.
• The Responsive Web; oleh Matthew Carver; Manning Shelter Island; 2015.
• Implementing Responsive Design; oleh Tim Kadlec; New Riders, Berkeley, USA; 2013.
• (Inggris) Artikel"Responsive Web Design" di alistapart.com