Ilustrasi: Bad Website bikin orang kesel
Desain bukan hanya seperti apa yang tampak dan terasa, desain adalah bagaimana dia bekerja. (Stave Jobs)
Situs web yang tidak dirancang dengan baik cenderung berkinerja buruk dan memiliki metrik Google Analytics yang kurang optimal (misalnya Rasio pentalan tinggi, waktu rendah di situs, halaman rendah per kunjungan, dan konversi rendah). Jadi apa yang membuat desain web bagus? Di bawah ini kami menjelajahi 10 prinsip desain web yang akan membuat situs web Anda menyenangkan secara estetika, mudah digunakan, menarik, dan efektif.
1. Tujuan
Desain web yang bagus selalu memenuhi kebutuhan pengguna. Apakah pengunjung web Anda mencari informasi, hiburan, beberapa jenis interaksi, atau untuk bertransaksi dengan bisnis Anda? Setiap halaman situs web Anda harus memiliki tujuan yang jelas, dan untuk memenuhi kebutuhan tersebut, website harus dibuat seefektif mungkin.
2. Komunikasi
Orang-orang di web cenderung menginginkan informasi yang cepat, jadi penting untuk berkomunikasi dengan jelas, dan membuat informasi Anda mudah dibaca dan dicerna. Beberapa taktik yang efektif untuk dimasukkan dalam desain web Anda meliputi: mengorganisir informasi menggunakan tajuk utama dan sub tajuk, menggunakan poin-poin sebagai ganti kalimat panjang yang mengambang.
3. Typefaces
Secara umum, font Sans Serif seperti Arial dan Verdana lebih mudah dibaca online (font Sans Serif adalah font yang tidak memiliki buntut/ekor seperti font time news roman). Ukuran font yang ideal untuk membaca online dengan mudah adalah 16px dan berpegang teguh pada maksimum 3 tipografi dalam maksimal 3 ukuran poin untuk menjaga desain Anda tetap ramping.
4. Warna
Palet warna yang dipikirkan dengan baik dapat meningkatkan pengalaman pengguna. Warna komplementer menciptakan keseimbangan dan harmoni. Menggunakan warna yang kontras untuk teks dan latar belakang akan membuat huruf lebih mudah dibaca. Warna-warna cerah bersifat memantik emosi dan harus digunakan dengan hemat (mis. Untuk tombol dan ajakan bertindak). Last but not least, ruang putih (white space) sangat efektif untuk memberikan situs web Anda tampilan yang modern dan rapi.
5. Gambar
Gambar dapat berbicara mewakili ribuan kata, dan memilih gambar yang tepat untuk situs web Anda dapat membantu penentuan posisi merek dan menghubungkan dengan audiens target Anda. Jika Anda tidak memiliki foto profesional berkualitas tinggi, pertimbangkan untuk membeli foto stok untuk mengangkat tampilan situs web Anda. Juga pertimbangkan untuk menggunakan infografis, video dan grafik karena ini bisa jauh lebih efektif dalam berkomunikasi daripada bahkan potongan teks yang paling baik ditulis.
6. Navigasi
Navigasi adalah tentang betapa mudahnya bagi orang untuk mengambil tindakan dan bergerak di sekitar situs web Anda. Beberapa taktik untuk navigasi yang efektif termasuk hierarki halaman logis, menggunakan remah roti, merancang tombol yang dapat diklik, dan mengikuti 'aturan tiga klik' yang berarti pengguna akan dapat menemukan informasi yang mereka cari dalam tiga klik.
7. Layout berbasis grid
Menempatkan konten secara acak di halaman web Anda dapat berakhir dengan penampilan serampangan yang berantakan. Layout berbasis grid mengatur konten menjadi beberapa bagian, kolom dan kotak yang berbaris dan terasa seimbang, yang mengarah pada desain situs web yang terlihat lebih baik.
8. Desain pola "F"
Studi pelacakan mata telah mengidentifikasi bahwa orang memindai layar komputer dalam pola "F". Sebagian besar yang dilihat orang ada di bagian atas dan kiri layar dan sisi kanan layar jarang terlihat. Alih-alih mencoba memaksakan aliran visual pemirsa, situs web yang dirancang secara efektif akan bekerja dengan perilaku alami pembaca dan menampilkan informasi dalam urutan kepentingan (kiri ke kanan, dan atas ke bawah).
9. Muat waktu
Semua orang membenci situs web yang membutuhkan waktu lama untuk dimuat. Kiat untuk membuat waktu pemuatan halaman lebih efektif termasuk mengoptimalkan ukuran gambar (ukuran dan skala), menggabungkan kode ke dalam CSS terpusat atau file JavaScript (ini mengurangi permintaan HTTP) dan memperkecil HTML, CSS, JavaScript (dikompresi untuk mempercepat waktu pemuatannya).
10: Ramah mobile
Sekarang sudah biasa untuk mengakses situs web dari beberapa perangkat dengan ukuran layar ganda, jadi penting untuk mempertimbangkan apakah situs web Anda ramah mobile. Jika situs web Anda tidak ramah seluler, Anda dapat membangunnya kembali di tata letak yang responsif (ini berarti situs web Anda akan menyesuaikan dengan lebar layar yang berbeda) atau Anda dapat membangun situs seluler khusus (situs web terpisah yang dioptimalkan khusus untuk pengguna seluler).