Web yang saya analisis merupakan web pemerintahan provinsi Riau. Web ini mempunyai nama domain www.riauprovince.com. Untuk analisi secara jelas dan terinci, anda bisa mendownload dokumen ini laporan-akhir. Berikut analisisnya secara singkat:

1. Nama Domain

Akhiran domain .com mengidentifikasikan bahwa Website ini merupakan suatu perusahaan (com=company). Tetapi sebenarnya Web ini merupakan Web pemerintahan yang seharusnya menggunakan akhiran go.id yang berarti government yang berlokasi di Indonesia. Dari segi nama, riauprovince.com mudah diingat oleh user. Penamaan yang menggunakan bahasa inggris konsisten dengan isi Web yang seluruhnya juga menggunakan bahasa inggris.

2. Pengguna Web (user)

a. Pengguna khusus Web ini didominasi oleh investor, pegawai pemerintahan dan pengusaha (baik dalam maupun luar negeri) yang memiliki rentang umur 25 – 60 tahun. Para investor dan pengusaha biasanya memerlukan informasi mengenai prospek daerah mulai dari keaadaan ekonomi, pertahanan, sosial dan keadaan geografis.

b. Pengguna Web secara umum adalah masyarakat luas.

3. Penulisan Format Waktu

Web ini juga salah dalam penulisan format waktu. Menurut http://www.w3.org/TR/NOTE-datetime, penulisan format waktu jam, menit dan detik yang disertai tanggal yang benar adalah YYYY-MM-DDThh:mm:ssTZD. Dimana hh adalah jam, mm adalah menit, ss adalah detik, TZD = time zone designator (Z or +hh:mm or -hh:mm). Jadi penulisan waktu pada contoh gambar a1 adalah 2001-08-05T09:33:25+07.00. Sebaiknya waktu pembuatan (modified ) Web site tidak perlu ditampilkan pada halaman Web. Penanggalan dan waktu sebaiknya dicantumkan pada sebuah berita sebagai informasi waktu upload.

4. Tampilan Web

Salah satu ciri web yang baik adalah tampilannya yang konsisten diberbagai web browser. Web ini mempuyai penampilan yang berbeda jika dilihat dari browser IE dan Mozilla. Perbedaan yang tampak akan diuraikan lebih lanjut pada bab dibawah ini. Gambar dibawah merupakan tampilan web ini yang dibuka dengan 2 web Browser yang berbeda. gambar sebelah kiri dibuka melalui IE sedangkan sebelah kanan dibuka melalui Mozilla.

5. Penggunaan Format PNG dan GIF

Web ini banyak menggunakan format gambar GIF. Banyak diantara gambar yang tidak dapat tampil pada browser Mozilla. Sebaiknya gambar yang digunakan bertype PNG yang mempunyai kerapatan paling bagus.

6. Ukuran Monitor dan Resolusi

Web ini dibuat pada resolusi 800 x 600 pixel. Ukuran ini termasuk ukuran yang umum yang banyak dipakai oleh penguna internet (lebih dari 90% pengguna menggunakan ukuran 800 x 600, 1280 x 1024 pixel menurut buku Galitz). Tapi penggunaan ukuran ini ternyata membuat user harus mengunakan scroll. Tapi untuk kedepannya penggunaan ukuran layar web ini harus diubah seiring dengan perubahan layar monitor yang terus berkembang

7. Peta Site (Site Map)

Web pemerintahan ini mempunyai hirarki yang sangat buruk. Banyak menu yang bisa mengakses halaman yang sama. Contohnya saja halaman tourism. Begitu juga dalam pengelompokkan link yang sangat tidak teratur. Banyak link yang dijadikan menu. Topik ini akan dibahas lebih lanjut pada bahasan Menu dan Link.

8. Penggunaan Scroll

Web ini menggunakan scroll vertical untuk banner yang menyatu dengan menu (jika dibuka melalui IE). Kesalahan lainnya bisa dilihat jika kita membuka melalui IE. Seharusnya scroll yang terdapat di jendela IE di disable saja untuk menghindari kebingungan user untuk menentukan mana scroll yang seharusnya dipakai. Web ini sama sekali tidak menggunakan scroll horizontal sehingga tidak akan meyulitkan user dalam membaca tulisan dari kiri ke kanan.

9. Format Penulisan dan Panjang Kata

a. Penggunaan rata teks yang salah sehingga menyulitkan user dalam membaca.

b. Penggunaan kata yang lebih dari sepuluh dalam satu baris.

c. Judul tulisan yang digarisbawahi menyerupai link.

10. Logo dan Tag Line

a. Logo hanya ada pada homepage.

b. Peletakan logo yang salah (tidak dibagian kiri atas).

c. Logo hanya bisa dilihat dari IE.

d. Penggunaan animasi pada logo menyebabkan logo terlihat seperti sebuah iklan.

e. Tidak menyertakan tagline sehingga tujuan web kurang tergambar.

11. Penggunaan Animasi

