Salah satu tantangan yang harus dihadapi seorang web designer adalah membuat desain web yang kompatibel di berbagai macam browser, resolusi layar monitor dan sistem operasi. Selain itu flash, javascript dan CSS juga ikut ambil bagian dalam masalah tampilan website anda.

"Sebagus dan semenarik apapun tampilan dan isi website anda, tapi apabila pengunjung merasa tidak nyaman membaca (Atau malah tidak bisa membaca!) karena keterbatasan browser yang mereka pakai, semuanya sia-sia..."

Untuk bagian pertama kita coba bahas resolusi layar, browser dan sistem operasi.

Resolusi Layar Monitor

Pernah lihat tulisan seperti ini pada sebuah website?

This website is best viewed in 1024x768 resolution

Website ini paling bagussss diliat di resolusi 1024x768, 1024 pixel pada lebar dan 768 pixel pada tinggi. Artinya apabila resolusi kita ganti menjadi lebih rendah (800x600 contohnya), mungkin sebagian tampilan website tertutup karena terlalu lebar, atau malah jadi hancur karena teknik wrapping yang tidak bagus.

Menurut saya, sekarang ini resolusi yang paling banyak digunakan adalah 1024x768. Tapi bukan berarti lantas anda mendesain web yang hanya bagus dilihat pada resolusi 1024x768. Ambil aman saja, dengan mendesainnya menjadi 800x600 compatible, karena masih ada yang menggunakan resolusi tersebut.

Kalaupun anda ingin mendesain dengan tampilan 1024x768, pastikan bagian yang tertutup pada website anda bukanlah tampilan yang penting seperti isi artikel yang sedang dibaca. Tentu menyusahkan apabila pengunjung harus menggeser scrollbar setiap kali ingin membaca kata-kata yang tertutup karena lebar layout website yang terlalu lebar.

Bagaimana dengan 640x480? Resolusi ini sepertinya sudah ditinggalkan, kecuali ada pengunjung website anda yang masih menggunakan OS keluaran di atas 10 tahun yang lalu.

Web Browser dan Sistem Operasi

Dengan browser apa anda memeriksa tampilan website anda?

Apakah Firefox?Firefox berapa? 2.0? 3.0?

Atau mungkin IE? IE5? IE6? IE7?

Opera? 8? 9?

Pernahkan anda mencoba menggunakan browser mini Opera untuk membuka website anda melalui Handphone? Apakah tampilannya baik-baik saja mengingat layar ponsel yang sedemikan kecilnya?

Apakah anda tahu, sistem operasi yang berbeda juga dapat menimbulkan tampilan yang berbeda pada website anda?

Oleh karena itulah, apabila anda web designer yang mengutamakan kenyamanan pengunjung, pasanglah semua browser demi keperluan ekseperimen. Semakin banyak semakin bagus. Apabila anda punya waktu, cobalah juga di berbagai macam sistem operasi, seperti linux dan mac OS.

Sekedar bahan referensi, mungkin anda bisa coba https://browsershots.org/ . Website ini dapat menampilkan tampilan website anda pada berbagai macam browser dan sistem operasi cukup dengan memasukkan alamat situs anda.

Lanjut ke bagian 2 (Flash, Javascript & CSS)

Artikel ini ditulis dengan susah payah oleh Nasyarobby NP. Penyebarluasan dan penyalinan artikel ini diperbolehkan apabila mencantumkan link balik ke website ini.

Bookmark | kirim ke teman | versi cetak