Tugas Akhir IMK

Web www.presidenri.go.id adalah Situs Resmi Presiden Susilo Bambang Yudhoyono yang dikelola oleh Kantor Juru Bicara Kepresidenan. Berbagai informasi tentang kepresidenan dapat di peroleh dengan mengunjungi website ini. Diantaranya adalah Berita Utama mengenai kegiatan presiden Susilo pada hari tertentu. Selain itu dari situs ini kita juga bisa mengunjungi situs Ibu Ani Yudhoyono dan situs Istana Kepresidenan. Untuk kepentingan analisis web ini, maka dilakukan grab terhadap web ini pada tanggal 28 Mei 2008.

Berikut ini adalah pembahasan mengenai web www.presidenri.go.id yang dikelompokkan berdasarkan pada kelebihan dan kekurangan website ini. Selain itu, analisis juga berdasarkan pada konsep usability dari buku Jacob Nielsen. Secara garis besar website ini sudah cukup baik dalam menyajikan informasi kepada pengguna. Hanya saja terdapat beberapa hal ayng harus diperbaiki.

Tugas Akhir IMK

Kelebihan web www.presidenri.go.id:

1. Posisi logo dan nama organisasi pada web ini berada di bagian kanan atas menurut saya bukan suatu permasalahan, meskipun posisi logo dan nama organisasi yang menjadi ketentuan umum adalah di bagian kiri atas. Mungkin tujuan pengembang web ini meletakkan logo dan nama organisasi di posisi kanan atas supaya pengunjung dapat langsung mengerti bahwa web ini juga terhubung dengan web Istana negara dan web Ibu Ani Yudhoyono, dimana link kedua web ini berada di kanan atas. Selain itu juga, melihat dari kebiasaan user dimana arah kursor yang selalu berada dekat dengan scroll. Tampilan logo dan nama organisasi dapat dilihat pada gambar berikut.
2. Menu Bar pada web ini sudah konsisten antara halaman yang satu dengan yang lain. Seluruh Menu Bar pada situs ini mewakili link-link tertentu dengan jelas dan tidak menyesatkan pembaca. Menu Bar juga bisa disebut shortcuts karena aktivitas pengguna pada web ini menjadi cepat (tidak perlu mengetikkan alamat lagi). Berikut ini tampilan Menu bar:

3. Web ini cukup baik dalam penggunaan scrolling karena rata-rata hanya membutuhkan satu kali scrolling untuk menampilkan semua informasi yang ada pada setiap halaman.
4. Web ini telah menyajikan berita yang selalu ter-update. Setiap hari selalu ada berita terbaru selain mengenai aktivitas presiden Susilo Bambang Yudhoyono, juga mengenai kebijakan-kebijakannya. Akan tetapi tidak ada pemberitahuan jangka waktu meng-update berita-berita yang ada. Misalnya pada saat web ini mulai dianalisis yaitu tanggal 28 Mei 2008, web ini menampilkan berita tanggal 28 Mei 2008. Kondisi tersebut ditunjukkan oleh gambar berikut ini.

Tugas Akhir IMK

5. Web ini memiliki peta situs, yakni "outline" bagi halaman web dengan menunjukkan ide dan topik besar bersama-sama dengan subtopik yang terkandung di dalamnya. Web ini memiliki susunan halaman yang teratur serta link-link yang jelas sehingga pengunjung akan merasa nyaman saat menjelajahinya. Link untuk melihat peta situs web ini di tunjukkan oleh gambar berikut ini :


6. Secara umum layout web ini dapat dikatakan konsisten untuk setiap halaman. Pada setiap halaman, bagian atas berupa header dan menu-menu utama. Begitu pula dengan menu-menu yang terletak pada bagian sebelah kiri dan footer. Tiga bagian ini dapat dikatakan konsisten. Jika dilihat dari segi pewarnaan, maka web ini dapat dikatakan konsisten. Penggunaan warna latar belakang sama untuk setiap halaman, warna dan ukuran teks juga seragam dengan halaman yang lain.