a. Minim dalam penggunaan animasi.

b. Penggunaan animasi yang kurang tepat yaitu pada logo.

c. Tidak memberikan animasi video sehingga tidak menyulitkan waktu akses pengguna.

12. Page Names

a. Judul halaman yang tidak relevan dengan apa yang diklik oleh user.

b. Judul halaman yang tidak sesuai (not match) dengan judul yang ditampilkan pada browser.

13. Banner

a. Banner kurang menarik dan terlalu simple. Sehingga menambah kesan mati pada homepage.

b. Banner pada Web yang tidak konsisten. Setiap menu pada Web ini mempunyai banner yang berbeda-beda. Perbedaan tampilan banner tampak jelas ketika kita menggunakan Mozilla dan IE. Terlebih lagi ada sebuah halaman yang sama sekali tidak bisa memunculkan banner baik dilihat melalui IE maupun Mozilla dan yang terlihat hanyalah tombol seperti gambar. Tidak jelas apakah gambar ini tidak disimpan di server ataukah memang tidak bisa ditampilkan oleh browser.

14. Fungsi Search

Web ini tidak mempunyai fungsi search disetiap halamannya. Sehingga menyulitkan pengguna untuk melakukan pencarian. Walaupun web ini mempunyai halaman yang kurang dari 100, tapi hirarki halaman yang buruk dapat membuat pengguna lupa posisi dan tata letak dari kata atau sesuatu yang akan ia (pengguna) cari.

15. Ruang Komentar

Web ini tidak mempunyai ruang komentar, chat, forum dan sebagainya sebagai feedback kepada pengguna. Sehingga Web ini semakin terlihat tidak interaktif.

16. Gambar yang bisa di klik

Kesalahan web ini adalah menjadikan gambar gubernur sebagai link ke sebuah halaman. Hal ini salah karena pada dasarnya gambar bukan merupakan sebuah link.

17. Frame yang TIdak Konsisten

Hampir semua halaman pada web ini tidak mempunyai tampilan frame yang konsisten. Hampir setiap halaman mempunyai tampilan frame yang berbeda dengan halaman lainnya.

18. Kontent (isi)

a. Seluruh isi dari web ini menggunakan bahasa inggris sebagai bahasa pengantar.

b. Seluruh isi dari web ini juga tidak pernah di update. Hal ini bisa dilihat nama pejabat-pejabat yang ditampilkan.

c. Isi web ini menitikberatkan pada letak geografis, potensi daerah dan pariwisat Riau.

d. Web ini tidak mencantumkan email admin ataupun alamat lainnya yang bisa dihubungi. Tidak adanya alamat yang bisa dihubungi akan menimbulkan rasa kurang percaya pengguna terhadap isi web.

e. Isi halaman yang sama pada menu yang berbeda.

19. Typografi

a. Font (jenis, ukuran, warna) yang digunakan pada web ini tidak konsisten. Tampilan huruf pada IE berbeda dengan tampilan Mozilla.

b. Jenis font yang dipilih juga kurang tepat untuk jenis website pemerintahan.

c. Penggunaan leading yang terlalu mepet. Anatar baris sebelum dan sesudahnya terlalu kecil sehingga tulisan tanpak tertumpuk-tumpuk.

d. Penggunaan dua huruf yang berbeda pada web ini akan menyebabkan web terlihat tidak rapi.

e. Penggunaan uppercase yang bercampur dengan huruf kecil membuat tulisan sulit untuk dibaca.

f. Kurang mempertimbangkan user yang yangmempunyai cacat mata (buta warna).

20. Footer

a. Tidak semua halaman mempunyai footer.

b. Tampilan footer yang berbeda dari IE dan Mozila.

c. Peletakan footer yang tidak pada tempatnya.

d. Footer hanya mengandung copyright.

21. Breadcrumbs dan “You Are Here”

a. Web ini tidak mempunyai breadcrubms sehingga user sulit untuk kembali ke halaman sebelumnya, terlebih lagi tombol home yang tidak bisa berfungsi dengan maksimal.

b. Indikator “You Are Here” yang tidak telihat dengan jelas.

22. Navigasi dan Link

a. Perancangan navigasi yang buruk dan tidak konsisten.

b. Menu yang dibuat menyerupai link.

c. Penggunaan warna link yang tidak standar (pada IE).

d. Link yang tidak berubah setelah dikunjungi (pada IE).

e. Penulisan navigasi (menu) yang menyerupai slogan.

f. Penggunaan menu kiri dan kanan yang kurang tepat.

g. Hirarki web yang sangat buruk. Banyak halaman yang redundant dan dapat diakses dari menu yang berbeda tapi isinya sama.

h. Pewarnaan header yang tidak konsisten.

i. Pengelompokkan link yang tidak teratur.

j. Identitas (nama link) yang kurang baik.

23. Halaman Under Construction

