APA YANG HARUS DILAKUKAN DAN LARANGAN DASAR DALAM DESAIN SITUS WEB YANG EFEKTIF

Inilah kebenaran yang dingin: jika Anda bukan perancang situs web profesional, membuat situs web yang hampir sempurna cukup menantang. Menggunakan template dan tema yang menarik bisa membantu, tetapi Anda juga ingin memahami beberapa aturan dasar – hanya dengan begitu Anda bisa mendapatkan hasil terbaik. Selain itu, ada begitu banyak persaingan sehingga terkadang terasa seperti situs web semua orang terlihat lebih baik daripada milik Anda! Dan ada begitu banyak pilihan di web sehingga Anda memiliki waktu singkat untuk memahami praktik apa yang akan membantu atau membahayakan situs web Anda.

Pada artikel ini, kami akan membagikan beberapa hal mendasar yang harus dan tidak boleh dilakukan dalam mendesain situs web yang efektif yang dapat membawa Anda jauh dalam membuat halaman web yang menarik, dapat ditindaklanjuti, dikonversi, dan dioptimalkan. Kami akan membahas delapan elemen desain web dan mempelajari serta melakukan dan tidak melakukan masing-masing. Jadi, tanpa basa-basi lagi, mari kita mulai.

Tata Letak Situs Web

Sebelum Anda mulai mendesain situs web Anda, penting untuk mengetahui tata letaknya. Tata letak adalah pola atau kerangka kerja yang menentukan struktur situs web Anda – menyediakan jalur navigasi yang jelas di dalam halaman web dengan menyatukan elemen-elemen penting.

Dalam panduan gaya desain web ini , kami akan berbagi dengan Anda apa yang boleh dan tidak boleh dilakukan tentang tata letak situs web dan apa yang dapat Anda lakukan untuk membuat desain yang bersih dan mudah diingat:

Lakukan Tata Letak Situs Web

• Pastikan untuk menggunakan UX mengikuti standar yang diketahui pengguna dengan baik
• Fokus pada keramahan pengguna
• Gunakan elemen desain umum

Desain web Anda harus selalu berfokus pada peningkatan pengalaman pengguna – dan langkah pertama untuk melakukannya adalah memastikan UX yang standar, mudah digunakan, dan familiar. Halaman web Anda harus memiliki elemen desain umum, sehingga mereka tidak perlu memikirkan atau membuang waktu untuk mencari tahu arti dari komponen yang Anda gunakan.

Larangan Tata Letak Situs Web

Hindari menggunakan tata letak yang sama sekali baru atau kompleks

Jangan terlalu fokus pada kreativitas

Hindari kekacauan

Lihatlah halaman situs web Google Meet dan pelajari bagaimana meskipun menjadi salah satu merek paling berpengaruh dan inovatif, Google berfokus pada kesederhanaan dan keramahan pengguna:

Meskipun kami menghargai kreativitas, penting juga untuk dipahami bahwa konsep baru apa pun tidak boleh menjadi penghalang bagi pengalaman pengguna Anda. Itulah alasan sebagian besar pakar desain web menghindari penggunaan tata letak yang benar-benar baru atau berbeda yang asing bagi audiens mereka.

Tipografi

Meskipun ada kesalahpahaman umum bahwa font adalah untuk desainer web atau profesional yang paham teknologi. Tapi bukan itu masalahnya. Saat membuat situs web bisnis, sangat penting untuk mempertimbangkan tidak hanya gambar dan warna , tetapi juga font.

Melalui panduan gaya desain web ini, Anda akan mempelajari tipografi yang boleh dan tidak boleh dilakukan – yang memainkan peran penting dalam persepsi merek. Kunci untuk diingat adalah 'font tidak boleh hanya menjadi renungan tetapi di garis depan proses desain.'

Lakukan Tipografi

• Pilih font yang selaras dengan gaya merek Anda
• Tetapkan judul besar
• Pastikan ruang yang cukup antara elemen teks

Larangan Tipografi

• Jangan menyetel teks bersambung dengan huruf kapital penuh
• Jangan gunakan jenis huruf yang terlalu sering digunakan dan tidak menarik
• Jangan gunakan lebih dari tiga tipografi

Lihat tipografi Freshworks yang sederhana dan menarik secara visual yang konsisten dengan gaya dan nada suara merek mereka.

Sebagai perancang situs web, Anda harus tahu cara kerja font untuk memilih font terbaik untuk desain situs web Anda. Font yang berbeda meninggalkan berbagai gambaran mental dan daya tarik visual – dan karenanya memiliki potensi untuk menghasilkan respons atau suasana tertentu.

Konten Situs Web

Ingatlah bahwa teks situs web Anda adalah salah satu aset terbesar situs Anda. Dan untuk mendapatkan hasil maksimal dari konten situs web Anda, Anda harus dapat mendekatinya dari perspektif strategis.

Jadi, fokuslah untuk menyempurnakan teks Anda untuk mengirim pesan yang kuat dan jelas yang juga sesuai dengan target pasar Anda.

Lakukan Penulisan Konten Situs Web

• Potong langsung ke pengejaran; menyediakan konten yang bermanfaat, menarik, dan informatif
• Selalu baca ulang dan pastikan halaman web Anda bebas dari kesalahan tata bahasa
• Gunakan angka dan peluru jika diperlukan
• Gunakan strategi konten yang terencana, terfokus, dan dioptimalkan
• Bersikaplah ringkas tetapi tidak terlalu kabur

Larangan Menulis Konten Situs Web

• Jangan hambar atau tanpa suara merek
• Jangan memasukkan terlalu banyak teks
• Jangan plagiat
• Jangan berlebihan kata kunci

Lihatlah situs web Trello, dan Anda akan melihat bagaimana mereka menerapkan semua tip umum penulisan konten situs web ini.

Salah satu hal penting yang perlu diingat di sini adalah 'menyempurnakan teks Anda dengan cara mengirimkan pesan merek yang kuat. Jadi, dengan tulisan Anda, cobalah memadukan nada suara yang tepat. Singkat, gunakan kosakata yang tepat, dan tulis dengan cara yang akan menginspirasi pengunjung situs Anda untuk menjelajah dan tetap berada di situs Anda untuk beberapa waktu lagi.

Ruang Putih

Ruang putih seperti apa kedengarannya. Meskipun namanya mengirimkan pesan kesederhanaan yang jelas, itu masih bisa menambah kebingungan jika Anda tidak mengetahui prinsip penggunaannya dengan benar. Sementara ruang dalam desain situs web adalah tentang menyeimbangkan bagian bebas teks, sementara terlalu banyak dapat membuat halaman tampak kosong, terlalu sedikit konten Anda dapat terlihat berantakan.

Navigasi

Navigasi situs web Anda adalah landasan kegunaan situs. Dengan kata lain, ini adalah tombol interaksi utama di situs Anda. Jadi, Anda harus menguasai yang satu ini. Memiliki navigasi situs yang intuitif dan mudah adalah penting untuk memastikan bahwa pengunjung Anda selalu dapat menemukan apa yang mereka cari.

Lakukan Navigasi Situs Web

• Gunakan label yang jelas untuk navigasi
• Selalu gunakan kata-kata yang familiar dalam navigasi
• Ikuti aturan tiga klik: pemirsa Anda tidak boleh berjarak lebih dari 3 klik dari apa yang mereka telusuri
• Selalu gunakan warna kontras untuk teks dan tombol navigasi
• Fokus pada konten dan minimalkan navigasi sedapat mungkin
• Sesuaikan navigasi dengan konten dan ukuran layar

Larangan Navigasi Situs Web

• Jangan buang waktu pengguna Anda – rancang navigasi untuk mengurangi pengeluaran mereka dalam menemukan apa yang mereka butuhkan
• Jangan suka navigasi Anda
• Jangan ubah navigasi setiap halaman
• Jangan sembunyikan navigasi penting

Kadang-kadang, desainer web mencoba untuk menjadi terlalu kreatif dengan desain, navigasi, dan tata letak halaman. Tapi kemudian, kreativitas itu bisa merusak keramahan pengguna. Jadi, jika Anda menyimpang terlalu jauh dari konvensi standar, akan sulit bagi pengguna untuk menemukan informasi yang mereka cari dan akhirnya pergi ke tempat lain.

Mengoptimalkan Gambar

Nah, gambar berkualitas bagus sangat penting untuk situs web Anda. Gambar ini tidak hanya menciptakan pengalaman yang lebih imersif, tetapi juga membantu menceritakan kisah merek Anda secara interaktif. Memastikan bahwa gambar situs web Anda meningkatkan keramahan pengguna dan mematuhi praktik terbaik Google tidak hanya akan meningkatkan pengalaman pelanggan tetapi juga meningkatkan peringkat posisi pencarian.

Lakukan untuk Gambar Situs Web

• Gunakan gambar stok atau gambar yang hak/lisensinya Anda miliki
• Gunakan deskripsi teks Alt pada setiap gambar yang diunggah di situs web Anda
• Ubah ukuran gambar untuk mengoptimalkan tampilan dan kecepatan halaman
• Pastikan semua gambar memiliki gaya dan ukuran yang sama
• Gabungkan gambar dengan teks yang relevan

Larangan Gambar Situs Web

• Jangan publikasikan foto seseorang tanpa persetujuan mereka
• Jangan spam nama file gambar Anda dengan kata kunci
• Jangan pernah menggunakan gambar berkualitas buruk untuk situs web Anda

