Desain situs web Anda lebih penting untuk konversi daripada yang Anda pikirkan. Anda dapat menerapkan setiap taktik peningkatan konversi di dunia, tetapi jika desain web Anda terlihat seperti sampah, itu tidak akan banyak membantu Anda.
Desain bukan hanya sesuatu yang dilakukan desainer. Desain adalah pemasaran. Desain adalah produk Anda dan cara kerjanya. Semakin banyak yang saya pelajari tentang prinsip-prinsip desain web, semakin baik hasil yang saya dapatkan.
Berikut adalah prinsip desain web yang efektif yang harus Anda ketahui dan ikuti.
1. Hirarki Visual
Roda yang berderit mendapatkan minyak, dan visual yang menonjol mendapatkan perhatian. Hirarki visual adalah salah satu prinsip terpenting di balik desain web yang baik. Ini adalah urutan di mana mata manusia merasakan apa yang dilihatnya.
Latihan. Harap beri peringkat lingkaran dalam urutan kepentingan:
Tanpa mengetahui apa pun tentang lingkaran ini, Anda dapat memberi peringkat pada mereka
dengan mudah. Itu adalah hierarki visual.
Bagian-bagian tertentu dari situs web Anda lebih penting daripada yang lain (formulir, ajakan bertindak, proposisi nilai, dll.), dan Anda ingin bagian-bagian itu mendapat lebih banyak perhatian daripada bagian-bagian yang kurang penting.
Jika menu website Anda memiliki 10 item, apakah semuanya sama pentingnya? Di mana Anda ingin pengguna mengklik? Buat tautan penting lebih menonjol.
Hirarki tidak hanya datang dari ukuran. Amazon membuat tombol ajakan bertindak “Tambahkan ke Keranjang” dan “Beli Sekarang” lebih menonjol dengan menggunakan warna:
Mulailah dengan tujuan bisnis
Anda harus memberi peringkat elemen di situs web Anda berdasarkan tujuan bisnis Anda. Jika Anda tidak memiliki tujuan tertentu, Anda tidak akan tahu apa yang harus diprioritaskan.
Ini contohnya. Ini adalah tangkapan layar yang saya ambil dari situs web Williams-Sonoma. Mereka ingin menjual peralatan masak outdoor.
Penangkap mata terbesar adalah sepotong besar daging (membuat saya menginginkannya), diikuti oleh judul (katakan apa itu), dan ajakan untuk bertindak (dapatkan). Tempat keempat jatuh ke paragraf teks di bawah judul; yang kelima adalah spanduk pengiriman gratis, dan navigasi teratas adalah yang terakhir.
Ini adalah hierarki visual—prinsip desain web yang tak lekang oleh waktu—dilakukan dengan baik.
Latihan. Jelajahi web dan beri peringkat elemen secara sadar dalam hierarki visual. Kemudian pergi melihat situs Anda. Apakah ada sesuatu yang penting (yaitu informasi penting yang dicari pengunjung) terlalu jauh dalam hierarki? Membuatnya lebih menonjol.
2. Proporsi Ilahi
Rasio Emas adalah angka ajaib 1,618 (φ). Desain yang menggunakan proporsi yang ditentukan oleh rasio emas, diyakini, secara estetika menyenangkan.
Lalu, ada deret Fibonacci. Setiap suku adalah jumlah dari dua suku sebelumnya: 0, 1, 1, 2, 3, 5, 8, 13, 21, dan seterusnya. Hal yang menarik adalah dua topik yang tampaknya tidak berhubungan menghasilkan jumlah yang sama persis.
Inilah yang terlihat seperti Rasio Emas:
Banyak seniman dan arsitek menggunakan proporsi untuk memperkirakan Rasio Emas. Contoh terkenal adalah Parthenon, dibangun di Yunani Kuno:
Bisakah Rasio Emas bekerja untuk desain web? Anda bertaruh. Ini Twitternya:
Berikut komentar, dari tahun lalu, oleh direktur kreatif Twitter, Doug Bowman. Pilihan desain tidak disengaja:
Jadi, jika lebar tata letak Anda adalah 960px, bagi dengan 1.618 (=593px). Anda tahu bahwa lebar area konten harus 593px dan sidebar 367px. Jika tinggi situs web adalah 760px, Anda dapat membaginya menjadi potongan 470px dan 290px (760/1.618=~470).
Jika Anda ingin mempelajari lebih lanjut, lihat artikel ini tentang cara menerapkan Rasio Emas pada tipografi.
3. Hukum Hick
Hukum Hick mengatakan bahwa dengan setiap website slot pilihan tambahan meningkatkan waktu yang dibutuhkan untuk mengambil keputusan.
Anda telah mengalami ini berkali-kali di restoran. Menu dengan banyak pilihan membuat sulit untuk memilih makan malam Anda. Jika menawarkan dua pilihan, membuat keputusan akan memakan waktu lebih sedikit. Ini mirip dengan Paradox of Choice—semakin banyak pilihan yang Anda berikan, semakin mudah untuk tidak memilih apa pun. Kedua prinsip ikut bermain dengan desain web.
Semakin banyak opsi yang dimiliki pengguna di situs web Anda, semakin sulit untuk digunakan (jika digunakan sama sekali). Kita perlu menghilangkan pilihan. Untuk membuat desain web yang lebih baik, fokuslah untuk menghilangkan opsi yang mengganggu selama proses desain.
Di era pilihan tak terbatas, orang membutuhkan filter yang lebih baik! Jika Anda menjual produk dalam jumlah besar, tambahkan filter yang lebih baik untuk pengambilan keputusan yang lebih mudah. Perpustakaan Anggur menjual anggur dalam jumlah besar.
Mereka melakukan pekerjaan yang baik dengan filter:
4. Hukum Fitt
Hukum Fitt menetapkan bahwa waktu yang diperlukan untuk berpindah ke area target (misalnya mengklik tombol) adalah fungsi dari jarak ke target dan ukuran target. Dengan kata lain, semakin besar suatu objek dan semakin dekat, semakin mudah digunakan.
Spotify membuatnya lebih mudah untuk menekan “Mainkan” daripada tombol lain:
Di aplikasi ponsel, mereka juga menempatkan tombol putar di lokasi yang mudah diketuk.
Lebih besar tidak selalu lebih baik. Tombol yang memenuhi setengah layar bukanlah ide yang bagus, dan kami tidak memerlukan studi matematika untuk memberi tahu kami. Meski begitu, Hukum Fitt adalah logaritma biner. Artinya hasil prediksi kegunaan suatu objek berjalan sepanjang kurva, bukan garis lurus.
Baca juga : Alasan Desain Web SEO Penting untuk Kesuksesan Bisnis