Prinsip Desain yang Dapat Meningkatkan Konversi pada Website Anda (part 1)

Meningkatkan Konversi pada Website
20 September 2016
Bagikan artikel ini
  •  
  •  
  •  
  •  
  •  
  •  

Apakah Anda ingin meningkatkan konversi pada wesite Anda? Seperti yang banyak diketahui, desain website yang menarik dapat meningkatkan konversi pada website. Dalam posting ini, kami akan berbagi prinsip-prinsip desain 11 website yang akan meningkatkan konversi website Anda.

Banyak marketer tahu pentingnya SEO, sosial media, menciptakan lead magnet yang mengkonversi dan sejenisnya, namun memiliki desain website yang sangat baik untuk memulainya begitu sering diabaikan. Sementara semua komponen ini penting, desain website Anda tida sajak hanya “berpenampilan menarik,” itu benar-benar dapat membuat atau tingkat konversi Anda bertambah.

Menurut penelitian dari Universitas Stanford , 46,1% orang mengatakan desain website adalah kriteria utama untuk memutuskan apakah sebuah perusahaan kredibel atau tidak. Jadi sangat penting bahwa desain website Anda terlihat profesional. Jika Anda ingin orang untuk membaca postingan di blog Anda, website harus terlihat menarik.

Jika Website Anda tidak menarik, orang-orang akan benar-benar meninggalkan website Anda. Menurut riset dari adobe sebanyak 38% orang meninggalkan website dan tidak kembali, jika website tersebut tiadak terlihat menarik.

Jadi terlepas dari apakah iya atau tidak desain adalah keahlian Anda, Anda jangan sampai mengabaikan hal itu. Memperkaya wawasan tentang desain website, menyewa freelancer, mempekerjakan seorang desainer, atau melakukan apa pun!

Untuk memulainya, berikut adalah beberapa prinsip penting desain website yang dapat diikuti untuk meningkatkan konversi pada website Anda

Ikuti Hukum Hick

Hukum Hick adalah teori populer yang dikutip oleh berbagai individu untuk tujuan yang berbeda, namun sering dirujuk dalam hal desain website. Dinamai 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.

Dengan kata lain, dengan meningkatkan jumlah pilihan, waktu untuk mengambil keputusan juga meningkat.

Meningkatkan Konversi pada Website

Ada sebuah studi yang terkenal dengan psikolog Sheena Iyengar dan Mark Lepper di mana mereka menemukan bahwa meja display dengan 24 jenis selai kurang menarik daripada meja yang hanya menampilkan enam varietas selai. Bahkan, orang-orang yang melihat meja display yang lebih besar hanya sepersepuluh lebih mungkin membeli dibandingkan dengan display yang kecil!

Itu adalah contoh dari Hukum Hick: tindakan hilang secara proporsional dengan jumlah pilihan yang disajikan.

Dalam hal desain website, Anda dapat meningkatkan konversi dengan membatasi jumlah pilihan yang pengguna miliki. Hal pertama yang dapat terpikirkan untuk mengurangi jumlah pilihan di website Anda adalah di bar navigasi. Jelas, Anda tidak ingin memiliki terlalu banyak link untuk dipilih, karena jika banyak pilihan pengguna akan kehilangan minat mereka.

Dengan kata lain, jangan lakukan hal ini:

Meningkatkan Konversi pada Website

Namun, Hukum Hick tidak berhenti di situ . Pikirkan tentang semua keputusan penting berbeda yang pengguna harus buat pada website Anda, selain hanya dari yang link navigasi.

Berikut adalah beberapa hal tersbut:

  • Memutuskan apakah akan lebih menggunakan/memaksimalkan bar navigasi atau halaman scroll
  • Skimming (membaca cepat) berita utama untuk melihat posting blog untuk membaca
  • Memutuskan apakah memilih download lead magnet Anda, berbagi posting Anda di media sosial, atau memberikan komentar
  • Memilih antara melakukan pembelian, membaca ulasan produk, atau browsing untuk lebih banyak produk

Ini hanya menggores permukaan kebanyakan keputusan yang pengguna Anda harus buat. Normal untuk merasa kewalahan mencoba untuk mencari tahu di mana untuk mulai mengurangi keputusan bagi pengunjung, namun, ada cara sederhana untuk menggunakan Hukum Hick dalam keadaan darurat …

Yang harus Anda lakukan adalah menginstal fullscreen welcome gate di wesbite Anda. Sebuah gerbang selamat datang yang mencakup seluruh layar dengan satu Call to Action (CTA), sehingga pengguna hanya melihat satu pilihan yang tersedia di awal. Jika mereka ingin melihat lebih banyak pilihan, mereka harus scroll ke bawah.

Meningkatkan Konversi pada Website

Hal ini memungkinkan Anda untuk meminimalkan gangguan di website Anda, sambil tetap mempunyai fungsi homepage Anda secara utuh.

Secara keseluruhan, ketika menerapkan Hukum Hick ke website Anda, penting bagi Anda untuk tahu mana tindakan yang paling penting untuk bottom line atau tujuan Anda. Misalnya, apakah Anda ingin pengguna untuk opt-in pada lead magnet Anda, atau apakah Anda ingin mereka untuk menempatkan produk di keranjang belanja mereka? Setiap halaman di website Anda harus mencapai satu tujuan utama.

Semakin Anda dapat membatasi pilihan pengguna Anda, semakin mudah website Anda untuk digunakan, dan dapat meningkatkan koneversi pada website Anda.

Memanfaatkan Rule of Thirds

The Rule of Thirds adalah prinsip fotografi populer yang juga dapat diterapkan untuk desain website. Dengan Rule of Thirds, Anda dapat secara visual membagi gambar (atau halaman website) menjadi tiga (baik secara vertikal dan horizontal).

Hal ini memberi Anda sembilan kotak yang sama seperti ini:

Meningkatkan Konversi pada Website

Menurut aturan, empat persimpangan tengah adalah tempat-tempat strategis yang dapat menarik yang melihatnya. Ketika benda ditempatkan pada titik-titik tersebut, ia menciptakan gambar atau desain yang paling berdampak.

Meningkatkan Konversi pada Website

Dalam hal desain website, Anda dapat menempatkan elemen yang paling penting dari salah satu page wesbiste Anda di persimpangan ini, hal ini dilakukan agar orang-orang terfokus pada mereka, sehingga dapat meningkatkan konversi pada website Anda.

Misalnya, homepage Chris Lema ini  memiliki unsur-unsur yang paling penting (testimonial dan tombol “Start Here”) pada dua persimpangan kiri:

Meningkatkan Konversi pada Website

Selanjutnya ada contoh dari John Lee Dumas, denga sebuah gambar yang juga berisi tombol cta yang berda tepat di persimpangan kiri bawah:

Meningkatkan Konversi pada Website

Kissmetrics juga menempatkan CTA mereka di persimpangan kiri bawah:

Meningkatkan Konversi pada Website

Perhatikan bagaimana, tidak ada dari website ini menempatkan bar navigasi mereka di dekat persimpangan. Hal ini membantu untuk menjaga pengunjung terfokus pada CTA utama di halaman, bukan mengarahkan mata mereka untuk navigasi di tempat yang lain.

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.

Cobalah mengambil screenshot dari website Anda (hanya di bagian above the fold atau hanya bagian header, tidak seluruh panjang halaman karena tidak ada orang yang bisa melihat website Anda secara keselurahan dalam satu waktu), dan membaginya menjadi sembilan kotak yang sama. Kemudian, Anda dapat memutuskan apakah Anda ingin melakukan beberepa editing untuk meningkatkan konversi pada website Anda.

Menghormati Kesabaran Pengguna

Kesabaran pengguna di sini berkaitan dengan kecepatan loading website Anda. Ternyata orang-orang sangat tidak sabar, terutama ketika mereka sedang browsing di internet.

Menurut sebuah studi oleh Aberdeen Group , hanya satu detik penundaan pada saat membuka suatu website, hal tersebut dapat mengurangi sebanyak  7% konversi!

Jadi ketika berhubungan dengan kecepatan loading halaman website, setiap detik itu berharga. Untuk memeriksa kecepatan halaman Anda dan memecahkan setiap masalah, Anda bisa mengetes dan menganalisis kecepatan website Anda dengan beberapa tool gratis ini:

Untuk lebih mengetahui tentang kecepatan website, Anda bisa menyimak artikel berikut ini:

Tips dan Berbagai Tool untuk Meningkatkan Kecepatan Website

Gunakan Space Negatif untuk Meningkatkan Konversi pada Website

Dalam desain website,whitespace sering disebut sebagai ruang negatif. ruang positif adalah ruang yang berisi semua elemen di website Anda, sedangkan ruang negatif adalah semua ruang kosong di antara ruang yang terisi.

Meskipun namanya  ruang negative, sebenarnya adalah hal positif  dalam desain website, karena tanpa itu website Anda tidak dapat  dibaca dan tidak dapat digunakan.

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.

Memperhatikan semua bentuk ruang negatif di website Anda berfungsi untuk menjaga semuanya terbaca, scannable atau mudah untuk di scan pembaca (sangat penting, karena itu adalah cara orang membaca website) dan memudahkan mata Anda untuk menikmatinya. Dan tentu saja, semua ini mengarah pada meningkatkan konversi pada wesbsite Anda.

Flat.io menggunakan banyak ruang negatif di website mereka untuk tetap fokus pada CTA utama mereka, yaitu untuk mendaftar dengan email Google atau akun Facebook.

Meningkatkan Konversi pada Website

Berikut adalah beberapa tips untuk memastikan Anda menggunakan ruang negative yang cukup:

  • Semakin kecil font Anda, semakin banyak ruang yang Anda butuhkan di antara huruf.
  • 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: ine-height: 1.5;).

Meningkatkan Konversi pada Website

  • Namun, font yang lebih kecil membutuhkan lebih banyak line-high. Perhatikan perbedaan yang dibuat oleh line-height yang lebih besar dalam dua paragraf di bawah ini:

Meningkatkan Konversi pada Website

  • Memecah blok besar teks ke dalam paragraf kecil untuk meningkatkan ruang negatif di antara mereka dan membuat posting blog Anda lebih mudah dibaca.
  • Menambahkan whitespace di antara unsur-unsur yang lebih besar di website Anda (sidebar, header, body, footer, dll) menggunakan margin dan padding yang cukup.

Pertimbangkan F-Layout

Para peneliti telah menemukan bahwa perilaku alami pengguna saat browsing website di internet adalah untuk membaca layar dalam pola “F”.

Berikut ini adalah heatmap yang menunjukkan di mana mata pengguna biasanya meliahat di halaman website:

Meningkatkan Konversi pada Website

 

Dan berikut adalah apa yang terlihat dalam sebuah garis:

Meningkatkan Konversi pada Website

Seperti yang Anda lihat, orang pertama kali melihat dari kiri ke kanan di bagian atas layar. Kemudian mereka melihat/scan halaman ke bawah, membuat  penglihatan yang sedikit ke dalam konten. Araea halaman yang mendapat paling sedikit visibilitas/dilihat adalah kanan bawah.

Jadi apa artinya ini bagi meningkatkan konversi pada website Anda? Nah, 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.

Misalnya, Anda dapat menempatkan CTA utama Anda di bagian atas halaman menuju sisi kiri karena itu adalah di mana pengguna akan pertama melihatnya.

Kemudian, jika Anda ingin pengguna Anda untuk tetap berda  sekitar agar membaca posting blog terbaru Anda, Anda dapat menempatkan headline di sisi kiri halaman. informasi 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.

Hal selanjutnya

Itulah 5 prinsip desain website yang dapat diikuti untuk meningkatkan konversi pada website Anda. untuk lengkapnya masih ada 6 prinsip lagi yang akan dibahas pada artikel selanjutnya. Untuk itu sebelum ke artikel berikutnya Anda bisa membaca beberapa artikel tentang desain dan meningkatkan konversi pada website berikut ini:

Anda bisa berbagi pendapat tentang desain yang dapat meningkatkan konversi pada website Anda, pada kolom komnetar di bawah ini bersama DigitalMarketer.id.


Bagikan artikel ini
  •  
  •  
  •  
  •  
  •  
  •  

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>