Web ini mempunyai banyak halaman under construction. Navigasi yang tampilkan pada halaman ini tidak bisa berfungsi secara maksimal (halaman ini ditandai dengan tombol back yang tidak bisa mengembalikan pengguna kehalaman sebelumnya jika di buka melalui Mozilla)  dan tombol menu yang menuju halaman ini tidak di disable.

24. Adversiting dan Pop-up

Web ini tidak mempuyai advertise dan Pop-up yang menganggu pandangan pengguna.

25. Keefektifan Penggunaan Halaman (White Space)

Web ini kurang efektif dalam baik dalam pemanfaatan halaman kosong (white space). Banyak halaman yang hanya berisi beberapa kalimat saja sehingga terkesan sis-sia dan mubazir.

26. Urutan Sub Menu

Sub menu diletakkan tidak berdasarkan urutan abjad. Sehingga menyulitkan user jika menu yang diberikan banyak.

27. Pengaturan Gambar

Peletakan gambar pada web ini sangat berantakan dan tidak mempertimbangkan unsur estetika dan keindahan. Banyak gambar yang diletakkan tidak seimbang dengan tulisan. Tapi gambar yang ditampilkan dalam web ini cukup bisa mewakili isi dari sebuah tulisan. Gambar yang digunakan mempunyai ukuran yang kecil. Hal ini menguntungkan user dari segi lama (waktu) pendownloadan.

28. Pengaturan Posisi Menu

Penempatan menu pada web ini tidak strategis. Seharusnya menu utama diletakkan dibagian atas agar mudah tertangkakp oleh mata pengguna. Kesalahan lain dari web ini adalah posisi menu yang diletakkan diatas footer sehingga sulit untuk ditangkap oleh mata pengguna.

29. Membuka Window Baru

a. Banyak menu pada web ini yang jika di klik akan membuka jendela (Window) baru.

b. Terkadang ada menu yang mengantar user ke web lain.

30. Peta

Peta yang ditampilkan pada web ini mempunyai banyak kekurangan. Anatar lain:

a. Tidak memiliki arah mata angin.

Mata angin diperlukan user untuk mengetahui posisi daerah terhadap bumi.

b. Tidak mencantumkan skala.

Tidak adanya skala pada peta akan mempersulit user untuk memprediksi luas suatu bagian daerah pada peta. Sebaiknya Web ini memberikan skala pada peta. Skala yang digunakan bisa berupa angka maupun grafik. Tapi sebaiknya skala yang digunakan berupa grafik agar mempermudah user dalam perbandingan gambar dengan ukuran yang sebenarnya.

c. Tidak menyediakan legenda.

Penggunaan legenda akan mempermudah user untuk mengetahui kota kota kecil yang ada dipeta. Tanpa adanya legenda user sulit untuk menerjemahkan simbol-simbol yang ada dipeta seperti simbol pesawat dan garis batas suatu wilayah.

d. Peta yang terlalu kecil.

Ukuran peta yang ditampilkan relative kecil dan terlihat seperti screenshoot. Sehingga user sulit untuk mengetahui batas-batas suatu daerah.

31. Penggunaan Flash dan PDF

Web ini tidak menggunakan flash ataupun dokumen yang bertype PDF sehingga mempermudah pengguna dalam waktu pengaksesan web.

32. Efek 2D yang berlebihan

Pemakaian border pada paragraf dan gambar dalam suatu halaman memberatkan pandangan pengguna dalam membaca.

33. Kombinasi Warna

Warna dasar yang digunakan pada web ini adalah hijau. Warna ini cukup mewakili identitas provinsi Riau yang identik dengan warna hiaju. Tapi kombinasi warna ini membuat web terlihat kaku dan ‘mati’.

Saran


  1. Penggunaan akhiran domain menjad .go.id
  2. Perubahanformat penulisan waktu mengikuti standar internasional.
  3. Mempertimbangkan penampilan web untuk berbagai browser agar tetap konsisten.
  4. Menggunakan format PNG pada gambar.
  5. Perubahan resolusi layar web menjadi 1280 x 1024 pixel.
  6. Perancangan struktur web yang lebih teratur lagi.
  7. Menghindari penggunan scroll horizontal dan vertical.
  8. Optimasi penggunaan dan panjang kata dalam satu baris.
  9. Penggunaan logo pada tiap halaman dan diletakkan pada posisi teratas sebelah kiri.
  10. Penggunaan tagline.
  11. Pengunaan font yang sesuai dan konsisten.
  12. Page name yang konsisten dan sesuai.
  13. Perubahan banner yang lebih menarik lagi.
  14. Perubahan desain web, baik dari segi pengaturan tempat hingga pemilihan warna.
  15. Penggunan sedikit animasi tapi tidak mengangu penglihatan dan konsentrasi pengguna.
  16. Meletakkan fungsi pencarian pada bagian atas.
  17. Memberikan ruang feedback dan alamat email admin (alamat yangbisa dihubungi) sebagai bentuk komunikasi dengan pengguna.
  18. Penggunaan breadcrumbs.

Gambar dibawah ini merupakan rekomendasi untuk web yang saya analisis.