LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008. Kajian Situs (Tanggal Akses: 5 Juni 2008)

Transkripsi

1 LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs (Tanggal Akses: 5 Juni 2008) oleh: Muthia Aziza G ( INSTITUT PERTANIAN BOGOR 2008

2 Bab 1 Pendahuluan Web Usability Seringkali para pembuat web atau situs, terlalu memperhatikan masalah keindahan situs sehingga tidak terlalu peduli apakah user nyaman dan tidak kebingungan dengan situs yang mereka buat. Hal itu membuat user tidak betah berlama-lama dengan situs tersebut sehingga segera meninggalkan situs dan tidak akan pernah kembali mengunjungi situs itu lagi. Salah satu faktor penting dalam pembuatan web adalah web usability. Para pembuat web/pengembang haruslah paham mengenai prinsip-prinsip usability sehingga mampu menghasilkan web yang baik. Usability adalah ukuran sebuah antarmuka yang dinilai dari kinerja, tingkat kesalahan yang dilakukan user, tingkat pembelajaran user, ingatan, dan kepuasan user (Jakob Nielsen dan Hoa Loranger, 2006). Usability didefenisikan melalui lima komponen, yaitu : a. Learnability Learnability menjelaskan tingkat kemudahan pengguna untuk memenuhi task-task dasar ketika pertama kali mereka melihat/menggunakan hasil perancangan. b. Efficiency Efficiency menjelaskan tingkat kecepatan pengguna dalam menyelesaikan task-task setelah mereka mempelajari hasil perancangan. c. Memorability Memorability menjelaskan tingkat kemudahan pengguna dalam menggunakan rancangan dengan baik, setelah beberapa lama tidak menggunakannya. d. Errors Errors menjelaskan jumlah error yang dilakukan oleh pengguna, tingkat kejengkelan terhadap error dan cara memperbaiki error. e. Satisfaction Satisfaction menjelaskan tingkat kepuasan pengguna dalam menggunakan rancangan. Sebuah web dengan usability yang buruk akan ditinggalkan oleh penggunanya. Berikut ini adalah beberapa kondisi yang akan membuat pengguna meninggalkan sebuah web : - Web sulit digunakan. - Homepage tidak menjelaskan tentang apa yang ditawarkan oleh perusahaan dan apa saja yang dapat dilakukan oleh pengguna pada web tersebut. - Pengguna mendapatkan adanya kesalahan pada web. - Informasi web sulit dibaca dan tidak mampu menjawab pertanyaan-pertanyaan pengguna. Pada tulisan ini akan dibahas usability pada web Garuda Indonesia. Web Garuda Indonesia Garuda Indonesia merupakan perusahaan pesawat terbang milik Pemerintah Indonesia. Garuda Indonesia menyediakan penerbangan untuk ke dalam dan ke luar negeri. Seperti perusahaanperusahaan lainnya, Garuda Indonesia juga memiliki website untuk mengembangkan dan memperkenalkan perusahaannya kepada khalayak umum. Web Garuda Indonesia beralamat di

3 Secara umum tujuan web Garuda Indonesia ini adalah untuk memudahkan pengguna, khususnya calon penumpang Garuda Indonesia untuk melakukan pemesanan tiket secara on-line juga untuk melihat jadwal dan bangku yang tersedia untuk kota keberangkatan dan kota tujuan tertentu. Namun web ini juga diperuntukkan bagi pengguna yang hanya ingin sekedar mencari informasi tentang Garuda Indonesia.

4 Bab 2 Pembahasan Analisis Web Garuda Indonesia Analisis terhadap web Garuda Indonesia yang dilakukan dengan menganalisis penerapan kaidah web usability berlandaskan pada buku Prioritizing Web Usability karangan Jakob Nielsen dan Hoa Loranger. Di dalam buku ini, ada dua belas poin penting yang harus dicermati dalam mendesain dan membangun sebuah website, yaitu : 1. Nothing to Hide 2. The Web User Experience 3. Revisiting Early Web Usability Findings 4. Prioritizing Your Usability Problems 5. Search 6. Navigation and Information Architecture 7. Readability & Legibility 8. Writing for the Web 9. Providing Good Product Information 10. Presenting Page Elements 11. Balancing Technology with People's Needs 12. Design That Works Pembahasan pada laporan ini tidak dikelompokkan berdasarkan dua belas poin di atas. Pembahasan akan dikelompokkan berdasarkan sub-poin dari tiap-tiap poin sesuai dengan kondisi yang ditemukan pada web Garuda Indonesia.

5 Tampilan Halaman Utama Web Garuda Indonesia Logo dan Nama Perusahaan Logo dan nama perusahaan merupakan identitas utama dari sebuah web yang menggambarkan perusahaan tersebut. Logo dan nama perusahaan sebaiknya diletak-kan di sebelah kiri atas hala-man web dan ukurannya jangan terlalu besar juga jangan terlalu kecil sehingga jika ada gambar lain yang lebih besar akan membingungkan user. Seperti web Garuda Indonesia ini agak membingungkan yang mana sebenarnya logo perusahaan tersebut karena gambar logo dan nama perusahaan lebih kecil jika dibandingkan dengan gambar dan tulisan e-travel dibawahnya. Kemudian juga logo web yang ada di sebelah alamat web bukan logo Garuda Indonesia melainkan logo huruf e seperti pada tulisan etravel. Fasilitas Search Fasilitas search atau pencarian sangat penting dan harus ada di setiap web untuk mempermudah pengguna dalam mencari informasi yang dibutuhkan. Fasilitas search memungkinkan pengguna untuk mencari informasi yang dibutuhkan cukup dengan mengetikkan atau memasukkan

6 kata kunci untuk informasi yang dibutuhkan. Jadi pengguna tidak perlu mengecek satu per satu halaman untuk mencari satu informasi. Dengan adanya fasilitas search akan meringankan dan mempercepat pekerjaan pengguna. Dalam web Garuda Indonesia ini tidak menyediakan fasilitas search sehingga pengguna akan kesulitan untuk mencari informasi. Walaupun mungkin tujuan utama web ini untuk memesan tiket secara on-line dan form pemesanan tiket langsung ditampilkan saat pertama kali membuka web ini, tetapi jika pengguna ingin mencari informasi mengenai hal lainnya (seperti berapa berat bawaan maksimal yang boleh dibawa atau yang lainnya), pengguna akan menemukan kesulitan dan memakan banyak waktu karena harus mencari satu per-satu di setiap menu yang ada pada web ini. Teks yang Menyerupai Link Umumnya jika ada teks yang berwarna biru atau teks yang digaris bawahi, pengguna akan menyimpulkan bahwa teks tersebut adalah link menuju halaman lain. Pada salah satu halaman dalam web Garuda Indonesia ini ( terdapat teks yang menyerupai link. Terdapat teks berwarna biru dan teks yang digaris bawahi seperti yang terlihat pada gambar disamping ini. Hal ini akan membuat pengguna salah mengira bahwa teks tersebut adalah sebuah link yang akan membawa pengguna menuju halaman lain. Tetapi sebenarnya teks ini adalah teks biasa, bukanlah sebuah link. Jadi sebaiknya jika ada tulisan yang ingin ditekankan agar pengguna membacanya cukup diberi font style bold saja dan sebaiknya jangan berwarna biru. Link Menurut Jakob Nielsen dan Hoa Loranger, link adalah faktor kunci proses navigasi yang membantu pengguna menunjukkan halaman mana yang pernah dikunjungi oleh pengguna, dimana keberadaannya sekarang, dan yang mana saja yang bisa diakses (link menuju halaman lain) oleh pengguna. Pengguna mungkin saja tidak akan mau mengakses lagi link yang tidak membuahkan hasil bagi mereka sebelumnya. Sebaliknya, mereka mungkin saja mengunjungi kembali link yang telah mereka kunjungi sebelumnya jika link tersebut membantu mereka. Yang paling penting adalah ketika pengguna tahu halaman mana yang sudah mereka kunjungi, kecil kemungkinannya bagi pengguna untuk secara tidak sengaja mengunjungi kembali halaman tersebut. Salah satu cara agar pengguna dapat tahu halaman mana yang sudah pernah mereka kunjungi adalah dengan mengubah warna pada link yang sudah pernah dikunjungi tersebut. Cara ini sangat membantu bagi pengguna dengan ingatan yang lemah atau pelupa, yang sering lupa mana yang sudah dikunjungi dan mana yang belum karena terdapat perubahan visual. Pada web Garuda Indonesia ini terdapat perubahan visual pada link yang sudah pernah dikunjungi. Hanya saja perubahan disini bukanlah perubahan warna, tetapi perubahan garis pada link. Jika link yang belum pernah dikunjungi ketika kursor mouse menunjuk kearah link tersebut, maka ada garis bawah pada teks link tersebut. Tetapi jika link tersebut sudah pernah dikunjungi, warna tidak berubah sama sekali hanya saja garis bawah pada teks tersebut hilang. Maksud pengembang mungkin ingin membedakan mana link yang sudah pernah dikunjungi dan mana yang belum. Tetapi dengan menghilangkan garis bawah seperti itu justru akan menimbulkan pertanyaan baru yaitu apakah teks tersebut suatu link menuju halaman yang lain ataukah bukan. Maka sebaiknya untuk membedakaan mana link yang sudah pernah dikunjungi dan mana yang belum, cukup dibedakan warnanya saja.

7 Konsistensi Sebuah web haruslah konsisten dengan desainnya. Misalnya jika pengembang ingin isi web menggunakan bahasa Inggris maka gunakan bahasa Inggris untuk seluruh isi web. Begitu juga dengan desain tombol atau yang lainnya. Dalam web Garuda Indonesia ini banyak terdapat ketidakkonsistenan baik dalam penggunaan bahasa maupun desainnya. Seluruh isi web ini menggunakan bahasa Indonesia, tapi ternyata ditemukan petunjuk dalam bahasa Indonesia pada salah satu menu seperti yang terlihat pada gambar di samping ini. Selain penggunaaan bahasa, web Garuda Indonesia juga tidak konsisten dalam desain. Seperti desain pada tombol back pada menu availability setelah memilih departure city dan arrival city akan muncul halaman daftar kursi yang tersedia untuk kota yang telah sebelumnya dipilih. Pada halaman tersebut terdapat tombol back seperti pada gambar disamping. Sedangkan jika kita belum memilih departure city dan arrival city akan muncul halaman pemberitahuan untuk memilih kota terlebih dahulu. Pada halaman tersebut juga terdapat tombol back di bagian bawahnya. Tetapi desain tombol back pada halaman ini berbeda dengan tombol back pada halaman jika departure city dan arrival city sudah dipilih. Tulisan back pada tombol back di halaman ini berwarna hitam seperti yang bisa dilihat dari gambar disamping ini. Font Font face dalam sebuah web sebaiknya satu jenis saja. Tulisan yang perlu dibedakan misalnya logo dan nama perusahaan. Judul dan isi sebaiknya sama font face-nya tetapi ukurannya dibedakan. Jika ada teks yang ingin dibedakan sebaiknya bedakan dengan cara font type dibuat bold atau ukuran diperbesar. Jangan sampai dalam satu web terdapat berbagai jenis font dengan berbagai ukuran dan warna. Hal seperti itu akan membuat web terlihat sangat ramai. Font pada web Garuda Indonesia ini terlalu banyak ragamnya. Misalnya pada halaman latest news terdapat perbedaan font face pada isi beritanya. Seharusnya, walapun berbeda berita font face-nya tidak perlu dibedakan. Jika maksud pengembang membedakan font face isi berita yang satu dengan yang lain adalah untuk membedakan antara berita yang satu dengan yang

8 lain maka hal itu tidak perlu dilakukan karena pengguna akan langsung tahu dari judul berita yang font size-nya lebih besar dibandingkan dengan font size isi berita. Bullet List Penggunaan list memang mempermudah pengguna untuk membaca suatu teks. Tetapi pemilihan bullet list juga harus diperhatikan sehingga tidak membingungkan pengguna. Pada web Garuda Indonesia terlihat penggunaan bullet list yang menyerupai check box yang terlihat pada gambar di samping. Drop-down Menu Drop-down menu adalah menu yang jika kursor mengarah pada menu yang dituju akan keluar menu kearah bawah. Penggunaan drop-down menu akan memudahkan pengguna mencari menu khusus di dalam menu yang lebih umum. Drop-down menu biasa digunakan pada navigator bar. Pada web Garuda Indonesia terdapat drop-down menu yang tidak biasa dijumpai pada web pada umumnya. Drop-down menu dalam web ini terdapat pada navigator bar seperti menu About Us, Question & Answer, Contact Us, dan Business to Business. Pada saat kursor didekatkan ke salah satu menu-menu tersebut akan keluar drop-down menu, kursor juga berubah seperti ada link menuju halaman lain ketika menunjuk salah satu menu-menu tersebut. Ketika di-klik pada menu About Us memang ada link menuju halaman lain. Tetapi jika di-klik menu-menu yang yang lain seperti menu Question & Answer, Contact Us, atau Business to Business tidak menuju ke halaman baru ataupun perubahan lainnya. Jika memang tidak ada link menuju halaman baru, tidak perlu membuat menu tersebut seperti menuju link ke halaman tertentu. Hal itu akan membingungkan dan membuat kesal pengguna. Breadcrumb Breadcrumb sangat penting dalam suatu website untuk memberitahu pengguna posisinya saat ini. Breadcrum sebaiknya diletakkan disebelah kiri atas halaman yaitu sebelum judul halamannya. Selain untuk memberi tahu pengguna keberadaannya saat ini, dengan adanya breadcrump pengguna bisa menelusuri path yang telah dilaluinya hingga berada di posisinya saat ini, sehingga pengguna dapat dengan mudah kembali ke halaman sebelumnya. Breadcrumb pada web Garuda Indonesia ini terletak pada kanan atas. Breadcrumb disini juga sangat tidak jelas dan terkadang tidak ada. Seperti jika kita memilih menu History pada menu About Us, terdapat breadcrump disana. Tetapi jika kita pilih lagi salah satu menu pada menu History tersebut, tidak ada breadcrump disana, hanya terdapat judul menu yang dipilih saja. Hal ini akan menyusahkan pengguna jika dia ingin kembali lagi ke menu sebelumnya dan juga web ini tidak konsisten dengan desainnya seperti yang tadi sudah dibahas pada poin konsistensi. Relative Specification Jakob Nielsen dan Hoa Loranger menyarankan agar ukuran teks 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

9 lebih besar dari teks yang lain seandainya pengguna memperbesar tampilan teks. Sebagian pengembang web menggunakan unit pengukuran mutlak untuk menentukan ukuran teks yang digunakan. Hal ini menyebabkan pengguna tidak mungkin mengubah ukuran teks. Ukuran teks yang tidak bisa diubah akan menyebabkan sebagian pengguna sulit untuk membaca informasi yang ada di web. Untuk ukuran teks, web Garuda Indonesia sudah menggunakan ukuran relatif. Jadi jika ada pengguna yang memperbesar ukuran teks pada web ini, semua ukuran teks pada web ini akan membesar sesuai dengan persentasenya. Jadi judul headline akan terlihat lebih besar daripada yang lain. Scrolling Pengguna web kebanyakan malas untuk melakukan scrolling. Kalaupun mereka melakukan scrolling, maka mereka hanya melakukannya sedikit saja (satu atau dua kali scrolling). Scroll kesamping sebaiknya dihindari. Karena pengguna jarang sekali yang mau menarik scroll bar kesamping. Kalau scroll atas-bawah relatif mudah karena ada alat bantu pada mouse untuk melakukan scroll atas-bawah. Meskipun begitu sebaiknya scroll atas-bawah juga dibuat seminimal mungkin. Karena kebanyakan pengguna malas untuk melakukan scrolling. Informasi yang penting-penting sebaiknyha diletakkan dibagian atas halaman web agar terbaca oleh pengguna. Web Garuda Indonesia terlihat sudah cukup baik dalam scrolling halaman web. Kalaupun ada scrolling, informasi yang penting diletakkan oleh pengembang web ini dihalaman web sebelah atas sehingga pengguna dengan mudah akan membacanya ketika pengguna pertama kali mengakses halaman tersebut. Penggunaan White Space White space adalah bagian halaman web yang tidak memiliki teks 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 web ini, pengembang terlalu banyak menggunakan white space pada beberapa halaman seperti bisa dilihat pada gambar di samping. Hal ini menimbulkan kesan kosong pada halaman tersebut. Space yang kosong ini sebaiknya digunakan pengembang web untuk menampilkan informasi lain. Hal serupa juga terdapat jika kita meng-klik pada link more pada banner disetiap halaman web ini. Jika kita meng-klik link more tersebut, maka yang akan muncul hanyalah sebuah tampilan flash tentang Garuda Indonesia yang bersifat

10 menginklankan seperti pada gambar di samping ini. Tetapi banyak white space yang terbuang dan tidak ada gunanya. Padahal tampilan tersebut dapat ditampilkan pada halaman home yang masih bannyak white space yang tersisa. Pengurutan Pada List Box Untuk memudahkan pengguna membaca dan mencari apa yang diinginkan oleh pengguna pada suatu list box, sebaiknya list diurut berdasarkan abjad secara ascending. Jika dirutkan secara acak akan menyulitkan pengguna untuk mencari sesuatu. Tetapi jika diurutkan secara descending juga tidak biasa. Kebanyakan orang akan lebih mudah mencari suatu teks dalam sebuah list jika diurutkan berdasarkan abjad secara ascending. Dalam web Garuda Indonesia ini, terdapat list box untuk memilih kota keberangkatan dan kota tujuan. Dalam hal ini web Garuda Indonesia sudah bagus karena list box diurutkan berdasarkan abjad secara ascending sehingga memudahkan pengguna untuk mecari kota yang diinginkan. Paging Sebelumnya telah dibahas mengenai scrolling pada sebuah web. Untuk menghindari scrolling yang terlalu banyak pada infromasi yang memakan banyak tempat seperti berita, FAQ, atau SERP, digunakan paging agar tidak terlalu banyak scrolling. Dengan adanya paging, pengguna akan mudah mencari informasi yang dibutuhkan tanpa harus banyak-banyak scrolling. Misalnya pada halaman berita, pengembang dapat membatasi satu halaman web untuk beberapa resume berita, kemudian jika pengguna tertarik untuk membaca berita tersebut bisa membaca selengkapnya dengan mengakses link selengkapnya yang tersedia. Dalam paging juga harus memberitahu pengguna di halaman berapa pengguna berada. Misalnya pada FAQ terdapat empat halaman, kemudian pengguna sedang berada di halaman kedua, maka sebaiknya ada perubahan visual yang terjadi pada tulisan halaman nomor dua misalkan tulisan nomor dua diperbesar atau diberi perubahan warna. Pada halaman dimana pengguna sedang berada juga sebaiknya tidak bisa lagi diklik. Pada web Garuda Indonesia ini paging yang ada dinilai sudah cukup baik paging-nya walaupun dinilai masih terlalu banyak scrolling. Pada halaman latest news misalnya, terdapat paging tetapi pengguna masih juga terlalu banyak scrolling jika ingin membaca berita yang paling bawah. Hal tersebut dikarenakan terdapat satu berita yang bukannya menampilkan inti dari isi beritanya saja melainkan menampilkan seluruh isinya pada halaman ini, padahal sudah ada link yang bertujuan untuk melihat berita secara detail. Tetapi jika pengguna mengakses link detail tersebut maka yang akan ditampilkan pada halaman detail tersebut adalah sama saja dengan yang ada di halaman sebelumnya. Hal kecil seperti ini harus diperhatikan oleh para pengembang web. Namun untuk penomoran halaman, web Garuda Indonesia dinilai sudah cukup baik karena terdapat perbedaan visual antara nomor halaman pada halaman dimana pengguna sedang berada dengan nomor halaman yang lain. Pengembang juga menyediakan link untuk mengakses halaman sesudahnya yang diletakkan disebelah kanan nomor halaman. Begitu juga dengan halaman sebelum pengguna berada yang diletakkan di sebelah kiri nomor halaman. Juga disediakan link yang menuju ke halaman paling terakhir disebelah kanan link menuju halaman berikutnya dan untuk halaman paling pertama diletakkan disebelah kiri link menuju halaman sebelumnya. Namun sayangnya, pada halaman latest news, jika kita mengakses link untuk menuju halaman paling terakhir (last), yang keluar adalah pemberitahuan bahwa tidak ada berita yang ditemukan di halaman tersebut. Padahal masih ada halaman nomor tiga disana. Hal ini akan membingungkan dan membuat kesal pengguna karena sudah menunggu hasilnya tetapi ternyata yang tidak ada hasil apa-apa.

11 Text Field Jika terdapat text field seperti pada pengisian kata kunci pada pencarian atau pada pengisian username dan password, seharunya kursor secara otomatis berada pada field pertama yang ada pada kotak pengisian tersebut. jika hanya ada satu text field maka kursor secara otomatis berada pada field tersebut. Dalam web Garuda Indonesia ini, terdapat text field pada booking status yang kursornya tidak otomatis berada dalam field pada text field tersebut. Hal ini menyebabkan pengguna harus meletakkan kursor di dalam text field terlebih dahulu. Seringkali pengguna langsung mengetikkan saja kata yang ingin dimasukkan tetapi jika kursor belum berada di dalam text field maka ketikan yang dimasukkan pengguna tidak akan masuk. Hal tersebut bisa membuat pengguna merasa kesal dan meninggalkan web ini. Perbaikan yang dapat dilakukan terhadap kekurangan-kekurangan tersebut adalah kursor sebaiknya secara otomatis berada pada field. Hal ini akan membuat pengguna mendapatkan sedikit kemudahan dibandingkan harus mengklik terlebih dahulu menggunakan mouse. 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. Kecendrungan 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. 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 (fleksibel). 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. Pengembangan web Garuda Indonesia kurang baik dalam memperhatikan faktor screen resolution yang telah dibahas di atas. Karena pengembang menggunakan ukuran yang pasti (fixed size). Jadi ketika resolusi monitor dikecilkan pengguna harus melakukan scroll ke samping agar bisa

12 melihat keseluruhan isi web Garuda Indonesia ini. Hal ini membuat pengguna malas seperti yang sudah dibahas pada bab scrolling. Navigator Bar Navigator bar pada sebuah website biasanya terletak di bawah logo dan nama perusahan disebelah kanan atau kiri. Navigator bar biasanya berisi menu-menu seperti menu home, contact us, about us, dan menu-menu utama lainnya dalam suatu web. Agar pengguna tahu dimana dia berada selain dari breadcrump dan dari judul halaman, pengembang harus membedakan warna navigator bar ketika pengguna mengakses menu tersebut dan ketika pengguna tidak mengakses menu tersebut. Ukuran teks pada navigator bar juga harus lebih besar daripada teks lainnya seperti teks pada isi halaman. Dalam web Garuda Indonesia ini, pengembang tidak membedakan warna pada navigator bar ketika menu yang dipilih pengguna pada navigator bar dengan ketika menu tersebut tidak dipilih. Memang pengguna bisa tahu keberadaannya saat ini dari judul halaman dan dicocokkan dengan menu pada navigator bar. Tapi pengguna cenderung malas melakukan hal ini. Pengembang harus menyiasati dengan memberikan perbedaan warna pada navigator bar ketika dipilih dengan ketika tidak dipilih. Pemilihan pewarnaannya pun harus diperhatikan. Kalau bisa pilih warna yang kontras dengan background agar bterlihat oleh semua kalangan pengguna. Ukuran teks pada navigator bar web ini juga dinilai terlalu kecil jika dibandingkan dengan ukuran teks yang lain. Konten Konten atau isi suatu web haruslah update agar pengguna tidak merasa bosan jika melakukan kunjungan beberapa kali ke situs tersebut. Juga dimaksudkan agar pengguna tidak ketinggalan informasi tentang web tersebut. Pengunjung/konsumen biasanya menginginkan informasi yang uptodate. Sebaiknya, konten-konten diupdate secara periodik, misalnya ketika ada service/produk baru yang ditawarkan agar konsumen dapat memberikan kepercayaan terhadap perusahaan. Analisis pertama terhadap web Garuda Indonesia dilakukan pada tanggal 5 Juni Setelah dilakukan pengecekan selama beberapa waktu terdapat konten-konten yang di-update yang terkandung pada beberapa halaman. Seperti halaman pada menu carrier terlihat perubahan seperti yang bisa dilihat pada gambar berikut ini. Gambar diambil tanggal 5 Juni 2008 Gambar diambil tanggal 17 Juni 2008

13 Penyesuaian Font dan Pewarnaan Prinsip utama dalam menentukan font dan warna dalam satu halaman web adalah berupaya untuk membatasi font-style dan warna yang digunakan. Font-style sebaiknya digunakan secara menyatu dan efektif serta mampu menggambarkan hirarki yang ada pada halaman web. Pembedaan font dan attribut font biasanya dapat membantu pengguna untuk membedakan tingkat kepentingan sebuah heading dan informasi. Jumlah typefaces maksimal dalam satu halaman web yang dianjurkan adalah tiga typeface. Sejalan dengan penggunaan font, penggunaan warna juga sebaiknya tidak terlalu beraneka ragam dalam satu halaman web. Jumlah jenis warna maksimal dalam satu halaman web yang dianjurkan adalah empat warna. Penggunaan font dan warna pada web Garuda Indonesia telah dapat menggambarkan hirarki yang terdapat pada halaman web. Pengembang menggunakan ukuran font dan warna yang berbeda untuk menandakan sebuah teks merupakan heading atau informasi biasa. Pada setiap halaman web, heading selalu dibuat dengan ukuran yang lebih besar dan warna yang berbeda. Dengan adanya pembedaan ini, maka pengguna dapat dengan mudah membedakan tingkat kepentingan informasi yang disampaikan. Text Image Text image biasanya digunakan oleh pengembang web untuk membuat tombol. Text image biasanya juga digunakan untuk membuat font-font 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 : 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. searching. Teks berbasis gambar tidak dapat diakses dengan menggunakan fitur Teks berbasis gambar tidak dapat dipilih sehingga pengguna tidak mungkin melakukan copy and paste. Teks berbasis gambar tidak dapat diubah ukurannya, padahal sebagian pengguna melakukan perubahan ukuran pada browsernya agar lebih mudah membaca informasi yang ada di web. Screen reader tidak dapat membaca teks yang berbasis teks. Informasi yang ditampilkan dengan menggunakan teks 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 Garuda Indonesia dapat dikatakan cukup baik dalam menyiasati text image ini. Pada web ini, text image hanya digunakan untuk header pada menu bagian kiri. Menu utama dibuat dengan menggunakan teks HTML biasa dan ditambah dengan fungsi-fungsi yang ada di file CSS. 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 karena dibuat dari text image. Akan tetapi,

14 hal ini tidak terlalu bermasalah karena menu-menu yang ada tetap dapat diakses karena dibuat dari teks HTML biasa. Pengguna juga dapat melakukan copy and paste terhadap informasi-informasi yang mereka anggap penting.

15 BAB 3 PENUTUP Kesimpulan Web usability adalah salah satu faktor penting dalam mengembangkan sebuah web. Pengembang harus memahami prinsip-prinsip usability sebelum mengimplemen-tasikannya pada sebuah web. Web merupakan salah satu media perusahaan untuk mempromosikan perusahaannya. Pengembangan web perusahaan bertujuan untuk meningkatkan rasa kepercayaan pengguna/pelanggan terhadap perusahaan. Pada pengembangan web garuda Indonesia masih terdapat banyak kekurangan menyangkut masalah usability. Kekurangan-kekurangan yang ditemukan pada web ini, antara lain : penempatan logo, pengimplementasian link dan pemakaian bullet list yang kurang tepat, tampilan web yang kurang konsisten baik dari desain maupun bahasa yang dipakai, tidak adanya fasilitas search, breadcrump yang kurang jelas, navigator bar yang terlalu kecil dan tidak berubah warna, penggunaan fixed size, penggunaan white space yang terlalu banyak serta kursor tidak otomatis ada di text field. Kekurangan-kekurangan ini membuat web terlihat kurang profesional. Kondisi ini dapat membuat kepercayaan pengguna/pelanggan terhadap perusahaan berkurang. Selain kekurangan-kekurangan yang telah dijelaskan, ada juga nilai positif yang ditemukan di web ini. Faktor-faktor positif tersebut antara lain : pewarnaan pada font yang menentukan hierarki isi dengan jelas, pengurutan pada list box secara ascending dan konten yang di-update. Saran Laporan akhir ini diharapkan menjadi bahan masukan bagi pengembang untuk mengembangkan web Garuda Indonesia dengan lebih memperhatikan faktor-faktor usability. Kekurangan-kekurangan yang masih ditemui, sebaiknya segera diperbaiki agar web dapat terlihat profesional. Dengan demikian, kepercayaan pengguna/pelanggan terhadap perusahaan akan meningkat.