15 Prinsip Desain Web yang Akan Meningkatkan Tingkat Konversi Anda

Banyak faktor yang berdampak langsung pada konversi situs Anda. Namun, desain web adalah yang paling penting dari mereka.

Kesan pertama yang kita dapatkan adalah visual dan tegas. Oleh karena itu, jika Anda ingin meningkatkan tingkat konversi di situs Anda, maka desain web adalah tempat pertama untuk memulai.

Dalam artikel ini, kami telah mengumpulkan prinsip-prinsip dasar dan tips yang akan membantu Anda dengan tugas ini.

Pastikan Desain Web Anda Responsif dan Ramah Seluler

Pangsa lalu lintas seluler tumbuh dan akan tumbuh pada tahun 2020. Penelitian menunjukkan bahwa sebagian besar pengguna akan menolak untuk berinteraksi dengan merek jika tidak mungkin melakukan tindakan yang diperlukan dari perangkat seluler. Oleh karena itu, sebelum membuat perubahan pada desain situs Anda untuk mendapatkan lebih banyak konversi, pastikan situs web ditampilkan dengan benar di perangkat seluler dan pengguna tidak menemukan hambatan di jalurnya.

Bagaimana cara melakukannya? Semuanya akan tergantung pada cara Anda membuat situs Anda. Misalnya, situs di WordPress dan CMS populer lainnya akan responsif sejak saat pembuatan. Namun, uji kegunaan tambahan tidak akan berlebihan.

Berikan Lebih Sedikit Pilihan Menurut Hukum Hick

Undang-undang ini menunjukkan bahwa pilihan yang lebih sedikit meningkatkan kecepatan pengambilan keputusan dan sebaliknya. Misalnya, jika Anda menggunakan tiga ajakan bertindak sekaligus di halaman utama, misalnya mendaftar di situs, mendapatkan diskon, dan mengunduh e-book, maka akan sulit bagi pengguna untuk memutuskan tindakan mana yang akan dilakukan terlebih dahulu. . Akan jauh lebih masuk akal untuk mengatur ajakan bertindak ini dalam urutan logis – karena mereka terdaftar dan menawarkan pengguna tindakan berikutnya setelah yang sebelumnya.

Hal yang sama berlaku untuk jumlah produk yang Anda tampilkan di halaman. Anda tidak boleh menunjukkan kepada pengguna semua kemungkinan produk yang cocok untuk kueri penelusurannya – lebih baik tampilkan lima opsi yang paling sesuai dan izinkan melanjutkan penelusuran menggunakan filter.

Tambahkan Gerbang Situs Web Layar Penuh

Pikirkan tentang kemungkinan menampilkan formulir prospek layar penuh pada saat pengguna menggulir halaman utama ke titik tertentu. Pertama, formulir layar penuh akan menarik semua perhatian pengguna dan tidak akan membiarkannya terganggu oleh elemen lain dari situs, dan kedua, ini hanya tentang kemungkinan pilihan yang telah kita bicarakan sebelumnya. Jadi pengguna hanya menerima dua opsi. Yang pertama adalah menutup formulir prospek dan terus berinteraksi dengan situs. Yang kedua adalah memberi Anda alamat emailnya sebagai imbalan atas tawaran Anda.

Tempatkan Poin Paling Penting di Persimpangan

Anda mungkin tahu tentang salah satu aturan utama fotografi – aturan sepertiga. Menurut aturan ini, dua garis secara visual membagi layar secara horizontal dan vertikal, menghasilkan sembilan kotak. Jadi, empat titik persimpangan garis di tengah layar adalah pusat perhatian pengguna, itulah sebabnya informasi penting, seperti ajakan bertindak, harus ditempatkan di sini.

Optimalkan Kecepatan Pemuatan Situs Web Anda

Item ini terkait langsung dengan desain, karena halaman Anda mungkin dipenuhi dengan gambar berat yang memperlambat pemuatan situs Anda. Hapus semua yang tidak perlu dan optimalkan gambar yang menjadi kunci. Menurut statistik, kecepatan pemuatan situs yang optimal adalah dari dua hingga lima detik. Dan dalam hal ini, Anda perlu mengupayakan indikator yang lebih rendah, karena 40% pengguna mengatakan mereka akan menutup situs yang memuat lebih dari tiga detik, yang berarti Anda akan kehilangan prospek potensial setiap kali situs melambat.

Gunakan Ruang Negatif untuk Mendapatkan Hasil Positif

