10 Kesalahan dalam Desain Website/Blog
June 24, 2014
Daftar kesalahan dalam desain website atau blog yang sering diabaikan blogger.
Demikian ungkapan populer di kalangan web designer atau website developer. Artinya, tampilan adalah terpenting kedua setelah konten (isi).
Isi, yakni postingan atau tulisan, merupakan hal utama dalam blogging. Desain nomor dua, tapi bukan berarti dinomorduakan dalam arti bisa diabaikan.
Desain memenang peran sangat penting bagai keberhasilan blog sekaligus mendukung konten berkualitas.
Prinsip Dasar Desain Blog/Website
Prinsip dasar dalam desain blog atau website adalah mengutamakan aspek:- Usability (berguna, bermanfaat)
- Readability (mudah dibaca)
- Visibility (mudah dan enak dilihat)
- Findability (mudah ditemukan oleh mesin pencari dan user/pembaca).
Beberapa kesalahan dalam desain Website/Blog berikut ini melanggar prinsip tersebut.
Para desainer blog/web, masterweb, atau web developer biasanya mengacu pada hasil penelitian Jakob Nielsen soal desain web. Dalam Alert Box-nya, Nielsen menyebutkan ada 10 kesalahan dalam desain website (blog).
5. Fixed Font Size.
6. Page Titles With Low Search Engine Visibility.
7. Anything That Looks Like an Advertisement.
9. Opening New Browser Windows.
Para desainer blog/web, masterweb, atau web developer biasanya mengacu pada hasil penelitian Jakob Nielsen soal desain web. Dalam Alert Box-nya, Nielsen menyebutkan ada 10 kesalahan dalam desain website (blog).
10 Kesalahan dalam Desain Website/Blog
1. Bad Search Box.
Pencarian yang Buruk. Lebih buruk lagi jika tidak ada kotak pencarian di blog Anda. Maka, selalu pasang kotak pencarian yang mudah dilihat.
2. PDF Files for Online Reading. Posting berupa file Pdf.
3. Not Changing the Color of Visited Links.
Tidak mengubah warna link yang sudah dikunjungi. Yang baik: warna link: biru, visited link: merah, mouse hover: garis bawah atau warna oranye.
4. Non-Scannable Text.
Teks (naskah posting) tidak bisa dipindai, susah dibaca, numpuk, tidak ada jarak antar-alinea, alinea-nya panjang. Yang baik: satu alinea maksimal lima baris, ada jarak antar paragraf, lengkapi dengan bullet, numbering, dan text highlight (warna, bold, italic, dll).
5. Fixed Font Size.
Ukuran huruf terlalu kecil. Yang baik, ukuran huruf postingan: Arial 14pixel dan semisal dengannya.
6. Page Titles With Low Search Engine Visibility.
Judul halaman sulit diindeks mesin pencari dan sulit ditemukan pembaca. Yang baik: gunakan Heading Tag (H1, H2, H3) dinamis dengan judul posting yang mencolok dan menggunakan H1.
7. Anything That Looks Like an Advertisement.
Terlalu banyak iklan, banyak animasi, banyak flash, banyak warna, dan banyak windows pop-up. Lenyapkan pop-up FB Like Box di blog Anda. Itu mengganggu banget bagi user.
8. Violating Design Conventions.
Jangan berusaha "tampil beda" dengan tampilan blog orang lain. Itu bisa membingungkan user. Buatlah desain web standar, navigasi menu standar, daftar posting standar, agar tidak membuat user bingung karena sudah terbiasa dengan blog lain yang standar.
Pilih template blog yang simple, clean, minimalis, dan "jangan kumuh" dengan terlalu banyak warna.
9. Opening New Browser Windows.
Jangan gunakan "target='_blank" (membuka tab/window baru) di link eksternal. Jangan khawatir user meninggalkan blog Anda. Mereka akan kembali jika blog Anda memang berkualitas.
10. Not Answering Users' Questions.
Tidak menjawab pertanyaan yang masuk di kolom komentar, atau tidak merespons user yang berkomentar. Ini membuat user merasa dicuekin dan takkan kembali membuka blog Anda.
Demikian 10 kesalahan desain web hasil survei Jakob Nielsen. Tentu, penjelasannya atau tambahannya, versi CB.
Kesalahan dalam Desain Website/Blog Lainnya
Referensi lebih lengkap soal Kesalahan dalam Desain Website/Blog bisa disimak di "43 Web Design Mistakes You Should Avoid", antara lain (yang terpenting):
- Tidak mengunakan Meta Tags.
- Menggunakan jenis huruf yang "indah tapi aneh" dan sulit dibaca.
- Menggunakan flash/animasi
- Memasang musik, apalagi yang "auto play", dan user sulit mematikannya.
- Tidak membuat halaman "About" (profil blogger/identitas blog).
- Hindari "menu drop down" karena sulit ditemukan atau menyulitkan.
- Jangan gunakan link dengan anchor teks "Klik Disini" (Click Here) karena tidak SEO dan User Friendly.
- Jangan gunakan gambar animasi (bergerak). Do not use animated GIF!
- Banyak lagi deh... 'kan ada 43.
Daftar Kesalahan dalam Desain Website/Blog juga mengingatkan para blogger newbie untuk tidak menghabiskan waktu, tenaga, dan pikiran dengan utak-atik tampilan blog. Fokus ke konten saja dan gunakan template seo friendly. Good Luck! (www.contohblog.com).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
bang, saya mau tanya yg masalah font...kok di blog saya ukuran font-nya pake persen % ya? saya jadi bingung hehe..mau ganti ukurab berapa biar ideal..kan kata abang 14px :D
ReplyDeleteThanks.
This comment has been removed by the author.
ReplyDeleteubah aja jadi 14px, gak apa-apa.....
DeleteMas Apakah widget diatas tergolong hal yang terpenting dalam sebuah web/blog, bagaimana kalau mengabaikan sebagan widgetnya..?
ReplyDeleteWidget blog terpenting = Internal Link = Navigasi => Related Posts, Pupolar Post, Recent Posts, Random Posts, Post Archeves...
DeleteKenapa pakai "target blank" open in a new window untuk link eksternal kurang baik?
ReplyDeletePadahal kan demi kenyamanan sang pembaca, dia tidak meninggalkan blog kita.
mau tanya, kalu kasi link dowload gratis file pdf kesalahn tidak?
ReplyDeletetidak....
Delete