Feeds:
Posts
Comments

Archive for June, 2008

download

untuk membaca analisis lengkap web zonabola.com dalam format pdf klik di sini

Read Full Post »

Halaman utama merupakan halaman yang akan pertama kali dilihat oleh pengunjung ketika mereka masuk kedalam suatu website. Biasanya halaman utama berisikan tentang hal apa yang paling ingin diberitahukan oleh pengembang web kepada pengunjung mengenai web mereka. Serta menjadi panduan kepada pengunjung dalam pencarian informasi yang mereka butuhkan.

Ada beberapa hal yang dirasa kurang beserta perbaikkan yang dirasa perlu didalam halaman utama ini, diantaranya :

a.       Di halaman utama web ZonaBola menampilkan banyak sekali banner pada bagian atas web sehingga menambah panjang halaman web tersebut, alangkah baiknya banner iklan sebesar itu dipindahkan ke sebelah kanan bawah web yang masih terkesan kosong, atau malah mungkin dikurangi, sehingga pengunjung tidak perlu mematikan fungsi load image untuk mempercepat akses internet untuk mengunjungi web ini.

b.       Home button pada web ZonaBola ini adalah logo yang ada di kiri atas web ini. Apabila logo ZonaBola di hover maka akan terlihat bahwa logo tersebut adalah tombol. Penggunaan button seperti ini tidaklah lazim digunakan sehingga dapat membingungkan pengunjung. Pengunjung yang awam harus mencari-cari dahulu button ini atau malah mengabaikannya sehingga untuk kembali ke halaman muka setelah menjelajahi web ini pengunjung  harus menggunakan back button pada browser yang mereka gunakan dengan kata lain akan menambah effort dan waktu . Untuk mengatasi masalah ini seharusnya dibuat home button yang jelas di bawah logo seperti yang lazim digunakan.

c.        Penggunaan scrolling yang terlalu panjang dan pada halaman paling bawah tidak terdapat button untuk kembali ke atas sehingga pengunjung akan melakukan scrolling berulang-ulang hanya untuk melihat topik berita yang ada di halaman muka. Sebaiknya ditambahkan link paging pada halaman muka baik di atas maupun di bawah, dan pembatasan berita yang tadinya terdapat 14 topik berita pada halaman muka bisa di kurangi menjadi hanya 5 berita saja. Sehingga panjang halaman bisa diminimalkan.

d.       Searching adalah sebuah fitur yang memudahkan pengguna untuk menemukan informasi tertentu yang ada di web dengan mudah dan cepat. Pengguna hanya memasukkan beberapa kata sebagai kata kunci dan sistem web akan menampilkan halaman hasil yang sesuai dengan kata kunci. Penggunaan fitur ini tentu lebih menghemat waktu pengguna daripada harus browsing ke semua halaman web untuk mendapatkan informasi tertentu. Tetapi sangat disayangkan  tidak terdapat fitur searching pada web ini. Padahal searching merupakan salah satu fitur yang harus ada pada sebuah website.

Terdapat live oods yang menurut saya tidak berguna karena tampilan tersebut bersifat link yang muncul otomatis dan menampilkan hasil-hasil pertandingan yang terupdate tetapi ada kalanya kosong tidak terdapat apa-apa dan ada kalanya ada seperti dapat dilihat pada screen shoot di bawah. Padahal untuk meload fitur ini dibutuhkan waktu yang cukup lama dan cukup memberatkan untuk koneksi internet  dial-up, sehingga menurut saya fitur ini seharusnya ditiadakan saja karena memang cukup memakan halaman dan tidak terlalu berguna karena sudah terdapat fitur hasil pertandingan.

Read Full Post »

Link

Link halaman yang sedang dikunjungi tidak berubah sama sekali  sehingga membuat pengunjung bingung mereka sedang berada di halaman yang mana. Hal ini sangatlah penting bagi pengunjung agar mereka tidak tersesat di dalam situs sehingga waktu mereka tidak terbuang. Mestinya link yang  telah diklik diberi tanda untuk memberitahu kita berada di halaman mana walaupun telah diberikan kategori pada setiap topik berita.

Web ini  banyak mengunakan image sebagai link tetapi tidak memberikan penanda bahwa image tersebut adalah sebuah link atau bukan. Jadi pengunjung yang baru memasuki web ini tidak akan menyadari bahwa image tersebut merupakan link atau bukan sebelum mereka menghover mouse ke image tersebut. Karena ada juga image yang berukuran sama tapi dia bukan link .

Sebaiknya setiap image yang merupakan link diberikan penanda yang jelas bahwa image tersebut merupakan suatu link. Selain itu sebaiknya penggunaan image sebagai link sebaiknya dikurangi, jika cukup dengan mengunakan text gunakan text saja. Karena penggunaan image yang berlebihan ini akan banyak memakan tempat dan inilah yang menyebabkan setiap halaman menjadi terlalu panjang sehingga harus di scroll.

Adapun pewarnaan untuk sebuah text link juga membingungkan dapat dilihat pada gambar di atas pada text “Zona Spanyol” dan “Madrid Tawar CR7 seharga 1,36 Triliun!” pengunjung akan mengira kedua tulisan itu merupakan sebuah link padahal text “Zona Spanyol” bukan merupakan sebuah link melainkan hanya text biasa, hal tersebut baru bisa diketahui oleh pengunjung apabila text tersebut di hover, text yang merupakan link akan terdapat garis bawah dan yang bukan link tidak terjadi apa-apa. Hal ini seharusnya tidak perlu dilakukan karena akan cukup membingungkan pengunjung. Sehingga adapun baiknya text yang merupakan link, defaultnya sudah diberi garis bawah untuk membedakan dengan text biasa. Sama halnya seperti topik berita pada kolom Zona sang bintang dan Zona di balik berita. Pada awalnya hanya terlihat seperti topik berita biasa yang terdapat pada halaman bagian tengah, tetapi ketika kita hover maka baru ketahuan bahwa tulisan tersebut adalah sebuah link karena muncul garis bawah dan text berubah warna.

Read Full Post »

Breadcrumb digunakan untuk menginformasikan kepada pengguna mengenai posisi mereka saat ini. Dengan menggunakan breadcrumb, pengguna juga dapat menelusuri path yang telah dilaluinya sampai berada di posisi saat ini sehingga pengguna  dengan mudah dapat kembali ke halaman sebelumnya. Pada web ini sudah terdapat breadcrumb, yang menurut saya sudah tepat tetapi tetap saja tidak diberi warna berbeda dengan text biasa sehingga pengunjung tidak mengetahui kalau text tersebut merupakan breadcrumb sebelum di hover terlebih dahulu. Seharusnya breadcrumb diberi warna yang berbeda atau setidaknya diberi garis bawah agar membedakan dengan text yang lain.

Read Full Post »

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.

Read Full Post »

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.

Read Full Post »

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.

Read Full Post »

Older Posts »