Check List Develop Web


Layout

  1. Menarik
  2. Header konsisten
  3. Navigator konsisten
  4. Title halaman informatif
  5. Footer memiliki informasi hak copy, update terakhir, email address kontak
  6. Bagus dalam menggunakan prinsip dasar.
  7. Display tanpa scroll horizontal, pada resolusi 1024 x 768 dan resolusi diatasnya
  8. Seimbang antara teks, grafik, dan ruang kosong pada halaman
  9. Kontras yang sesuai antara teks dengan background
  10. Informasi yang berulang, seperti Header dan Navigasi menggunakan tidak lebih dari seperempat hingga sepertiga browser pada resolusi 1024 x 768

Browser

  1. Tampil di IE &+, FF 3+, Opera 9+, Safari

Navigasi

  1. Navigasi jelas dan konsisten
  2. Navigasi mudah digunakan
  3. Semua navigasi harus bisa digunakan, tidak ada broken link

Warna

  1. Penggunaan warna yang berbeda dibatasi maksimal 3 atau 4 warna
  2. Penggunaan warna harus konsisten
  3. Penggunaan kontras harus sesuai
  4. Image harus memiliki teks alternatif, untuk mengantisipasi browser yang tidak support image
  5. Gambar animasi tidak boleh mengalihkan perhatian pengunjung halaman dari teks utama.

Isi

  1. Gunakan font umum, seperti Arial, atau Times New Roman
  2. Menggunakan teknik penulisan, seperti: Heading, bullet, dll
  3. Font, ukuran font, warna font digunakan secara konsisten
  4. Isi web hendaknya informatif
  5. Informasi mudah dicari (minimal klik)
  6. Tanggal revisi dan hak copy benar
  7. Tidak berisi materi yang kedaluwarsa
  8. Berisi link ke situs lain yang berguna
  9. Hindari penggunaan “Klik disini”, ketika menulis teks untuk hyperlink
  10. Jika tidak menggunakan warna standard untuk hyperlink, gunakan warna yang konsisten untuk membedakan link yang belum/sudah dikunjungi
  11. Gunakan teks alternatif yang sesuai/ekivalen apabila menggunakan grafik/media

Fungsional

  1. Semua hyperlink harus berfungsi
  2. Semua form harus berfungsi
  3. Tidak boleh ada error javascript

Referensi: http://terrymorris.net/bestpractices/

About abunajiyah
A Programmer

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: