Pertanyaan seputar Desain Weblog

Pertanyaan dan jawaban seputar desain weblog berikut berupa pendapat/pilihan pribadi penulis. Dikompilasikan dari unsur standar web versi W3C, semantik, aksesibilitas, dan kebergunaan (usability) web. Sebagian besar pernah tercatat sebelumnya di blog Dani Iswara .Net.

Mengapa satu kolom?

Memudahkan tampilan antarmedia yang memiliki ukuran layar berbeda. Misalnya desktop dengan pelbagai resolusi hingga layar kecil. Selengkapnya di Alasan Redesain Weblog Satu Kolom.

Mengapa teks gelap di atas latar terang?

Lebih diterima umum. Lihat juga Keterbacaan Web Latar Gelap bagian 2.

Mengapa ada visible skip links di paling awal/atas halaman web?

Untuk membantu pengguna (baik difabel, keyboard only users atau bukan) menemukan konten utama lebih cepat. Daripada harus tabbing melewati banyak pranala sebelum mencapai konten utama. Terutama pada pengguna layar kecil dan peramban teks. Sayangnya, untuk peramban lawas seperti Internet Explorer versi awal, perlu beberapa trik agar tombol ‘kembali’ — alt+← — berfungsi.

Mengapa logo di kiri atas?

Di pelbagai resolusi layar dan dimensi jendela peramban setelan pengguna, bagian kiri atas yang paling eksis. Masih ada pengguna yang senang memakai jendela peramban non-maximized padahal resolusi layarnya, misalnya, 1600×1200 piksel.

Mengapa paragraf rata tepi kiri?

Lebih mudah saat scanning/fast reading menemukan baris berikutnya. Penjelasan lengkapnya di Konten Web Sebaiknya tidak Memakai Justified Text.

Mengapa memakai huruf Verdana,"DejaVu Sans",sans-serif?

Huruf I dan l (L kecil) jadi lebih mudah dibaca dengan Verdana. Misal pada kata Illness, Illegible, Illusion. Jarak antar karakter juga cukup lebar.

Mengapa strong dan em, bukan b dan i?

Yang dua pertama lebih bermakna semantik bagi screen readers dan voice browsers. Akan disuarakan dengan penekanan tertentu. Yang dua terakhir hanya presentasional atau visual sifatnya.

Mengapa pranala/tautan sebaiknya bergaris bawah?

Yakin semua pengguna bisa membedakan warna? Bagaimana dengan gangguan penglihatan warna (buta total dan sebagian)? Jangan hanya bergantung pada warna untuk membedakan fitur.

Mengapa urutan formulir komentar terdiri dari kolom isian komentar, label (nama, email, situs web) diikuti kolom isiannya masing-masing, antispam, opsi berlangganan komentar baru, lalu tombol submit?

Karena alirannya sepertinya lebih nyaman dan logis demikian. Pun bagi pengguna screen readers dan voice browsers. Bisa dibaca di Label Left Align Input Form.

Share on: Delicious™ | Digg™ | Facebook™ | Twitter™.