Jan Tschichold mengatakan bahwa ruang negatif harus dilihat sebagai elemen aktif, bukan latar belakang pasif. Ada hubungan antara jarak dan perhatian. Jarak yang lebih jauh menarik perhatian, dan tidak adanya elemen lain lebih kuat membedakan elemen yang ada. Desainer dapat menggunakan properti ruang ini untuk menonjolkan elemen penting. Menambahkan spasi ke segmen konten tertentu membuat pengguna memperhatikan area ini hanya karena tidak ada lagi yang menarik perhatian di layar. Seperti yang dapat Anda lihat pada contoh di bawah ini, Google adalah pendukung besar ruang putih dalam proyek-proyeknya. Ini membantu untuk segera memahami tujuan proyek ini: fokusnya adalah pada tujuan utama halaman.

Pilih Warna yang Tepat untuk Membangun Asosiasi yang Tepat

Sayangnya, tidak ada saran universal tentang warna mana yang berubah lebih baik. Semuanya akan tergantung pada spesifikasi bisnis Anda. Misalnya, warna putih dan biru menimbulkan perasaan stabilitas dan keandalan. Oleh karena itu PayPal menggunakan kombinasi ini untuk membentuk asosiasi yang benar.

Jika Anda tidak yakin bahwa warna Anda bekerja dengan benar, kembali saja ke asal-usul psikologi warna dalam pemasaran dan juga periksa kembali nilai-nilai perusahaan Anda dan temukan pasangan sempurna Anda.

Selain itu, ada perbedaan pendapat tentang warna tombol yang mengubah lebih buruk atau lebih baik. Warna tombol yang benar adalah pertanyaan filosofis lama. Seseorang mengklaim bahwa konversi tertinggi dicapai melalui tombol merah. Yang lain mengatakan hijau atau biru. Jawaban yang benar terdengar seperti ini (seperti banyak jawaban lain dalam pemasaran dan desain): “Itu perlu diuji.” Oleh karena itu, pilih warna tombol yang akan kontras dengan warna utama desain, dan lakukan beberapa tes untuk memahami warna mana yang lebih baik dikonversi.

Gunakan Satu Gambar Besar Daripada Beberapa Gambar Kecil

Gambar yang benar dapat mengatakan lebih dari beberapa paragraf teks. Karena itu, gunakan kekuatan persepsi visual dan emosi dalam desain situs Anda. Misalnya, Anda dapat menjadikan gambar sebagai latar belakang situs Anda dan kemudian menempatkan semua elemen Anda sedemikian rupa sehingga mengikuti aturan dasar desain web. Dan omong-omong, ini juga berkontribusi pada konversi yang lebih baik.

Juga, pendekatan ini mempromosikan kesederhanaan dan minimalis, yang merupakan tren beberapa tahun terakhir, dan gambar yang dipilih dengan benar membangkitkan emosi dan asosiasi yang diperlukan. Dan sebaliknya, seperti yang telah kami katakan, terlalu banyak gambar membuat pilihan menjadi lebih rumit dan mengalihkan perhatian pengguna.

Singkirkan Segala Sesuatu yang Tidak Terkait dengan Desain

Dengan kata lain, berusahalah untuk kesederhanaan maksimum. Dalam kelimpahan modern dari kebisingan informasi, kesederhanaan dan kejelasan telah menjadi kekurangan yang nyata. Penelitian telah menunjukkan bahwa 76% pengguna menganggap kesederhanaan sebagai faktor penentu utama dalam desain situs web. Dan di sini, Anda perlu menjaga keseimbangan yang kompeten antara kesederhanaan, minimalis, tetapi pada saat yang sama fungsionalitas – karena kesederhanaan juga merupakan kesempatan untuk menemukan apa yang dibutuhkan pengguna dalam beberapa klik.

Gunakan Wajah dan Bukti Sosial Lainnya

Sayangnya, Internet penuh dengan ulasan palsu, dan jangan ragu bahwa pengguna Anda juga mengetahuinya. Oleh karena itu, alih-alih memaksa mereka untuk mencari umpan balik tentang produk atau layanan Anda (yang dapat ditulis oleh pesaing Anda untuk melemahkan bisnis Anda), Anda perlu memberi mereka kesempatan ini saat itu juga.

Oleh karena itu, pikirkan desain situs sedemikian rupa sehingga Anda dapat memberikan beberapa ulasan nyata (dan bahkan lebih baik lagi sebuah korsel) di dekat akhir halaman. Dan pastikan untuk menggunakan foto orang yang masih hidup (idealnya pelanggan Anda yang sebenarnya) untuk menciptakan kesan bukti sosial yang kuat.

Sederhanakan Navigasi Anda

