Feeds:
Posts
Comments

Screen Resolution

Salah satu hal penting yang harus diperhatikan oleh pengembang web adalah mengenai lebar (width) halaman web. Statistik menunjukkan bahwa kebanyakan komputer pengguna saat ini memiliki resolusi 800 x 600 atau 1024 x 768 piksel. Kecenderungan saat ini menunjukkan bahwa resolusi 1024 x 768 piksel akan menjadi resolusi yang paling kecil di masa mendatang. Jika lebar dari halaman web melebihi resolusi komputer pengguna, maka ketika pengguna mengakses halaman web, pengguna harus melakukan scrolling ke samping untuk melihat seluruh konten. Hal ini tentu saja kurang bagus karena pengguna membutuhkan usaha yang lebih untuk mendapatkan informasi dari web. Bisa-bisa, bukannya tetap mencoba scrolling ke samping, tetapi pengguna malah memilih untuk meninggalkan web. Kalau sudah begini, perusahaan juga yang menanggung kerugiannya.

Sebagian pengembang menyiasati masalah ini dengan membuat lebar halaman web sesuai dengan ukuran terkecil resolusi monitor saat ini yaitu 800 piksel atau lebih kecil dari itu. Harapannya adalah agar semua komputer pengguna dapat menampilkan halaman web tanpa harus scrolling ke samping. Akan tetapi, dengan lebar halaman yang hanya 800 piksel tentu tidak banyak informasi yang dapat disampaikan. Selain itu, akan mubazir jika komputer pengguna yang mengakses web memiliki resolusi tinggi (lebih besar dari 800 x 600 piksel) karena halaman web yang ditampilkan tetap dengan lebar 800 piksel. Cara lainnya yang digunakan pengembang adalah dengan menggunakan ukuran yang dinamis. Lebar halaman web didefenisikan dengan menggunakan ukuran persentase. Misalnya, jika lebar halaman didefenikan 90% maka ketika dibuka pada komputer dengan resolusi berapapun, maka lebar halamannya akan memenuhi 90% dari lebar layar. Cara ini tentu lebih baik karena tidak bergantung kepada resolusi komputer pengguna. Selain itu, penyampaian informasi pada halaman web juga menjadi lebih efektif karena jika resolusi komputer pengguna tinggi, maka informasi yang akan ditampilkan juga lebih banyak. Jika komputer pengguna memiliki resolusi rendah, maka informasi pada halaman web tetap tersaji dengan baik karena tidak ada scrolling ke samping.

Pada web ZonaBola telah dicantumkan resolusi minimal agar web ini terlihat dengan baik pada bagian paling bawah setiap halaman yaitu 1024 x 768 piksel hal tersebut digunakan untuk memberitahu pengunjung agar nyaman untuk membuka dan menjelajahi web ini, karena jika menggunakan resolusi 800 x 600 akan terjadi penambahan scrolling ke bawah sehingga menambah effort pengunjung yang pada kondisi 1024 x 768 saja sudah sangat banyak membutuhkan scrolling untuk melihat keseluruhan topik berita yang ada pada halaman utama.

White Space

White space adalah bagian halaman web yang tidak memiliki text atau ilustrasi apapun. White space sangat penting dalam perancangan halaman web karena memudahkan pengguna untuk memproses informasi dengan baik. Sebuah web yang memiliki sedikit white space akan menyulitkan pengguna untuk mengidentifikasi informasi yang penting. Sebaliknya, penggunaan white space yang terlalu banyak juga kurang bagus karena halaman web akan terkesan kosong. Pengembang web harus menyeimbangkan proporsi white space dengan konten yang ada, artinya white space jangan terlalu sedikit tetapi juga tidak terlalu banyak sehingga pengelompokan informasi dapat dilakukan dengan baik.

Pada website ini sangat terlihat sedikit white space karena banyak terisi oleh iklan dan topik berita yang terkesan bertumpuk sehingga membingungkan. Terlihat juga pada halaman bawah terdapat space kosong yang tidak digunakan di tengah dan kanan halaman. Oleh sebab itu sebaiknya lebih dioptimalkan lagi peletakan space kosong agar pengunjung tidak bingung, sehingga dapat memudahkan pengunjung untuk mencari informasi yang mereka cari.

Text Image

Text image biasanya digunakan oleh pengembang web untuk membuat tombol. Text image biasanya juga digunakan untuk membuat fontfont yang tidak standar di web browser sehingga hal-hal yang berkenaan dengan browser compatibility dapat diatasi. Walaupun penggunaan text image dapat mengatasi masalah browser compatibility, penggunaan text image menimbulkan beberapa masalah, antara lain :

a.  File gambar dapat menyebabkan pembengkakan ukuran file. Sebagian besar pengguna web di dunia masih menggunakan koneksi dial-up dan tidak sabar jika loading dari web yang dibuka sangat lambat. Hal ini menyebabkan pengguna akan meninggalkan web sebelum loadingnya selesai.

b. Text berbasis gambar tidak dapat diakses dengan menggunakan fitur searching.

c. Text berbasis gambar tidak dapat dipilih sehingga pengguna tidak mungkin melakukan copy and paste.

