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
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
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)
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
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.
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
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
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
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
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)
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
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.
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
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
