LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008. Kajian Situs

Transkripsi

1 LAPORAN AKHIR M.K INTERAKSI MANUSIA DAN KOMPUTER SEMESTER GENAP 2007/2008 Kajian Situs oleh: Vera Yunita G ( INSTITUT PERTANIAN BOGOR 2008

2 DAFTAR ISI Halaman I. PENDAHULUAN Usability, User Experience Dan User Interface Deskripsi Perusahaan dan Website Century II. PEMBAHASAN Web Century Penempatan Nama dan Logo Perusahaan Breadcrumb Searching Fasilitas Login Member White Space Kekonsistenan Tampilan Web Link Penempatan Menu Utama Ukuran Teks Terlalu Kecil Scrolling Kesesuaian Kombinasi Warna Penyesuaian Ukuran Halaman Terhadap Content Perbedaan Font Pada Setiap Menu Penggunaan Site Map Ketidakjelasan Penggunaan Simbol Penggunaan Image Penggunaan Dua Bahasa Penggunaan Image Sebagai Link Layanan Pertanyaan Bagi Pengguna Penggunaan Tata Bahasa Yang Terkesan Memaksa Penggunaan Checkbox Tampilan Diagram Yang Tidak Terbaca Menampilkan Informasi Yang Tidak Lengkap Kekosongan Sebagian Halaman Web III. PENUTUP DAFTAR PUSTAKA

3 I. PENDAHULUAN 1.1 Usability, User Experience dan User Interface Menurut Jacob Nielsen, usability adalah sebuah atribut kualitas yang menilai tingkat kemudahan user interface untuk digunakan. Web usability adalah salah satu faktor penting dalam mengembangkan sebuah web. Pengembang harus memahami prinsip-prinsip usability sebelum mengimplementasikannya pada sebuah web. Usability juga mengacu kepada metode untuk meningkatkan kemudahan penggunaan selama proses perancangan. Tujuan dari useability adalah : - Efektif digunakan - Efisien digunakan - Aman digunakan - Punya utility yang baik - Mudah dipelajari - Mudah diingat bagaimana menggunakannya 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. Halaman website tidak menjelaskan 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. Konsep user interface : o Content yang ditampilkan dalam sebuah website memiliki nilai yang lebih penting dibandingkan desain dari website itu sendiri. o Informasi yang sesuai merupakan hal yang sangat penting dalam sebuah website. o Tampilan grafis harus memperhatikan masalah konsistensi, susunan antara teks dan gambar, kontras, warna dan fungsionalitas dari gambar yang ditampilkan o Pemilihan format gambar yang sesuai dan pertimbangan masalah ukuran file gambar yang akan mempengaruhi kecepatan akses dan waktu tunggu (delay) o Menyesuaikan tampilan grafis dengan dimensi halaman website yang akan ditampilkan di layar o Usahakan setiap halaman hanya menggunakan satu layar, hindari scrolling layar jika memungkinkan. o Jika tidak memungkinkan, scrolling hanya sesuai untuk content, hindari scrolling untuk halaman navigasi. Gunakan scrolling layar ke atas/bawah, jangan ke samping (kiri/kanan). o Letakkan link yang penting pada bagian atas halaman website. 1.2 Deskripsi Perusahaan dan Website Century21 Century21 adalah sebuah perusahaan yang bergerak dalam bisnis properti, seperti : Gedung, rumah toko, gudang, tanah, rumah, villa, dan apartemen. Perusahaan ini memiliki beberapa cabang di seluruh dunia termasuk di Indonesia. Website Century21 yang akan kita bahas adalah website perusahaan Century21 yang berada di Indonesia yaitu Pembuatan web Century21 ditujukan untuk melayani penjualan, penyewaan dan pembelian property di beberapa provinsi di Indonesia. Selain itu tersedia layanan konsultasi bagi pengguna yang berhubungan dengan masalah properti. Kantor cabang perusahaan ini terdapat dibeberapa propinsi di Indonesia yang website masing-masingnya dapat dilihat pada website ini. 3

4 II. PEMBAHASAN Web Century21 Tampilan halaman utama website Century21 : 2.1.Penempatan nama dan logo perusahaan Dari gambar pada halaman utama di atas, terlihat bahwa logo atau nama perusahaan telah ditempatkan dengan benar, yaitu pada bagian kiri atas. Pada setiap halaman pun logo tersebut selalu ditampilkan pada posisi yang sama. Hal ini menunjukkan bahwa dari segi penempatan logo, website ini dapat dikatakan telah memenuhi kriteria sebuah web yang baik Breadcrumb Breadcrumb sangat diperlukan apabila path atau halaman menu yang ditelusuri sangat banyak. Breadcrumb akan memudahkan pengguna dalam mengetahui dimana posisi mereka saat itu dan memudahkan pengguna untuk kembali ke halaman yang telah mereka lewati sebelumnya. Karena pada beberapa menu terdapat link yang cukup banyak sehingga diperlukan Breadcrumb. Pada website ini tidak terdapat Breadcrumb, tetapi pada menu-menu yang hanya punya satu atau dua link saja, terdapat judul menu pada bagian kiri atas untuk memberitahukan kepada pengguna dimana posisi mereka saat itu. Akan tetapi saya tetap menyarankan adanya Breadcrumb karena untuk halaman tertentu yang memiliki banyak link, pemberian judul halaman saja tidak akan efektif dalam memudahkan pengguna mengakses situs ini. Berikut adalah contoh pemberian judul pada halaman yang hanya memiliki satu link saja yaitu product -> system training. 4

5 2.3. Searching Salah satu kekurangan website ini adalah penyediaan fungsi search yang berbeda pada setiap menu. Hal ini tentu saja akan mempersulit pengguna untuk mencari sesuatu yang dibutuhkannya sehingga pengguna harus membuka setiap content untuk mencari layanan search yang mereka butuhkan. Fungsi search yang selalu terdapat di setiap halaman hanya disediakan untuk pencarian properti. Pada layanan search properti, pemilihan kategori pilih propinsi tidak tepat digunakan karena Bogor yang merupakan salah satu pilihan dari kategori tersebut bukanlah sebuah propinsi, tetapi merupakan salah satu kabupaten di Jawa Barat. Sehingga akan lebih baik jika kategori pilih propinsi diganti dengan pilih daerah. Kasus ini dapat dilihat pada gambar berikut : Selain itu, pada tampilan Searching di bawah ini, terdapat kalimat Sorry, No Data Found. Walaupun kita belum melakukan pencarian, tetapi kalimat tersebut telah tercetak dengan sendirinya (default). Sehingga membingungkan pengguna yang merasa belum pernah melakukan proses pencarian. Selain itu dari pengujian yang saya lakukan, setiap keyword yang dimasukkan selalu tidak mengeluarkan hasil yang diinginkan. Hal ini menunjukkan bahwa pengadaan fungsi search ini sangat mubazir dan tidak berguna bagi pengguna. Mungkin saja bagi beberapa pengguna web yang masih awam, setelah menggunakan fungsi search ini akan mengalami kekecewaan dan akan meninggalkan situs ini. Saran saya adalah perusahaan Century21 harus memperbaiki fungsi search ini agar pengguna atau cliennya percaya akan eksistensi Century21. Selain itu, seharusnya ada fasilitas search yang kategoriny umum dan melayani semua keyword yang diinputkan pengguna dan posisi search tersebut hendaknya diletakkan pada bagian atas sehingga mudah terlihat. Misalnya untuk mencari sistem karir di perusahaan Century21, pengguna tidak perlu mencari posisi menu Product-Career System terlebih dahulu karena akan memakan waktu yang lama. Cukup dengan melakukan search yang disediakan pada setiap halaman, pengguna bisa menemukan apa yang mereka cari. Berikut adalah contoh penggunaan tampilan search yang yang diberi pesan default Sorry, No Data Found. 5

6 2.4. Fasilitas Login Member Pada setiap halaman web ini ditemukan adanya fungsi login member pada bagian kanan atas seperti yang diperlihatkan pada gambar berikut : Pass??? Button? Keberadaan fungsi login ini sangat aneh mengingat tidak adanya fungsi registrasi untuk member pada website ini. Sedangkan web Century21 hanya membuat fungsi registrasi untuk client yang ingin menjual, menyewa atau membeli properti saja. Sebaiknya pada web ini disertakan fungsi registrasi sehingga fungsi login yang dibuat tidak sia-sia. Kesalahan lain yang juga terdapat pada fungsi login adalah tombol login yang tidak berbentuk seperti link atau tombol tetapi berbentuk seperti teks biasa. Seandainya fungsi ini benar-benar ada gunanya, lebih baik tombol login dibuat berupa tombol agar tidak terjadi kebingungan dari pengguna. Selain itu, kata PASS pada bagian bawah SYSTEM MEMBER LOGIN mengandung makna yang tidak jelas. Apabila yang dimaksud dengan PASS tersebut adalah password, maka akan lebih baik jika kata PASS diganti dengan PASSWORD agar tidak menimbulkan kesalahpengertian dari pengguna. Apabila untuk menuliskan kata PASSWORD tersebut memerlukan space yang banyak, lebih baik fungsi login tersebut dipindahkan posisinya ke bagian kanan di atas fungsi search properti sehingga lebih mudah dilihat dan tidak terkesan terjepit dan dipaksakan seperi posisinya yang sekarang White space White space adalah bagian halaman web yang tidak memiliki teks atau ilustrasi apapun. Keberadaan white space akan mempermudah pengguna untuk membaca informasi yang disajikan pada halaman web. Website yang baik adalah yang menggunakan white space tidak terlalu banyak dan tidak terlalu sedikit. Penggunaan white space yang terlalu banyak akan menyebabkan pemborosan halaman web sehingga halaman tersebut terasa kosong. Sedangkan penggunaan white space yang terlalu sedikit akan membuat halaman web terlalu ramai sehingga pengguna malas untuk membaca informasi yang disajikan karena terkesan berantakan. Pada website Century21, ada beberapa halaman yang menggunakan terlalu banyak white space padahal informasi yang disajikan sangat sedikit. Selain itu penggunaan banyak white space ini menyebabkan pengguna harus menyekrol ke bawah tanpa adanya content yang akan dilihat pada halaman bagian bawah tersebut. Contoh kasus ini terdapat pada menu partner, Articles, KPR Kalkulator, FAQ, About Ciputra Group, dan sebagainya. Akan 6

7 tetapi untuk kasus penggunaan terlalu sedikit white space tidak ditemukan pada website ini Kekonsistenan Tampilan Web Pada setiap perubahan halaman, tampilan web selalu konstan yaitu banner, footer dan search propertinya selalu berada pada posisi yang sama kecuali pada tampilan home. Pada tampilan home, menu search propertinya berada pada sisi kiri halaman web, sedangkan pada halaman lain, menu tersebut berada pada sebelah kanan. Untuk menjaga kekonsistenan halaman, lebih baik pada halaman home, menu search properti dipindahkan ke sebelah kanan agar tampilan web secara keseluruhan sama Link Pada web ini, setiap link yang telah dikunjungi tidak berubah warnanya. Hal ini tentu saja akan membingungkan pengguna karena menu yang terdapat pada web ini sangat banyak. Selain itu, link-link tidak berwarna biru walaupun link tersebut telah digarisbawahi seperti terlihat pada gambar di bawah ini : Pada beberapa halaman web, terdapat teks bergaris bawah yang berbentuk seperti link. Tetapi apabila diklik, teks tersebut tidak menglink ke halaman lain. Hal ini dapat dilihat pada gambar berikut : Bukan Link! Kasus lain yang bertolak belakang dengan kasus di atas terdapat pada teks yang merupakan link penting dari website ini, tetapi justru tidak terlihat seperti link. Hal ini dapat dilihat pada gambar berikut : Link ke halaman yang memuat daftar alamat semua kantor cabang Century21 di Indonesia Bagi pengguna yang baru pertama kali menggunakan website ini atau belum terlalu banyak mengetahui content web dipastikan akan menemui kesulitan untuk melihat semua alamat kantor Century21 karena tidak tahu kalau teks yang bertuliskan daftar kantor tersebut adalah link ke halaman yang memuat daftar semua kantor Century21. Atau bagi beberapa pengguna mungkin akan menggunakan fasilitas searching berkalikali. Perbaikan yang dapat dilakukan untuk memperbaiki kekurangan tersebut adalah: a. Link-link yang telah dikunjungi oleh pengguna diatur agar berubah warnanya untuk memudahkan pengguna mengingat link-link mana saja yang telah dikunjunginya. 7

8 b. Setiap link sebaiknya dibuat berwarna biru dan digarisbawahi karena telah menjadi konvensi umum bagi pengguna bahwa teks yang berwarna biru dan digarisbawahi merupakan sebuak link yang dapat diklik. Selain itu ada beberapa link (button) yang berbentuk seperti teks biasa. Contohnya seperti yang diperlihatkan pada gambar berikut : Button? Untuk perbaikan, lebih baik semua button dibuat benar-benar berupa tombol, sehingga tidak membingungkan pengguna. 2.8.Penempatan menu utama Urutan fokus mata pengguna 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 Century dapat dikatakan cukup baik karena diletakkan pada bagian atas. Dengan demikian, ketika pengguna menggunakan web maka pengguna bisa langsung mengetahui content apa saja yang ditawarkan oleh web tersebut. Akan tetapi, font yang digunakan sangat kecil. Bagi pengguna yang baru pertama kali menggunakan situs ini pasti akan mengalami kesulitan untuk menemukan menu utama ini. Kebanyakan pengguna yang biasa browsing di internet telah hafal bahwa posisi menu utama berada di bagian atas dibawah banner. 2.9.Ukuran teks terlalu kecil Pada beberapa halaman web ditemukan ukuran font yang sangat kecil. Ukurannya kira-kira 7.5pt. Ukuran ini sangat jauh dari standard ukuran teks website yang berukuran 10pt. Hal ini tentu saja akan mempersulit pengguna yang ingin membaca informasi yang disajikan web. Berhubung ini adalah web sebuah perusahaan properti, dapat dipastikan penggunanya didominasi oleh orang tua, bukan remaja. Bagi orang tua yang penglihatannya kurang baik, ukuran font ini tentunya akan mempersulit mereka untuk membaca. Terlebih lagi informasi yang disajikan adalah alamat salah satu partner Century21. Saya sarankan agar semua ukuran teks pada website ini diperbesar hingga minimal 10pt agar mudah dibaca sehingga tidak membuat pengguna jenuh dan lelah matanya. Berikut contoh penggunaan teks yang sangat kecil sekali : 8

9 2.10. Scrolling Dalam membangun sebuah web yang baik, hendaknya pengembang menghindari scrolling karena akan membuat pengguna malas. Kalaupun terpaksa, disarankan agar halaman web maksimal memiliki dua kali scroll. Pada website Century21, kebanyakan halaman hanya memiliki dua kali scroll, kecuali pada halaman tertentu seperti pada menu About Century21-Century21 Worldwide, pengguna harus menyekrol sebanyak lima kali. Hal ini tentu saja sangat berlebihan dan membuat pengguna capek apabila ingin melihat semua content pada halaman tersebut. Akan lebih baik jika content pada halaman tersebut dibuat menjadi dua atau lebih pages (halaman) dengan menggunakan link next pages Kesesuaian Kombinasi Warna - Penggunaan Warna Background dan Teks Kebanyakan content menggunakan warna putih sebagai warna background dan hitam sebagai warna teks. Penggunaan warna ini sangat memudahkan pengguna dalam membaca informasi yang disajikan pada halaman web. Tetapi, ada beberapa halaman tertentu yang menggunakan kombinasi warna yang tidak tepat, seperti gambar berikut: Penggunaan warna yang hampir sama pada teks dan background menyebabkan teks sulit dibaca. Padahal teks tersebut merupakan informasi alamat kantor Century21 yang penting bagi pengguna yang membutuhkannya. Sebaiknya digunakan warna hitam sebagai warna teks agar mudah dibaca. Selain itu, warna orange yang digunakan sangat mencolok yang membuat mata pengguna lelah melihatnya. Sebaiknya diganti dengan warna yang lebih lembut. - Penggunaan Kombinasi Warna Kebanyakan halaman menggunakan kombinasi warna yang cukup baik dan tidak mencolok sehingga pengguna tidak akan bosan dengan tampilan website ini. 9

10 2.12. Penyesuaian ukuran halaman terhadap content Kebanyakan ukuran halaman pada website century21 ini disesuaikan dengan banyaknya content. Sehingga ukuran setiap halaman tidaklah sama tergantung banyaknya content yang dimuat. Tetapi pada halaman tertentu terdapat penggunaan white space yang agak berlebihan sehingga halaman web terasa kosong. Hal ini telah dibahas sebelumnya pada bab white space Perbedaan Font pada setiap Menu Pada beberapa tampilan menu yang berbeda terdapat perbedaan dalam ukuran huruf dan jenis font yang digunakan pada teksnya. Ada yang besar dan ada yang kecil. Selain itu, ada halaman yang menggunakan jenis font verdana dan ada yang jenis calibri. Ukuran hurufnya pun beragam, ada yang 11pt, 7.5pt, 10 pt dan sebagainya. Ketidakkonsistenan ini perlu diperbaiki terutama pada halaman web yang ukuran hurufnya sangat kecil sehingga sulit terbaca. Disarankan agar semua ukuran teks di ganti menjadi 10pt yang merupakan standard baku ukuran teks dalam pembuatan website. Contoh penggunaan ukuran huruf besar. Contoh penggunaan ukuran huruf yang terlalu kecil Penggunaan Site Map Suatu web dikatakan baik apabila memiliki site map yaitu suatu halaman yang memuat semua content dan link yang terdapat pada website. Site map ini memudahkan pengguna untuk mengetahui content apa saja yang terdapat pada website tanpa harus menelusuri link yang terdapat pada menu utama satu persatu. Sehingga pengguna yang hanya ingin melihat suatu content tertentu saja tidak perlu menelusuri semua link yang terdapat pada website. Pada website Century21, terdapat site map yang memuat semua content web. Setiap content tersebut memiliki link ke halaman terkait. Berikut adalah tampilan site map yang terdapat pada website Century21. 10

11 2.15. Ketidakjelasan Penggunaan Simbol Pada beberapa tabel, terdapat simbol-simbol aneh yang digunakan. Hal ini menyebabkan pengguna tidak mengerti tentang informasi yang disajikan oleh web ini. Selain itu, pengelola web juga tidak menyertakan keterangan tentang simbol yang diberikan. Kasus ini dapat dilihat pada gambar berikut : Penggunaan simbol di atas sangat membingungkan karena tidak adanya keterangan simbol yang diberikan di bawah tabel. Sedangkan pada gambar di bawah ini juga terlihat adanya simbol aneh yaitu : ü. Apabila ditelusuri lebih lanjut, ternyata simbol ü ini adalah simbol cheklist ( ). Tetapi karena adanya kesalahan atau error pada coding web menyebabkan simbol cheklist menjadi ü Penggunaan Image Ada beberapa penggunaan gambar yang tidak sesuai dengan content yang dimaksud, seperti : 11

12 Pada menu contact us tersebut, gambar mulut wanita kurang cocok untuk digunakan. Alangkah baiknya jika image tersebut diganti dengan gambar telpon saja Penggunaan dua Bahasa Terdapat 2 bahasa yang digunakan pada beberapa content website, yaitu bahasa Indonesia dan bahasa Inggris. Padahal website ini mempromosikan perusahaan Century21 yang berada di indonesia dan skala usahanya hanya terbatas pada beberapa propinsi di Indonesia saja. Sehingga penggunaan bahasa Inggris tentu saja akan mempersulit pengguna yang tidak mengerti dengan bahasa tersebut. Oleh karena itu, content yang menggunakan bahasa inggris akan lebih baik bila diganti menjadi bahasa Indonesia. Contoh penggunaan teks berbahasa Indonesia : Contoh penggunaan teks berbahasa Inggris : Penggunaan image sebagai link Pada halaman home bagian kiri bawah ditemukan gambar sebagai berikut : Mungkin kita berfikir bahwa gambar tersebut merupakan logo dari sponsor atau iklan yang terdapat pada website ini. Akan tetapi ternyata logo tersebut merupakan sebuah link ke halaman tertentu. Logo pada gambar tersebut terdiri dari tiga logo Bank yang masing-masing mengelink ke suatu halaman. Pada halaman utama juga ditemukan gambar yang terletak di bagian kanan atas yang mungkin bagi pengguna dianggap sebagai jargon perusahaan Century21. Tetapi ternyata gambar tersebut merupakan link ke sebuah halaman yang isinya memaparkan semua keunggulan perusahaan Century21. Dalam sebuah referensi yang saya baca tentang aturan pembuatan website, pemakaian gambar sebagai link merupakan suatu kesalahan. Sebagai perbaikan, seharusnya logologo dan gambar tersebut tidak perlu link ke halaman lain, seolah-olah logo tersebut merupakan sebuah menu. 12

13 2.19. Layanan Pertanyaan Bagi Pengguna Dalam suatu layanan contact us, setiap pengguna yang ingin mengajukan pertanyaan diharuskan mengisi biodata. Pengisian formulir ini tentunya akan merepotkan pengguna, atau bagi pengguna yang ingin pertanyaannya langsung dijawab tidak akan mau menggunakan layanan web ini untuk mengajukan pertanyaan. Mereka akan lebih memilih untuk menelpon langsung ke nomor telepon yang tersedia. Selain itu, apabila seorang pengguna mengajukan pertanyaan melalui layanan ini, mereka pasti akan berfikir apakah pertanyaan tersebut akan benar-benar dijawab mengingat tidak adanya keterangan yang menyatakan kapan waktu selambat-lambatnya jawaban dari pertanyaan tersebut akan disampaikan kepada pengguna. Berikut adalah formulir yang harus diisi untuk mengajukan pertanyaan. Disarankan agar proses pengajuan pertanyaan tersebut tidak dibuat serumit itu untuk memudahkan pengguna dalam mengetahui apa yang mereka inginkan. Selain itu, harus disertakan informasi yang memberitahukan tentang kapan sebuah pertanyaan selambatlambatnya akan dijawab Penggunaan tata bahasa yang terkesan memaksa Bacalah isi penggalan website yang terdapat pada halaman sevice-jual (sell) berikut ini: 13

14 Perasaan apa yang muncul setelah membaca kutipan tersebut? Saya dan beberapa orang teman berpendapat bahwa seolah-olah ada unsur pemaksaan dalam kutipan tersebut. Seorang pengguna website yang mungkin merupakan seorang yang hanya berfikir untuk menjual rumahnya tetapi masih memiliki keraguan seolah-olah dipaksa untuk mengisi formulir tersebut. Begitupun dengan pengguna yang hanya ingin tahu tentang harga rumahnya sekarang apabila mengisi formulir tersebut maka agen property Century21 akan menghubunginya untuk berdikusi dalam hal penjualan. Padahal belum tentu si pengguna tersebut berniat untuk menjual rumahnya. Sehingga seolah-olah perusahaan Century21 ini sangat memaksa pengguna websitenya untuk menjual rumah. Apabila ada pengguna yang hanya iseng untuk mengetahui berapa harga rumahnya mungkin tidak akan jadi mengisi formulir tersebut karena takut dikira akan menjual rumahnya. Apabila Century21 tidak bermaksud demikian, akan lebih baik jika kalimat pada kutipan tersebut diganti dengan kalimat yang lebih sopan, ramah dan struktur bahasanya diperbaiki sehingga pengguna dan customer Century21 sendiri nyaman dalam menggunakan website ini Penggunaan Checkbox Checkbox biasanya digunakan untuk memudahkan pengguna dalam memilih lebih dari satu pilihan pada beberapa kriteria yang diajukan pada layanan suatu perangkat lunak. Kotak Checkbox yang merupakan input diklik oleh pengguna sebagai kategori yang dipilih oleh pengguna. Contoh penggunaan Checkbox yang benar terdapat pada gambar di bawah ini : Pada salah satu halaman web site Century21 ditemukan kesalahan dalam penggunaan Checkbox. Hal ini disebabkan 1 oleh penggunaan Checkbox sebagai list dari suatu kategori FACILITIES seperti yang diperlihatkan pada gambar disamping. Checkbox tersebut tidak bisa diklik. Penggunaan Checkbox pada dua gambar 2 tersebut akan menimbulkan kesalahpengertian pengguna karena masing-masing terdapat pada halaman yang berbeda. Pada gambar 1, mungkin pengguna bisa mengerti kalau Checkbox yang dicheklist adalah list yang termasuk dalam FASILITIES. Tetapi setelah melihat halaman yang memuat gambar 2, pengguna pasti akan bingung karena tidak ada satu Checkbox pun yang diklik, padahal halaman yang memuat gambar 2 tersebut salah satunya adalah tentang profil rumah mewah yang berharga 4,92 milyar. Sebagai perbaikan, disarankan agar penggunaan Checkbox tersebut diganti dengan simbol yang biasa dijadikan sebagai anggota list seperti -, penomoran,, dan sebagainya agar pengguna mudah memahami isi web. 14

15 2.22. Tampilan diagram yang tidak terbaca Pada halaman About Century21-Century21 RE Corp, terdapat tampilan diagram batang sebagai berikut : Tujuan ditampilkannya diagram tersebut adalah untuk menunjukkan keunggulan perusahaan Century21 dari perusahaan properti lainnya di dunia sebagaimana dijelaskan oleh artikel yang ditampilkan di atas diagram tersebut. Akan tetapi yang menjadi masalah adalah diagram batang yang ditampilkan tidak dapat dibaca karena ukurannya yang sangat kecil. Bagaimana mungkin pengguna yakin dengan hasil penelitian dari Milward Brown yang menyatakan peringkat teratas diraih oleh Century21 kalau bukti yang ditunjukkan tidak dapat dibaca oleh pengguna ataupun pelanggan Century21. Sebagai perbaikan, saya sarankan agar gambar diagram batang tersebut diperbesar ukurannya agar dapat dibaca oleh pengguna website ini Menampilkan informasi yang tidak lengkap Pada menu KPR Info disamping, web tidak menampilkan secara lengkap alamat yang disajikan. Hal ini akan menimbulkan tanda tanya bagi pengguna. Untuk apa informasi ini disajikan kalau data alamat, telepon, , fax, website dan contact person yang diberikan tidak lengkap. Bahkan halaman ini seolah terkesan tidak sungguh-sungguh ingin memberi tahu pengguna tentang KPR Bank Commonweatlh Kekosongan Sebagian Halaman Web Kesalahan lain yang ditemukan pada web ini adalah adanya beberapa halaman web yang tidak memiliki content sama sekali. Sedangkan pada bagian yang lain, ada halaman web yang hanya memiliki sedikit content yaitu searching. Hal yang paling mengejutkan, saat saya menelusuri halaman web Century21 Persada, dari enam menu utamanya, hanya halaman contact us yang ada isinya. Tidak diketahui apa penyebab kosongnya halaman web. Hal ini menunjukkan ketidaksiapan perusahaan dalam melayani pelanggannya. Pengguna yang melihat kekosongan halaman web tersebut sudah pasti akan kecewa dan merasa telah membuang-buang waktu untuk menelusuri halaman web yang kebanyakan kosong. Sungguh suatu kenyataan yang ironi bagi 15

16 perusahaan Century21 yang perusahaannya telah mendunia tapi websitenya mengecewakan pelanggan. Contoh salah satu halaman utama web Century21 yang tidak memiliki content sama sekali Contoh halaman web Century21 Persada yang hampir semua menu utamanya tidak memiliki content 16

17 III. PENUTUP Kesimpulan Dalam pengembangan sebuah aplikasi komputer, hal pertama yang harus diperhatikan adalah siapa pengguna aplikasi itu sendiri, bagaimana membuat interface yang dapat dimengerti oleh pengguna dan seberapa cepat pengguna mengerti tentang penggunaan aplikasi tersebut. Hal ini lebih ditekankan lagi pada pembuatan website yang dapat diakses oleh siapa saja. Web yang baik adalah web yang penggunanya tidak berkomentar apa-apa pada setelah menggunakan web tersebut. Ini artinya si pengguna cepat mengerti akan tujuan pembuatan web, interface yang digunakan dan mudah menemukan apa yang ia inginkan pada web tersebut. Faktor keindahan desain tampilan dari suatu website merupakan salah satu faktor yang paling penting dalam menetukan keberhasilan suatu website, selain faktor kecepatan loading. Suatu situs yang baik memiliki suatu kesatuan desain bisa dikatakan memiliki kesamaan tema dalam halaman-halaman webnya. Hal ini penting dalam segi estetika maupun segi navigasi. Kesamaan desain yang biasanya dipertahankan antara lain kesamaan jenis font yang digunakan, warna, tombol navigasi (menu), letak menu dan sebagainya. Karena itu sangatlah penting bagi seorang web designer untuk mengetahui aturan-aturan yang berlaku dalam mendesain suatu website. Hal ini diperlukan agar desain dari website yang akan dibangun tidak terkesan sekedarnya. Saran untuk Web Century21 Sebagai salah satu pengguna web, saya sendiri pada awalnya tidak mengerti tentang bisnis apa yang dijalankan oleh perusahaan Century21. Hal ini mungkin disebabkan oleh pada saat saya melihat halaman utama atau home, yang lebih menonjol terlihat adalah foto-foto top member broker dan marketing yang mungkin bagi saya sendiri tidak terlalu berguna. Saat mengetahui bisnis yang dilakukan adalah bisnis properti, hal pertama yang ingin saya lakukan sebagai pengguna biasa adalah ingin melihat semua properti yang dijual oleh Century21. Tetapi untuk menemukan daftar semua properti, ternyata sangat sulit. Semua menu pada halaman utama yang saya telusuri satu persatu tidak berhasil menemukan apa yang saya cari. Hal yang juga mengecewakan adalah proses pencarian dengan menggunakan fungsi searching banyak yang gagal. Bahkan pada beberapa menu yang memuat fungsi searching tersendiri tidak berhasil menemukan hasil pencarian, apapun keyword yang diketikkan. Banyak hal yang perlu diperbaiki pada web Century21 ini diantaranya adalah : Perbaikan Fungsi searching. Mengisi halaman web yang kosong. Harus Lebih menonjolkan properti dari pada karyawan perusahaan sendiri. Mempermudah pengguna untuk melihat daftar properti. Memperbaiki semua kekurangan yang telah saya uraikan pada Bab 2. 17

18 DAFTAR PUSTAKA Chak A Submit Now. New Riders Publishing Nielsen J Introduction to Usability. Nielsen J & Loranger H Prioritizing Web Usability. Berkeley : New Riders. Wilbert O. Galitz The Essential Guide to User Interface Design-An Introduction to GUI Design Principles and Techniques. USA : Wiley Publishing Johnson, Jeff Web Bloopers: 60 Common Web Design Mistakes and How to Avoid Them. USA: Morgan Kaufmann Publishers 18