7. Pengembang web ini dapat dikatakan cukup baik dalam menyiasati text image ini. Pada web ini, text image hanya digunakan untuk header . Menu utama dibuat dengan menggunakan teks HTML biasa. Jadi, misalkan pengguna mematikan fungsi load image pada browsernya, pengguna akan tetap dapat mengakses menu-menu utama yang ada di halaman web. Ketika fungsi load image dimatikan, maka pengguna 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 teks HTML biasa.
8. Penggunaan font dan warna pada web ini telah menggambarkan hierarki yang ada dalam web sehingga pengguna dapat membandingkan tingkat kepentingan informasi yang ada dalam web ini. Pengembang web ini telah membedakan warna dan ukuran huruf yang berbeda untuk menu bar, judul halaman, judul berita, navigasi yang ada di bagian tepi kiri, dan footer. Kondisi ini diperlihatkan oleh gambar berikut.

Tugas Akhir IMK

Kekurangan www.presidenri.go.id :

1. Pada web ini, tidak menerapkan fasilitas breadcrumb. Akan tetapi pengguna dapat mengetahui posisinya saat ini melalui judul dari setiap halaman. Kondisi ini diperlihatkan pada gambar di bawah ini :

2. Ternyata cara ini juga kurang efektif digunakan dalam web ini karena judul halaman ternyata tidak semuanya sesuai dengan menu yang sedang aktif saat ini. Misalnya pada saat pengguna meng-klik menu Beranda, ternyata judul halaman yang muncul adalah Berita Utama. Sedangkan Berita Utama merupakan menu yang berbeda dengan Beranda. Sebaiknya disesuaikan saja antara menu yang sedang aktif dengan judul halaman.

3. Pada web ini ada beberapa kekurangan dalam penggunaan link, yaitu :

-Link-link yang telah dikunjungi tidak berubah warnanya.

-Terdapat beberapa link yang warnanya tidak mengalami perubahan yang signifikan ketika di sorot dengan kursor (abu-abu muda) dengan kondisi sebelum disorot (abu-abu tua). Link tersebut ditunjukkan oleh gambar berikut :

Kurang konsisten dalam penggunaan garis bawah pada link. Ada link yang menggunakan garis bawah dan ada juga link yang tidakmenggunakan garis bawah.Terdapat link yang seperti text biasa. Kondisi ini ditunjukkan oleh gambar dibawah ini

4. Pada web ini, menu yang sedang aktif tidak mengalami perubahan. Kondisi menu tetap sama baik sebelum maupun sesudah di klik yaitu tetap berwarna biru tanpa ada perubahan yang jelas. Solusinya adalah : Mengubah warna menu yang sedang aktif. Misalnya menjadi warna merah dan Memberikan garis bawah pada menu yang sedang aktif

Tugas Akhir IMK

5. Seharusnya tanda “>>” dapat berperilaku seperti tanda “<<” dengan membuat link ke bulan berikutnya Atau cara lain hilangkan saja tanda “>>” pada saat bulan terakhir. Misalnya saat ini adalah bulan Mei, maka tanda “>>” lebih baik tidak perlu ada karena untuk bulan Juni dan seterusnya tidak ada arsip. Kesalahan ini memang kesalahan kecil, tapi dapat mengurangi kepercayaan pengguna terhadap web ini.

6. Fasilitas Paging kurang digunakan pada web ini. Ada beberapa halaman yang memaksakan scrolling sampai beberapa kali untuk menampilkan content dalam satu halaman. Sebaiknya web ini dapat memanfaatkan fasilitas paging untuk menghindari scrolling

7. Pada web ini ada satu kerancuan dalam pemilihan kata yaitu pada nama menu English Content. Saat pengguna melihat menu ini, asumsi awal mereka mungkin adalah perubahan bahasa seluruh content web dari bahasa Indonesia menjadi bahasa Inggris. Ternyata asumsi awal dari pengguna ini salah, menu tersebut tidak merubah seluruh bahasa content web menjadi bahasa Inggris. Hanya halaman English Content yang mencakup beberapa subtopik yaitu Speech, Press Conference, Interview & Column, dan Profile.

Tampilan kalimat pada header yang seharusnya mengalami perubahan dari segi bahasa saat diklik menu English Content :

8. Pada web ini, secara umum penggunaan White space sudah baik pada setiap halaman. Akan tetapi pada halaman Beranda white space kurang optimal penggunaanya. Dibagian atas white space sangat kurang, sehingga terkesan penuh. Sedangkan dibagian bawah halaman ini terdapat space kosong yang tidak digunakan untuk informasi apapun. Hendaknya bagian yang dilingkari pada gambar 12 dapat dipindahkan ke bagian yang di beri shape kotak merah. Sehingga dapat juga mengurangi scroll kebawah.

