{"id":824,"date":"2016-11-24T02:46:28","date_gmt":"2016-11-24T02:46:28","guid":{"rendered":"http:\/\/localhost\/blog.docotel\/?p=824"},"modified":"2018-05-03T07:55:37","modified_gmt":"2018-05-03T07:55:37","slug":"responsive-web-design","status":"publish","type":"post","link":"https:\/\/dti.amon.id\/blog\/responsive-web-design\/","title":{"rendered":"Responsive web design"},"content":{"rendered":"<p>Di zaman modern seperti saat ini dengan perkembangan\u00a0<em>gadget<\/em>\u00a0yang sangat pesat, membuat orang lebih suka\u00a0<em>browsing<\/em>\u00a0di internet menggunakan\u00a0<em>smartphone<\/em>\u00a0mereka. Seperti beberapa data yang sempat dirillis, pengguna internet di Indonesia yang menggunakan perangkat\u00a0<em>mobile<\/em>dalam melakukan\u00a0<em>browsing<\/em>\u00a0di internet telah meningkat tajam. Ditambah lagi semakin meningkatnya pengguna tablet, dimana ukuran layarnya lebih besar dari\u00a0<em>smartphone<\/em>\u00a0dan lebih kecil dibandingkan laptop. Dengan situasi seperti itu, situs website saat ini dituntut untuk mendukung berbagai jenis tampilan, mulai dari komputer, tablet dan\u00a0<em>smartphone<\/em>, agar situs web tersebut dapat diakses dengan tampilan yang bagus di berbagai jenis\u00a0<em>device<\/em>.<\/p>\n<p>Nah dari hal dasar itulah kini hadir\u00a0<em>responsive web design<\/em>\u00a0dimana sekarang banyak designer membangun web dengan pendekatan\u00a0<em>mobile-first<\/em>\u00a0untuk memaksimalkan desain dan tampilan websitenya. Setelah sebelumnya situs hanya dioptimasi untuk personal komputer desktop saja. Tentu pemilik web tidak mau merugi juga \u00a0karena website miliknya ditinggakan oleh pengguna karena tidak bisa optimal saat dibuka di perangkat\u00a0<em>mobile<\/em>, karena kesan negatif akan muncul jika pengalaman mobile pengguna\u00a0 bermasalah pada suatu website.<\/p>\n<p>Apa itu\u00a0<em>Responsive web design<\/em>?<\/p>\n<p>Desain web responsive atau\u00a0<em>Responsive web design<\/em>\u00a0merupakan teknik yang dipakai untuk membuat layout website dapat menyesuaikan diri ketika dilihat atau diakses menggunakan perangkat yang digunakan, karena tampilan yang ada di desktop dan yang ada di\u00a0<em>smartphone<\/em>tentu akan berbeda. Selain dapat mempengaruhi apa yang ditampilkan pada perangkat tertentu, ini juga untuk mengoptimalisasi kenyamanan pengguna untuk menjelajah web dari tampilan, navigasi serta konten website tanpa merubah ukuran halaman web dari perangkat apapun yang mereka gunakan.<\/p>\n<p>Di samping itu, desain web yang responsif dapat memberikan pengunjung pengalaman yang lebih baik bagi pengunjung website itu sendiri. Contohnya, pengguna tidak perlu\u00a0<em>zoom in dan zoom out<\/em>\u00a0teks dan gambar pada layar. Hal ini membuat lebih mudah dan lebih nyaman bagi pengguna untuk membaca dan menjelajahi situs anda.<\/p>\n<p>Dalam sebuah statistik menggambarkan mengapa\u00a0<em>user experience<\/em>\u00a0itu penting, karena setiap kali orang membuka sebuah situs kemudian mereka tidak mendapatkan konten yang mereka cari maka sangat besar kemungkinan mereka akan langsung meninggalkan website tersebut. Demikian sebaliknya, jika mereka mudah menemukan konten yang mereka cari, mereka tidak segan-segan untuk kembali mengunjungi halaman website itu.<\/p>\n<p>Nah disitulah pentingnya desain web responsif, karena pengalaman pengunjung juga harus diperhatikan.\u00a0 Dengan adanya teknik responsif ini juga dapat mempermudah kerja programmer dan juga dapat menghemat penggunaan subdomain. Namun penggunaanya perlu disesuaikan, misalnya untuk website yang akan menampilkan gambar saja maka lebih baik tidak menggunakan teknik responsif ini karena akan sangat berat dalam\u00a0<em>loading<\/em>\u00a0gambarnya.<\/p>\n<p>Ada cara simplenya loh untuk mengetahui atau mengetes tampilan website memakai teknik responsif secara umum. Caranya cukup mudah, tidak harus mengaksesnya dari\u00a0<em>mobile device<\/em>maupun perangkat lain tetapi cukup dengan meminimize brower anda kedalam bentuk atau ukuran\u00a0<em>mobile<\/em>\u00a0device, dari situ kita sudah dapat mengetahui apakah website tersebut sudah responsif atau belum.<\/p>\n<p>Atas dasar hal tersebut,\u00a0<em>responsive web design<\/em>\u00a0sepertinya sangat penting bagi pemilik web agar banyak user yang menyukai web tersebut. Maka dari itu segeralah miliki website yang responsif, yang pastinya akan sangat bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Di zaman modern seperti saat ini dengan perkembangan\u00a0gadget\u00a0yang sangat pesat, membuat orang lebih suka\u00a0browsing\u00a0di internet menggunakan\u00a0smartphone\u00a0mereka. Seperti beberapa data yang sempat dirillis, pengguna internet di Indonesia yang menggunakan perangkat\u00a0mobiledalam melakukan\u00a0browsing\u00a0di internet telah meningkat tajam. Ditambah lagi semakin meningkatnya pengguna tablet, dimana ukuran layarnya lebih besar dari\u00a0smartphone\u00a0dan lebih kecil dibandingkan laptop. Dengan situasi seperti itu, situs [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":825,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"quote","meta":{"footnotes":""},"categories":[2],"tags":[],"coauthors":[],"class_list":["post-824","post","type-post","status-publish","format-quote","has-post-thumbnail","hentry","category-knowledge","post_format-post-format-quote"],"_links":{"self":[{"href":"https:\/\/dti.amon.id\/blog\/wp-json\/wp\/v2\/posts\/824","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dti.amon.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dti.amon.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dti.amon.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dti.amon.id\/blog\/wp-json\/wp\/v2\/comments?post=824"}],"version-history":[{"count":0,"href":"https:\/\/dti.amon.id\/blog\/wp-json\/wp\/v2\/posts\/824\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dti.amon.id\/blog\/wp-json\/wp\/v2\/media\/825"}],"wp:attachment":[{"href":"https:\/\/dti.amon.id\/blog\/wp-json\/wp\/v2\/media?parent=824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dti.amon.id\/blog\/wp-json\/wp\/v2\/categories?post=824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dti.amon.id\/blog\/wp-json\/wp\/v2\/tags?post=824"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/dti.amon.id\/blog\/wp-json\/wp\/v2\/coauthors?post=824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}