{"id":14252,"date":"2017-08-14T13:50:10","date_gmt":"2017-08-14T06:50:10","guid":{"rendered":"http:\/\/blog.zahiraccounting.com\/?p=14252"},"modified":"2022-09-10T12:39:54","modified_gmt":"2022-09-10T05:39:54","slug":"meningkatkan-konversi-pada-web-1","status":"publish","type":"post","link":"https:\/\/zahiraccounting.com\/id\/blog\/meningkatkan-konversi-pada-web-1\/","title":{"rendered":"PEDOMAN DESAIN WEB UNTUK MENINGKATKAN KONVERSI PADA WEBSITE PART 1"},"content":{"rendered":"<h1 style=\"text-align: center;\"><a href=\"https:\/\/blog.zahiraccounting.com\/wp-content\/uploads\/2017\/09\/pedoman-desain-web-part-1-01.png\"><img decoding=\"async\" class=\"lazyload aligncenter size-full wp-image-15537\" src=\"https:\/\/blog.zahiraccounting.com\/wp-content\/uploads\/2017\/09\/pedoman-desain-web-part-1-01.png\" data-orig-src=\"https:\/\/blog.zahiraccounting.com\/wp-content\/uploads\/2017\/09\/pedoman-desain-web-part-1-01.png\" alt=\"pedoman desain web part 1\" width=\"903\" height=\"302\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27903%27%20height%3D%27302%27%20viewBox%3D%270%200%20903%20302%27%3E%3Crect%20width%3D%27903%27%20height%3D%27302%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/zahiraccounting.com\/id\/blog\/wp-content\/uploads\/2017\/09\/pedoman-desain-web-part-1-01-300x100.png 300w, https:\/\/zahiraccounting.com\/id\/blog\/wp-content\/uploads\/2017\/09\/pedoman-desain-web-part-1-01-768x257.png 768w, https:\/\/zahiraccounting.com\/id\/blog\/wp-content\/uploads\/2017\/09\/pedoman-desain-web-part-1-01.png 903w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 903px) 100vw, 903px\" \/><\/a><\/h1>\n<h1 style=\"text-align: center;\"><strong>Pedoman Desain Web untuk Meningkatkan Konversi Website Anda<\/strong><\/h1>\n<p><em>Konversi.\u00a0<\/em>Bagi anda yang memiliki website sudah pasti ingin agar konversi website anda meningkat dan memiliki Lead yang banyak bukan? Seperti yang kita ketahui, website dengan desain menarik tentu dapat meningkatkan konversi dan menarik pengunjung untuk website anda. Sayangnya banyak marketer lebih mengandalkan SEO dan social media untuk menciptakan lead magnet yang mengkonversi dan sejenisnya daripada memulai dengan desain website yang menarik. Padahal keduanya merupakan komponen yang sangat penting.<\/p>\n<div id=\"attachment_14253\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/blog.zahiraccounting.com\/wp-content\/uploads\/2017\/06\/meningkatkan-konversi.jpg\"><img aria-describedby=\"caption-attachment-14253\" decoding=\"async\" class=\"lazyload size-medium wp-image-14253\" src=\"https:\/\/blog.zahiraccounting.com\/wp-content\/uploads\/2017\/06\/meningkatkan-konversi-300x115.jpg\" data-orig-src=\"https:\/\/blog.zahiraccounting.com\/wp-content\/uploads\/2017\/06\/meningkatkan-konversi-300x115.jpg\" alt=\"meningkatkan konversi pengunjung website\" width=\"300\" height=\"115\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27300%27%20height%3D%27115%27%20viewBox%3D%270%200%20300%20115%27%3E%3Crect%20width%3D%27300%27%20height%3D%27115%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/zahiraccounting.com\/id\/blog\/wp-content\/uploads\/2017\/06\/meningkatkan-konversi-300x115.jpg 300w, https:\/\/zahiraccounting.com\/id\/blog\/wp-content\/uploads\/2017\/06\/meningkatkan-konversi.jpg 639w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-14253\" class=\"wp-caption-text\">meningkatkan konversi pengunjung website<\/p><\/div>\n<h6 style=\"text-align: center;\">Source Gambar: <a href=\"https:\/\/jefferlysuperclub.com\/wp-content\/uploads\/2014\/09\/meningkatkan-konversi.jpg\">jefferlysuperclub<\/a><\/h6>\n<p>Menurut penelitian dari\u00a0Universitas Stanford\u00a0, 46,1% orang mengatakan desain website adalah kriteria utama untuk memutuskan apakah sebuah perusahaan kredibel atau tidak.\u00a0Jadi sangat penting bahwa desain website Anda terlihat profesional. Jika Anda ingin orang untuk membaca postingan di blog Anda, website harus terlihat menarik.<\/p>\n<p>Jika Website Anda tidak menarik, orang-orang akan benar-benar meninggalkan website Anda. Menurut riset dari adobe sebanyak\u00a0<a href=\"https:\/\/wwwimages.adobe.com\/content\/dam\/Adobe\/en\/max\/2015\/pdfs\/state-of-content-oct.pdf\">38% orang<\/a>\u00a0meninggalkan website dan tidak kembali, jika website tersebut tiadak terlihat menarik.<\/p>\n<p>Jika anda tidak memiliki keahlian apapun tentang desain website, anda tidak perlu menyewa <em>freelancer<\/em>, mempekerjakan seorang desainer atau apapun untuk mendesain website anda.<\/p>\n<p>Kali ini kami akan berbagi pedoman desain\u00a0web yang akan meningkatkan konversi website anda.<\/p>\n<h4>Ikuti Hukum Hick<\/h4>\n<p>Hukum Hick adalah teori populer yang dikutip oleh berbagai individu untuk tujuan yang berbeda, namun sering dirujuk dalam hal desain website.\u00a0Dinamai dengan psikolog Inggris William Edmund Hick, hukum ini menyatakan bahwa waktu yang dibutuhkan bagi seorang individu untuk membuat keputusan berbanding lurus dengan pilihan yang mungkin dia miliki.<\/p>\n<p>Dengan kata lain, dengan meningkatkan jumlah pilihan, waktu untuk mengambil keputusan juga meningkat.<\/p>\n<p>Dalam hal desain website, Anda dapat meningkatkan konversi dengan membatasi jumlah pilihan yang pengguna miliki.\u00a0Hal pertama yang dapat terpikirkan untuk mengurangi jumlah pilihan di website Anda adalah di bar navigasi.\u00a0Jelas, Anda tidak ingin memiliki terlalu banyak link untuk dipilih, karena jika banyak pilihan pengguna akan kehilangan minat mereka.<\/p>\n<p>Namun,\u00a0Hukum Hick tidak berhenti di situ\u00a0.\u00a0Pikirkan tentang semua keputusan penting berbeda yang pengguna harus buat pada website Anda, selain hanya dari yang link navigasi.<\/p>\n<p>Berikut adalah beberapa hal tersebut:<\/p>\n<ul>\n<li>Memutuskan apakah akan lebih menggunakan\/memaksimalkan bar navigasi atau halaman scroll<\/li>\n<li>Skimming\u00a0(membaca cepat) berita utama untuk melihat posting blog untuk membaca<\/li>\n<li>Memutuskan apakah memilih download lead magnet Anda, berbagi posting Anda di media sosial, atau memberikan komentar<\/li>\n<li>Memilih antara melakukan pembelian, membaca ulasan produk, atau browsing untuk lebih banyak produk<\/li>\n<\/ul>\n<p>Secara keseluruhan, ketika menerapkan Hukum Hick ke website Anda, penting bagi Anda untuk tahu mana tindakan yang paling penting untuk\u00a0bottom line\u00a0atau tujuan Anda.\u00a0Misalnya, apakah Anda ingin pengguna untuk opt-in pada lead magnet Anda, atau apakah Anda ingin mereka untuk menempatkan produk di keranjang belanja mereka?\u00a0Setiap halaman di website Anda harus mencapai satu tujuan utama.<\/p>\n<p>Semakin Anda dapat membatasi pilihan pengguna Anda, semakin mudah website Anda untuk digunakan, dan dapat meningkatkan koneversi pada website Anda.<\/p>\n<h4>Memanfaatkan Rule Of Thirds<\/h4>\n<p>The Rule of Thirds\u00a0adalah prinsip fotografi populer yang juga dapat diterapkan untuk desain website.\u00a0Dengan Rule of Thirds, Anda dapat secara visual membagi gambar (atau halaman website) menjadi tiga (baik secara vertikal dan horizontal).<\/p>\n<p>Dalam hal desain website, Anda dapat menempatkan elemen yang paling penting dari salah satu page wesbiste Anda di empat persimpangan ini, hal ini dilakukan agar orang-orang terfokus pada mereka, sehingga dapat meningkatkan konversi pada website Anda.<\/p>\n<p>Anda tidak perlu merancang seluruh website Anda dengan ketat berpegang pada rule of thirds, Anda dapat menggunakannya sebagai tool untuk membantu Anda menempatkan elemen yang paling penting dari sebuah page halaman website Anda.<\/p>\n<h4>Menghormati Kesabaran Pengguna<\/h4>\n<p>Kesabaran pengguna di sini berkaitan dengan kecepatan loading website Anda. Ternyata orang-orang sangat tidak sabar, terutama ketika mereka sedang browsing di internet.<\/p>\n<p>Menurut sebuah\u00a0studi oleh Aberdeen Group\u00a0, hanya satu detik penundaan pada saat membuka suatu website, hal tersebut dapat mengurangi sebanyak \u00a07% konversi!<\/p>\n<p>Jadi ketika berhubungan dengan kecepatan loading halaman website, setiap detik itu berharga.\u00a0Untuk memeriksa kecepatan halaman Anda dan memecahkan setiap masalah, Anda bisa mengetes dan menganalisis kecepatan website Anda dengan beberapa tool gratis seperti <em>PageSpeed Insight Google, Pingdom, GTmetrix, KeyCDN, Sucuri,<\/em> dll.<\/p>\n<h4>Gunakan Space Negatif Untuk Meningkatkan Konversi pada Website<\/h4>\n<p>Dalam desain website,whitespace\u00a0sering disebut sebagai ruang negatif.\u00a0ruang positif adalah ruang yang berisi semua elemen di website Anda, sedangkan ruang negatif adalah semua ruang kosong di antara ruang yang terisi.<\/p>\n<p>Meskipun namanya \u00a0ruang negative, sebenarnya adalah hal\u00a0positif\u00a0 dalam desain website, karena tanpa itu website Anda tidak dapat\u00a0 dibaca dan tidak dapat digunakan.<\/p>\n<p>Ruang negatif tidak hanya mengacu pada ruang antara unsur-unsur yang lebih besar pada halaman Anda, seperti ruang antara header dan konten Anda, atau ruang antara sidebar Anda dan konten Anda. Hal ini juga mengacu pada ruang antara semua elemen yang lebih kecil pada halaman Anda, seperti ruang antara paragraf, ruang antara baris teks, dan bahkan ruang antar huruf.<\/p>\n<p>Memperhatikan\u00a0semua\u00a0bentuk ruang negatif di website Anda berfungsi untuk menjaga semuanya terbaca,\u00a0scannable\u00a0atau mudah untuk di scan pembaca (sangat penting, karena itu adalah cara orang membaca website) dan memudahkan mata Anda untuk menikmatinya.\u00a0Dan tentu saja, semua ini mengarah pada meningkatkan konversi pada wesbsite Anda.<\/p>\n<p>Flat.io\u00a0menggunakan banyak ruang negatif di website mereka untuk tetap fokus pada CTA utama mereka, yaitu untuk mendaftar dengan email Google atau akun Facebook.<\/p>\n<p>Agar anda dapat menggunaka ruang negative yang cukup ada baiknya anda memperhatikan hal-hal berikut<\/p>\n<ul>\n<li>Semakin kecil font Anda, semakin banyak ruang yang Anda butuhkan di antara huruf.<\/li>\n<li>line-height Anda (mendefinisikan ruang atas dan di bawah baris teks) harus sekitar 150% dari ukuran font untuk badan teks (dalam CSS, ini akan dibaca:\u00a0ine-height: 1.5;).<\/li>\n<li>Namun, font yang lebih kecil membutuhkan lebih banyak line-high.<\/li>\n<li>Memecah blok besar teks ke dalam paragraf kecil untuk meningkatkan ruang negatif di antara mereka dan membuat posting blog Anda lebih mudah dibaca.<\/li>\n<li>Menambahkan whitespace di antara unsur-unsur yang lebih besar di website Anda (sidebar, header, body, footer, dll) menggunakan margin dan padding yang cukup.<\/li>\n<\/ul>\n<h4>Pertimbangkan F-Layout<\/h4>\n<p>Para peneliti telah menemukan bahwa perilaku alami pengguna saat browsing website di internet adalah untuk membaca layar dalam pola \u201cF\u201d.<\/p>\n<p>&nbsp;<\/p>\n<p>Faktanya orang pertama kali melihat tampilan web dari kiri ke kanan di bagian atas layar.\u00a0Kemudian mereka melihat\/scan\u00a0halaman ke bawah, membuat \u00a0penglihatan yang sedikit ke dalam konten.\u00a0Araea halaman yang mendapat paling sedikit visibilitas\/dilihat adalah kanan bawah.<\/p>\n<p>Jadi apa artinya ini bagi meningkatkan konversi pada website Anda?\u00a0Nah, Anda dapat mengambil keuntungan dari perilaku ini dengan menempatkan elemen-eleman yang paling penting dan CTA sepanjang garis yang berbentuk F tersbut, dan menempatkan objek kurang penting di daerah visibilitas rendah.<\/p>\n<p>Misalnya, Anda dapat menempatkan CTA utama Anda di bagian atas halaman menuju sisi kiri karena itu adalah di mana pengguna akan pertama melihatnya.<\/p>\n<p>Kemudian, jika Anda ingin pengguna Anda untuk tetap berda \u00a0sekitar agar membaca posting blog terbaru Anda, Anda dapat menempatkan headline di sisi kiri halaman.\u00a0informasi kurang penting (seperti iklan yang tidak terlalu penting) bisa di sidebar di sisi kanan halaman Anda, dan Anda dapat menempatkan informasi yang Anda inginkan untuk mendapatkan visibilitas terendah (seperti cookie policy) di pojok kanan bawah halaman.<\/p>\n<p>Itulah prinsip desain website yang dapat diikuti untuk meningkatkan konversi pada website anda. Selanjutnya akan kita bahas lebih lanjut mengenai\u00a0Pedoman Desain Web yang Dapat Meningkatkan Konversi pada Website (Part 2).<\/p>\n<p>Oleh: Nuraini Anitasari<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pedoman Desain Web untuk Meningkatkan Konversi Website Anda Konversi.\u00a0Bagi anda yang memiliki website sudah pasti ingin agar konversi website anda meningkat dan memiliki [&hellip;]<\/p>\n","protected":false},"author":66,"featured_media":15536,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[1446,1447,1448,1449,157],"views":324,"_links":{"self":[{"href":"https:\/\/zahiraccounting.com\/id\/blog\/wp-json\/wp\/v2\/posts\/14252"}],"collection":[{"href":"https:\/\/zahiraccounting.com\/id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zahiraccounting.com\/id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zahiraccounting.com\/id\/blog\/wp-json\/wp\/v2\/users\/66"}],"replies":[{"embeddable":true,"href":"https:\/\/zahiraccounting.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=14252"}],"version-history":[{"count":0,"href":"https:\/\/zahiraccounting.com\/id\/blog\/wp-json\/wp\/v2\/posts\/14252\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/zahiraccounting.com\/id\/blog\/wp-json\/wp\/v2\/media\/15536"}],"wp:attachment":[{"href":"https:\/\/zahiraccounting.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=14252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zahiraccounting.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=14252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zahiraccounting.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=14252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}