Kriteria Web yang Benar + Contoh Web (Baik dan Buruk)

Assalamualaikum warahmatullahi wabarakaatuh

Postingan kali ini kita akan membahas tentang kaidah desain web, nih. Sebagai salah satu media pemberi informasi dan pemenuh segala kebutuhan manusia, web memang harus menyesuaikan dengan perilaku penggunanya.

Tentu saja sebagai pengembang web harus mengetahui apa, siapa, dan bagaimana pengguna menggunakan webnya : siapa sasaran pengguna web, apa tujuan pembuatan web ini, bagaimana pengguna akan mengoperasikannya, dan seperti apa tampilannya.

Lalu, apa saja kriteria web yang baik dan benar?

• Dari segi penggunaan, mudah untuk dipelajari, digunakan, dan diingat
• Navigasi yang rapi dan mudah dipahami
• Adanya respon kesalahan saat digunakan pengguna
• Dari segi grafis, layout, warna, dan pemilihan font yang menarik
• Konten yang memuaskan pengguna
• Kompatibel (bisa dibuka di browser mana saja)
• Dinamis
• Interaktif dalam memberi informasi lebih
• Bisa diakses oleh semua kalangan, bahkan untuk orang yang berkebutuhan khusus.

Sedikit penjelasan di atas, di bawah ini ada 5 contoh web yang kurang baik :

Navigasi yang ukurannya kecil (atau bahkan para pengguna tidak menduganya bahwa itu navigasi?) sehingga menyulitkan pengguna untuk mencari menu yang diinginkan.

Desain kurang menarik

Banner untuk mempromosikan seharusnya terlihat lebih besar dan terlihat jelas

• Navigasi memang terlihat, tetapi warnanya melenceng (dan warna tidak konsisten hijau-biru-merah-hitam)
• Terlalu banyak deskripsi di awal halaman web

• Membingungkan karena terlalu banyak gambar (atau sejenis iklan saya kurang mengerti juga) yang memenuhi halaman full
• Terlalu colorfull dan tulisannya terlalu kecil
• Tombol navigasi tidak terlihat secara sekilas

• Tidak menjelaskan apa tujuan webnya
• Isi tidak jelas
• Banyak ruang yang tidak dimanfaatkan dengan baik

• Warna yang sangat mencolok dan berwarna-warni
• Terlalu banyak jenis font
• Navigasi tidak terlihat

Lalu, contoh web yang baik seperti apa ya? Nih, ada 5 web yang baik yang bisa dijadikan referensi untuk para web designer :

• Web yang baik adalah memperhatikan perilaku pengguna yang selalu mulai berfokus ke arah pojok kiri atas. Bisa dimanfaatkan dengan diisi logo.
• Navigasi rapi dan jelas
• Secondary content di sebelah kanan sejajar dengan konten yang ada di sebelah kirinya yang (vertikal)
• Ada fitur untuk mengganti bahasa (dapat mempermudah bagi pengguna yang kurang mahir suatu bahasa)

• Sama seperti contoh sebelumnya, logo pas sekali diletakkan di pojok kiri atas.
• Tampilan simpel dan deskripsi tidak basa-basi
• Navigasi sangat jelas
• Ada fitur pergantian bahasa

• Warna yang digunakan konsisten sesuai ciri khas perusahaan
• Gambar background sangat mewakili apa yang menjadi tujuan web
• Font konsisten

• Desain sangat simpel dan slogan "Musik untuk semua orang." merangkum semua yang menjadi tujuan web
• Navigasi yang mudah dicari karena konten halaman awal tidak rumit
• Sepertinya perusahaan ini sangat mengutamakan "web yang super simpel" jadi ditambahkannya panah kiri dan kanan (< dan >) untuk mengetahui informasi lebih lanjut tentang fitur yang ia punya
• Jika di-scroll ke bawah maka kita akan menemukan fitur menarik yang ditawarkan dengan kekhasannya (font dan warna yang selalu konsisten) serta tetap simpel

• The last, halaman awal langsung disambut dengan slogan khasnya serta logo kecil di pojok kiri atas. Suatu kekhasannya yang selalu membuat para pengguna ingat
• Navigasi yang mudah ditemukan
• Di bawah navigasi terdapat banyak contoh isi konten yang disediakan yang ditata secara vertikal serta kotak untuk log in yang langsung terlihat saat mata pengguna sedang melihat-lihat isi konten

Itulah sekilas tentang kriteria web yang baik dan 10 contoh web yang baik dan buruk. Semoga bermanfaat bagi para pembaca ya 😁 See ya! 

Wassalamualaikum warahmatullahi wabarakaatuh