Praktik terbaiknya adalah mengoptimalkan gambar, sehingga gambar tersebut tidak menghabiskan terlalu banyak ruang cloud dan menyelamatkan pengguna Anda dari pengalaman buruk. Anda dapat menggunakan aplikasi, plugin, dan perangkat lunak untuk mengoptimalkan gambar.

Latar belakang yang kontras

Nah, latar belakang situs web memberikan dampak besar pada pemirsa dan meningkatkan daya tarik visual situs web. Mereka memungkinkan perancang web melepaskan kreativitas dan meningkatkan kegunaan situs web dalam banyak cara.

Di bagian ini, Anda akan mempelajari apa yang harus atau tidak boleh Anda lakukan saat mendesain situs web.

Lakukan Desain Latar Belakang Situs Web

• Padukan gambar ke latar belakang
• Gunakan header untuk pop tambahan
• Gunakan elemen yang menarik seperti percikan warna atau ilustrasi
• Perhatikan kontras; jika teks Anda hitam, latar belakangnya harus terang
• Gunakan UI warna yang cerdas
• Coba gradien jika Anda tidak memiliki gambar yang tepat

Larangan Desain Latar Belakang Situs Web

• Jangan gunakan gambar berkualitas rendah untuk latar belakang
• Hindari gambar yang sibuk atau berantakan
• Jangan gunakan lampu kilat

Saat menggunakan gambar untuk latar belakang situs web Anda, pastikan untuk memilih gambar yang memiliki kemungkinan besar untuk diskalakan dengan baik – bahkan untuk layar yang lebih kecil. Misalnya, gambar lebar mungkin tidak berfungsi dengan baik di ponsel. Jadi, memilih gambar seperti itu, Anda juga harus memeriksa keramahan selulernya.

Optimasi Kecepatan

Pengoptimalan kecepatan situs web sangat penting untuk semua situs web untuk SEO dan pemuatan yang mudah. Jadi, saat mendesain situs web, sangat penting untuk menggunakan semua elemen agar situs Anda memuat lebih cepat.

Apa yang Harus Dilakukan tentang Pengoptimalan Kecepatan Situs Web

• Gunakan kompresi Gzip untuk memperkecil ukuran file
• Gunakan cache browser untuk menyimpan file statis seperti file media, dokumen HTML, dan JavaScript
• Perkecil JavaScript dan CSS
• Mempercepat halaman lalu lintas tinggi

Larangan Pengoptimalan Kecepatan Situs Web

• Hindari penggunaan pop-up dan skrip eksternal yang membebani halaman
• Jangan gunakan konten flash yang besar
• Hindari penulisan kode yang rumit atau salah
• Copot pemasangan plugin tambahan jika memungkinkan

Kami memahami bahwa mengoptimalkan kecepatan situs web sering kali merupakan proses coba-coba. Dibutuhkan banyak latihan dan usaha yang konsisten. Namun secara bertahap, Anda akan melihat hasil luar biasa yang akan membantu Anda meningkatkan pengalaman pelanggan dan meningkatkan peringkat SEO.

Kiat Bonus: Fokus pada Lebih Sedikit Mengklik dan Lebih Banyak Menggulir

Salah satu studi kasus oleh Crazy Egg membuktikan bahwa pengguna lebih suka menggulir daripada mengeklik. Alih-alih menyembunyikan konten di halaman, penggeser, dan akordeon yang berbeda, coba tempatkan semuanya ke dalam satu halaman panjang yang memiliki cukup informasi yang tersebar indah dengan banyak ruang putih.

Kesimpulan: 'Sederhana' Melakukan Pekerjaan

Jika situs web Anda membanggakan kesederhanaan, desain yang berbeda namun langsung, itu adalah pekerjaan yang dilakukan dengan baik. Sebagian besar dari kita terlalu fokus untuk membuat desain web menjadi unik sehingga akhirnya kita membuat halaman yang rumit. Semakin sedikit kekacauan, semakin baik daya tariknya.

Meskipun kami selalu mendorong Anda untuk bereksperimen dan melihat apa yang terbaik bagi pengguna Anda, kami juga meninggalkan pengingat bahwa tidak ada aturan tegas dalam mendesain.

Faktanya, desain situs web terbaik sama sekali tidak mengikuti aturan konvensional. Apa yang benar-benar penting dalam pengalaman pengguna? Kami akan meminta Anda untuk memiliki panduan gaya desain web ini yang Anda inginkan – gunakan itu sebagai titik awal, tetapi jangan takut untuk memercayai refleks artistik Anda.

Desain web yang efisien membutuhkan perancang untuk berpikir seperti seorang seniman, pengguna akhir, dan pengusaha; hasilnya adalah situs web dengan konversi tinggi, ramah pengguna, dan berpenampilan menarik.