Desain Weblog-Website yang Ubiquitous

Tulisan ini akan memuat beberapa anjuran membuat blog / web yang ubiquitous menurut standar W3C (World Wide Web Consortium). Jika dimasukkan dalam lingkup ilmu kedokteran, mungkin terkait dengan consumer health informatics, medical informatics dan fisiologi (ergonomi)–terutama aksesibilitasnya.

Ubiquitous weblog / website maksudnya adalah situs web / blog yang dibuat sedemikian rupa hingga dapat diakses oleh siapa saja, kapan saja, dengan perangkat apa saja.

Yang membutuhkan ubiquitous weblog / website saat ini mungkin belum terlalu banyak, apalagi di Indonesia. Tapi bukan berarti dapat diabaikan, bukan?

Siapa saja? Kapan saja? Perangkat apa saja?

Siapa saja? Semua pengguna harusnya boleh dan dapat mengaksesnya. Mulai dari pengguna yang berkacamata minus, plus atau silinder. Hingga saudara-saudara kita yang buta warna dan dengan ketidakmampuan tertentu (people with disabilities). Hendaknya mereka dapat mengakses suatu situs web / blog dengan nyaman. Tanpa diskriminasi media informasi.

Kapan saja? Dengan ketersediaan jaringan Internet, situs web / blog dapat diakses kapan saja saat dibutuhkan. Baik sepanjang hari (24 jam), saat pengguna berada dalam kampus, kantor, rumah bahkan di perjalanan / dimana saja. Tentunya dengan bantuan perangkat teknologi mobil.

Perangkat apa saja? Pada komputer misalnya Internet Explorer (yang masih dominan penggunanya), Firefox, Opera, Netscape, Camino, Safari, Maxthon, Flock, SeaMonkey, dll. Pada perangkat mobil / bergerak (mobile) misalnya dikenal peramban Blazer, Opera Mini, Pocket Internet Explorer, Minimo, Safari, Blackberry Browser.

Jika ditambahkan faktor aksesibilitas, situs blog / web sebaiknya juga dapat diakses oleh perangkat yang belum bisa membaca javascript dengan baik. Mampu juga digunakan oleh pengguna yang memakai peramban atau perangkat pembaca bermoda suara (speech reader). Pengguna yang fakir berhemat atau pengguna Internet dengan biaya koneksi berbasis volume (volume-based)–dengan moda ‘berselancar tanpa gambar’ (disable images), hendaknya tetap mampu membaca halaman web / blog dengan nyaman tanpa kehilangan informasi yang ada.

Beberapa tips (untuk kebutuhan teknis; berstatus masih dalam pengembangan) yang dianjurkan dalam membuat halaman web / blog untuk akses mobil:

1. Lebar layar minimun 120 px (pixels) atau lebih baik menggunakan, misalnya width:90%[?] (fluid design)
2. Berbasis XHTML 1.1 Basic dengan tipe muatan (content type) application/xhtml+xml
3. Character encoding utf-8
4. Gambar berformat JPEG atau GIF 89a
5. Total ukuran suatu halaman maksimal 20 kilobytes
6. Warna minimal 256 colors
7. Mendukung CSS (Cascading Style Sheet) level 1 atau 2
8. Menggunakan HTTP1.0 atau HTTP1.1
9. Menghindari pemakaian script dan plugin tertentu yang berjalan di sisi pengguna
10. Jika terpaksa harus memuat script, gunakan onclick dibandingkan memakai onmouse atau onkey
11. Memberi atribut alt, width, height pada gambar atau tiap elemen img. Terutama mengantisipasi pengguna yang memilih berselancar dengan moda ‘hanya teks’ (text-only / disable images) untuk menghemat lebar pita (bandwidth) dan biaya koneksi Internet
12. Menggunakan judul laman (halaman awal) yang singkat, misalnya http://example.org dibandingkan http://example.org/index.html. Sehingga memudahkan mengetiknya dengan pena stylus atau pilihan entri lainnya (papan / alas tombol jari [keyboard / keypad of typewriter], papan ketik virtual)
13. Menggunakan judul halaman yang ramah pengguna (serta mesin pencari) seperti http://example.org/example dibandingkan http://example.org/example.html
14. Sebaiknya meletakkan taut navigasi yang mudah terlihat saat awal situs tampil seluruhnya
15. Memberi keterangan taut (bukan hanya sekadar ‘click here‘). Belum tentu semua taut aktif yang bertuliskan ‘click here’ menuju situs yang sama
16. Menghindari penggunaan pop-ups, pop-unders, gambar iklan yang besar
17. Mengusahakan scrolling hanya satu sisi (fluid design[?])
18. Menerapkan desain yang fleksibel (fluid design) pada width, font-size. Terutama pemanfaatan persentase dan ukuran relatif lainnya, seperti em, ex, bolder, larger, thick
19. Menghindari penggunaan elemen frame (frameset, iframe)
20. Mengujinya di emulator atau langsung di peramban mobilnya.

Selebihnya mengacu pada standar web dan aksesibilitas yang ada.

Nantinya kita dapat menguji validasi ubiquitous weblog dengan status ‘mobileOK’, tetapi masih dalam pengembangan.

Bacaan:

• W3C mobileOK Checker (versi Beta)
• Page Checker by ready.mobi (tes halaman web versi mobil)
• Mobile Web Best Practices 1.0
• W3C Ubiquitous Web Domain

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