Anda mungkin pernah melihat situs yang berisi sejuta kategori, dan tidak mungkin memilih bagian yang tepat pada percobaan pertama. Dan jika sebelumnya, pengguna masih membayar waktu untuk pencarian seperti itu, hari ini mereka ingin melihat apa yang mereka butuhkan tanpa tindakan tambahan.

Oleh karena itu, pertimbangkan kembali pendekatan Anda untuk menavigasi situs, kurangi jumlah kategori, hapus semua yang tidak perlu, dan tinggalkan hanya bagian yang paling penting. Seperti yang telah kami katakan, berbagai pilihan memperumit keputusan atau, secara umum, memaksa pengguna untuk meninggalkan halaman dan menunda tugas untuk nanti.

Integrasikan Penghitung Prestasi

Ini adalah trik psikologis yang memicu reaksi bawah sadar – orang cenderung percaya statistik. Dan ini adalah kesempatan lain untuk meningkatkan konversi dengan membangun kepercayaan dan menciptakan kesan keandalan. Tapi ada satu poin penting. Ingat, kita berbicara tentang aturan sepertiga dan titik persimpangan strategis? Ini adalah tempat di mana Anda perlu menempatkan statistik Anda sehingga mereka berada di pusat perhatian dan persepsi.

Ciptakan Kesan Defisit Buatan

Pemasar tidak setuju dengan taktik penjualan ini, tetapi untuk penjualan cepat dan musiman, pendekatan ini masih tepat. Oleh karena itu, jika Anda memiliki penawaran musiman atau promosi, atau jika Anda menguji minat pada produk baru, masuk akal untuk menciptakan ilusi kelangkaan dan mencerminkannya dengan bantuan desain. Misalnya, Anda dapat mengatur penghitung waktu mundur dan, sekali lagi, menempatkan angka dalam fokus perhatian pengunjung.

Namun, di sini Anda tetap perlu memposisikan tombol ajakan bertindak dengan benar. Dan dalam hal ini, lebih baik melakukan ini mengikuti skema Z.

Perhatian pengguna meluncur di sepanjang horizontal atas, secara diagonal ke bawah, dan menuju ke informasi di bagian bawah. Di sudut kiri atas, letakkan logo, secara horizontal – header. Sudut kanan bawah adalah tempat yang ideal untuk ajakan bertindak.

Kurangi Jumlah Langkah yang Diperlukan

Anda dapat dengan tepat memperhatikan bahwa ini adalah tanggung jawab desainer UX, tetapi dalam praktiknya, ini hanya kasus ketika web dan desainer UX harus bekerja sama untuk mendapatkan satu hasil. Desain UX adalah faktor lain yang memiliki dampak langsung pada konversi, dan semakin sedikit langkah yang memisahkan pengguna dari tindakan target, semakin besar kemungkinan untuk menyelesaikannya.

Oleh karena itu, Anda perlu memastikan sekali lagi bahwa informasi atau produk yang dia butuhkan tidak lebih dari tiga klik saja.

Pastikan Ajakan Bertindak Anda Berada di Tempat yang Tepat

Untuk meningkatkan konversi situs Anda, manfaatkan aturan sepertiga dan skema Z saat Anda melakukan ajakan bertindak. Anda dapat meningkatkan persepsi ajakan bertindak jika Anda menduplikasinya – di persimpangan garis dan di sudut kanan atas halaman, di mana garis atas huruf Z berakhir. Dengan demikian, perhatian pengguna pertama-tama akan berhenti di sudut kanan atas, kemudian meluncur secara diagonal ke bawah dan berhenti tepat di titik strategis perpotongan garis di sebelah kiri.

Minimalkan Masukan Pengguna

Pengguna modern sangat tidak sabar, dan kami sudah membicarakannya di paragraf tentang kecepatan memuat halaman Anda. Dan formulir isian yang besar dapat mematikan konversi Anda, karena tidak ada yang mau membuang waktu, terutama dari perangkat seluler. Oleh karena itu, tinjau formulir pendaftaran Anda dan sisakan hanya tiga baris – untuk nama, alamat email, dan kata sandi, ditambah kemampuan untuk mendaftar melalui Google dan Facebook.

Kesimpulan

Seperti yang Anda lihat, banyak trik dapat memengaruhi konversi. Namun, hal yang paling penting untuk diingat adalah bahwa setiap pendekatan baru harus diuji pada pengguna. Setiap bisnis dan setiap audiens target bersifat spesifik; oleh karena itu, tidak ada petunjuk templat tentang apa yang harus digunakan dalam desain Anda untuk meningkatkan konversi. Selain itu, desain adalah faktor pertama tetapi bukan yang terakhir yang mengubah (atau tidak mengubah), dan ini juga perlu diingat.