Tugas Akhir IMK

9. Fasilitas searching yang dimiliki oleh web ini memiliki banyak kekurangan yaitu :

- Search box panjangnya hanya sekitar 18 karakter. Hal ini akan terasa kurang jika kueri yang dimasukkan oleh pengguna cukup panjang. Sangat disarankan panjang search box adalah 27 karakter karena telah memenuhi 90% dari kueri pengguna.

-Posisi search pada halaman Beranda yang berada di bagian kiri bawah dan pengguna harus melakukan scrolling ke bawah untuk menemukan fasilitas ini. Sebaiknya search di letakkan di bagian kanan atas atau di bagian tepi kiri tetapi tidak perlu melakukan scrolling ke bawah untuk mendapatkannya

Proses pencarian dengan suatu query dapat menemukembalikan dokumen. Kondisi ini diperlihatkan pada gambar di bawah ini :

10. Terdapat beberapa kekurangan dalam pengimplementasian form dalam web ini yaitu:

-Cursor tidak otomatis berada pada field pertama form.

-Pada form terdapat tombol reset, seperti diperlihatkan pada gambar 15 di bawah ini :

Kekurangan-kekurangan tersebut dapat diperbaiki dengan cara berikut ini :

-Sebaiknya, cursor secara otomatis berada pada field pertama. Sehingga pengguna memperoleh kemudahan dengan tidak perlu mengklik field pertama tersebut saat menggunakan fasilitas kotak pesan ini.

-Tombol reset sebaiknya tidak di pakai karena tombol reset akan merugikan pengguna jika tiba-tiba pengguna tidak sengaja mengklik tombol tersebut, maka semua data yang telah diisinya akan hilang.

Tugas Akhir IMK

Kesimpulan

Sebelum mengembangkan sebuah web, sebaiknya kita harus memahami prinsip-prinsip usability. Agar web yang kita hasilkan sesuai dengan keinginan user. Tidak membingungkan user saat user menghadapi web kita. Tanpa memperhatikan aspek-aspek usability mungkin tampilan web kita cukup membosankan bagi pengguna dan akhirnya pengguna meninggalkan web kita.

Seperti yang di tuliskan oleh Jakob Nielsen dalam bukunya : Usability is a quality attribute that assesses how easy user interfaces are to use. The word "usability" also refers to methods for improving ease-of-use during the design process – Usability adalah suatu atribut kualitas yang mengukur tingkat kemudahan user interface untuk digunakan.

Jika dilihat dari sisi usability-nya, web Presiden RI mempunyai kelebihan dan kekurangan. Kelebihan dari web ini adalah : Logo dan nama web yang jelas, adanya peta situs, menu bar yang konsisten, scrolling yang efektif, content yang selalu di-update, kesesuaian font dan pewarnaan. Sedangkan kekurangannya diantaranya adalah tidak adanya breadcrumb, link yang pewarnaanya kurang baik, menu yang aktif tidak mengalami perubahan, tidak adanya paging ,dan kerancuan bahasa.

Dengan demikian, sebuah web yang bagus diantaranya memenuhi beberapa kriteria berikut ini :

· Logo dan nama perusahaan atau organisasi harus diberikan di header halaman web

· Peta Site (site-map) yang jelas

· Menu bar yang konsisten dan tidak menyesatkan

· Informasi yang disajikan menarik dan berbobot serta ter-up-date

· Menarik dan fast-loading

· Konsisten

· Memudahkan pengunjung misalnya dengan menyediakan fasilitas search

· Link yang relevan

· White space yang optimal penggunaannya

· Kesesuaian font dan pewarnaan

Saran

Laporan ini diharapkan dapat menjadi masukan bagi pengembang dalam mengembangkan web Presiden RI dengan tetap memperhatikan web usability-nya. Perbaikan seharusnya dapat dilakukan sesegera mungkin supaya professinalitas web dapat dipertahankan. Sehingga pengguna tetap meletakkan kepercayaan pada web ini.

Daftar Pustaka

Chak A. 2003. Submit Now. New Riders Publishing

Nielsen J. 2003. Introduction to Usability.

http://www.useit.com/alertbox/20030825.html

http://aferai.multiply.com/journal/item/9