Kriteria Website Yang Baik Dan Buruk


827
827 points

Website Baik :

DESAIN SECARA UMUM

  • Loading halaman cepat
  • Halaman index atau home pas di ukuran minimal 800 x 600 pixel
  • Seluruh halaman lainnya juga harus pas dengan ukuran minimal 800 x 600 pixel
  • Gunakan elemen grafis (foto, gambar, dsb.) untuk mengisi jeda antara paragraf dalam sebuah tulisan berukuran sangat panjang
  • Buat setiap halaman tampak sebagai bagian dari situs tersebut; tampilkan elemen tertentu secara berulang yang akan mengingatkan pengunjung bahwa ia masih berada dalam situs yang sama.

GAMBAR

  • Tombol-tombol berukuran secukupnya
  • Setiap gambar ada keterangan/label alt-nya
  • Setiap link gambar memiliki link teks yang sesuai
  • Gambar dan latar belakang menggunakan warna yang mampu ditampilkan browser (browser-safe colors)
  • Animasi akan berhenti dengan sendirinya setelah beberapa saat

TEKS

  • Warna latar belakang tidak bertabrakan dengan warna teks
  • Teks cukup besar untuk dibaca, tetapi jangan terlalu besar
  • Hirarki informasi jelas
  • Kolom teks lebih kecil dari kolom di buku untuk memudahkan membaca di layar

NAVIGASI

  • Tombol dan bar navigasi mudah dipahami penggunaannya
  • Navigasi konsisten di seluruh situs
  • Tombol dan bar navigasi memberi petunjuk kepada pengunjung dimana mereka berada sekarang, dan halaman apa yang mereka lihat sekarang
  • Frame, jika digunakan, tidak menggangu
  • Situs berukuran besar memiliki index atau peta situs

LINK

  • Warna link disesuaikan dengan warna halaman
  • Link selalu bergaris bawah sehingga jelas bagi pengunjung

 

Website Buruk :

DESAIN SECARA UMUM

  • Loading makan waktu lama
  • Halaman pertama (index/home) tidak pas dalam browser standar (800 x 600 pixel)
  • Frame yang harus discroll menyamping
  • Tak ada fokus tema pada halaman itu
  • Sebaliknya, terlalu banyak fokus tema dalam halaman itu
  • Tombol navigasi menjadi satu-satunya daya tarik
  • Peletakan elemen (teks, paragraf, gambar, dsb.) berantakan
  • Warna tidak cocok satu sama lain
  • Halaman bagus jika dibuka di satu browser, tetapi hancur jika dibuka di browser lain LATAR

BELAKANG

  • Warna abu-abu standar
  • Kombinasi teks dan latar belakang yang membuat tulisan sulit dibaca
  • Latar belakang terlalu ramai dan menyakitkan mata (misalnya menggunakan gambar gif animasi) yang membuat tulisan tidak jelas

GAMBAR

  • Gambar yang sangat besar sehingga loadingnya lama
  • Gambar yang tidak ada hubungannya dengan tema situs
  • Gambar thumbnail yang ukurannya sama dengan gambar aslinya
  • Gambar tanpa label alt
  • Gambarnya hilang (muncul tanda x kecil warna merah)
  • Gambar yang terlalu besar dan tidak muat di layar (anggap ukuran resolusi layar 800×600 pixel)

TEKS

  • Teks terlalu kecil sehingga sulit dibaca
  • Teks terlalu panjang dan menembus batas kanan halaman
  • Seluruh paragraf ditulis dengan HURUF BESAR
  • Seluruh paragraf ditulis dengan huruf cetak tebal
  • Seluruh paragraf ditulis dengan huruf miring
  • Memberi garis bawah pada teks yang bukan link, akan membingungkan pengunjung

LINK

  • Link standar berwarna biru
  • Ada border link berwarna biru di seputar gambar
  • Link yang tidak jelas akan membawa pengunjung kemana
  • Link tanpa tujuan (broken link)
  • Teks link yang tidak bergaris bawah atau tidak berubah warna ketika ditunjuk

TABEL

  • Ada bordernya
  • Tabel digunakan sebagai hiasan dengan border yang sangat tebal

OBJEK BLINKING (BERKEDIP) DAN ANIMASI

  • Apa saja yang berkedip, khususnya teks
  • Garis berwarna pelangi
  • Tulisan “Under construction”, apalagi ditambahi gambar pekerja konstruksi jalan raya
  • Animasi gambar “under construction”
  • Animasi gambar e-mail
  • Animasi yang tidak pernah berhenti

SAMPAH

  • Counter – siapa yang perduli!?
  • Iklan sampah
  • Pengunjung harus melakukan scroll menyamping (kiri-kanan) – percayalah, ini menyebalkan!
  • Scroll bar frame di tengah-tengah halaman

NAVIGASI

  • Menu navigasi yang tidak jelas atau terlalu kompleks
  • Terlalu banyak frame
  • Frame terlalu kompleks
  • Scroll bar yang tidak perlu pada frame
  • Halaman yatim-piatu (tak memiliki link untuk kembali ataupun maju, serta tak ada keterangan apapun)
  • Title halaman yang tidak ada hubungannya dengan tema atau isi halaman tersebut

Sekarang teman-teman sudah tahukan Kriteria Website Yang Baik Dan Buruk? Kira-kira website teman-teman masuk dalam kategori yang mana? Jika masih dalam kategori yang buruj degera perbaiki ya.. Hehe Jika ada kriteria website baik tyang mungkin terlewatkan oleh saya silakan berkomentar pada kolom komentar agar bisa saya update artikelnya


What's Your Reaction?

Happy Happy
0
Happy
Sedih Sedih
0
Sedih
hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win

0 Comments

Your email address will not be published. Required fields are marked *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format