d. Text berbasis gambar tidak dapat diubah ukurannya, padahal sebagian pengguna melakukan perubahan ukuran pada browsernya agar lebih mudah membaca informasi yang ada di web.

e. Screen reader tidak dapat membaca text yang berbasis text.

f.  Informasi yang ditampilkan dengan menggunakan text berbasis gambar tidak akan muncul jika pengguna mematikan pilihan load image pada browsernya. Sebagian pengguna mematikan pilihan load image karena alasan koneksi. Jika image tidak diload maka halaman web akan ditampilkan lebih cepat dan bandwidth yang digunakan akan jauh lebih hemat; terutama untuk pengguna yang mengakses web dengan koneksi yang mengharuskannya membayar per- kb terhadap bandwidth yang digunakannya.

Pengembang web ZonaBola dapat dikatakan cukup baik dalam  menyiasati text image ini. Pada web ini, text image hanya digunakan untuk header tetapi kurang seimbang karena bagian kanan bawah halaman masih terlihat white space yang cukup banyak. Menu utama dibuat dengan menggunakan text HTML biasa dan ditambah dengan fungsi-fungsi yang ada di file CSS. Jadi, misalkan pengunjung mematikan fungsi load image pada browsernya, pengunjung akan tetap dapat mengakses menu-menu utama yang ada di halaman web. Ketika fungsi load image dimatikan, maka pengunjung tidak akan melihat header pada menu kiri dan kanan karena dibuat dari text image. Akan tetapi, hal ini tidak terlalu bermasalah karena menu-menu yang ada tetap dapat diakses karena dibuat dari text HTML biasa. Selain itu, informasi-informasi penting yang ada di halaman web dapat diakses dengan menggunakan  fungsi screen reader. Pengunjung juga dapat melakukan copy and paste terhadap informasi-informasi yang mereka anggap penting.

Relative Spesification

J. Nielsen menyarankan agar ukuran text menggunakan sebuah skema ukuran relatif (misalnya menggunakan persentase) dibandingkan memberikan ukuran tetap. Contohnya, penggunaan ukuran headline text 140% lebih baik dari penggunaan ukuran headline text 14-point type. Jika ukuran yang digunakan adalah ukuran 140%, maka headline akan tetap terlihat lebih besar dari text yang lain seandainya pengguna memperbesar tampilan text. Sebagian pengembang web menggunakan unit pengukuran mutlak untuk menentukan ukuran text yang digunakan. Hal ini menyebabkan pengguna tidak mungkin mengubah ukuran text. Ukuran text yang tidak bisa diubah akan menyebabkan sebagian pengguna sulit untuk membaca informasi yang ada di web. Ukuran text pada web ZonaBola masih menggunakan ukuran point-type yang ditulis pada file CSS.

Text Berjalan

Pada bagian digunakan text berjalan untuk menampilkan hasil-hasil pertandingan yang telah berlangsung. Gambar di bawah ini memperlihatkan text berjalan yang terdapat pada sebelah kanan halaman utama :

Pengembang menggunakan text berjalan mungkin untuk menarik perhatian pengguna atau untuk membuat tampilan web menjadi lebih menarik. Di lain pihak, pengguna biasanya menganggap bahwa text berjalan adalah sesuatu yang tidak penting (iklan dan sejenisnya) sehingga mereka mengabaikannya. Penggunaan text berjalan juga menyulitkan pengguna untuk mendapatkan informasi karena mereka harus menunggu sampai semua text ditampilkan. Jika ada informasi yang terlewat, maka mereka harus menunggu sampai text berjalan tersebut looping kembali. Hal ini akan membuat pengguna bosan sehingga mengabaikan informasi yang disampaikan,  merupakan salah satu hal yang penting pada web. Tetapi moving text pada web ZonaBola ini sudah disiasati, apabila kita meng-hover moving text ini maka moving text tersebut akan berhenti dan itu menurut penulis sudah cukup bagus daripada tidak merespon apa-apa ketika kita hover sehingga pengunjung tidak menunggu lama waktu looping untuk melihat hasil pertandingan tertentu.

Zona SMS

Di  halaman ini pun saya bingung mengenai apa isi dari halaman ini karena hanya terdapat tulisan yang menyerupai link tetapi bukan link yang bertuliskan “SMS Bola” dan tidak terdapat konten apapun, mungkin lebih baik halaman ini diganti dengan halaman lain yang lebih berguna dan menawarkan sesuatu yang lebih kepada pengunjung.

Penempatan Menu Utama

Urutan fokus mata pengunjung dalam mengamati sesuatu dimulai dari bagian atas, kiri, kanan, dan terakhir adalah bagian bawah. Merujuk pada fakta ini, maka penempatan informasi paling penting yaitu menu, sebaiknya diletakkan pada bagian atas karena menu merupakan ide pokok yang mengetengahkan informasi utama yang dimiliki oleh sebuah web. Peletakan menu utama pada web ZonaBola dapat dikatakan kurang tepat karena pada bagian paling atas adalah banner iklan yang cukup besar kemudian baru di bawahnya terdapat menu utama, pengunjung menjadi kurang fokus pada menu utama karena space iklan yang cukup besar di bagian atas halaman.