laporan akhir m.k interaksi manusia dan komputer … · laporan akhir m.k interaksi manusia dan...
Post on 19-Oct-2020
11 Views
Preview:
TRANSCRIPT
LAPORAN AKHIR
M.K INTERAKSI MANUSIA DAN KOMPUTER
SEMESTER GENAP – 2007/2008
Kajian Situs
http://www.century21.co.id
oleh:
Vera Yunita
G64050542
(http://verayunita.wordpress.com)
INSTITUT PERTANIAN BOGOR
2008
2
DAFTAR ISI
Halaman
I. PENDAHULUAN .......................................................................................................3
1.1. Usability, User Experience Dan User Interface .................................................3
1.2. Deskripsi Perusahaan dan Website Century21 ....................................................3
II. PEMBAHASAN Web Century21 .................................................................................4
2.1. Penempatan Nama dan Logo Perusahaan ..........................................................4
2.2. Breadcrumb ......................................................................................................4
2.3. Searching ..........................................................................................................5
2.4. Fasilitas Login Member .....................................................................................6 2.5. White Space ......................................................................................................6
2.6. Kekonsistenan Tampilan Web ............................................................................7
2.7. Link ..................................................................................................................7
2.8. Penempatan Menu Utama ..................................................................................8
2.9. Ukuran Teks Terlalu Kecil ................................................................................8
2.10. Scrolling ...........................................................................................................9
2.11. Kesesuaian Kombinasi Warna ...........................................................................9
2.12. Penyesuaian Ukuran Halaman Terhadap Content ............................................. 10
2.13. Perbedaan Font Pada Setiap Menu .................................................................. 10
2.14. Penggunaan Site Map ...................................................................................... 10
2.15. Ketidakjelasan Penggunaan Simbol ................................................................. 11
2.16. Penggunaan Image .......................................................................................... 11 2.17. Penggunaan Dua Bahasa.................................................................................. 12
2.18. Penggunaan Image Sebagai Link ...................................................................... 12
2.19. Layanan Pertanyaan Bagi Pengguna ................................................................ 13
2.20. Penggunaan Tata Bahasa Yang Terkesan Memaksa ......................................... 13
2.21. Penggunaan Checkbox ..................................................................................... 14
2.22. Tampilan Diagram Yang Tidak Terbaca .......................................................... 15
2.23. Menampilkan Informasi Yang Tidak Lengkap ................................................. 15
2.24. Kekosongan Sebagian Halaman Web ............................................................... 15
III. PENUTUP ................................................................................................................. 17
DAFTAR PUSTAKA ................................................................................................ 18
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
www.Century21.co.id. 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.
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.
2.2. 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.
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”.
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 :
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.
2.5. 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
Pass ???
Button?
7
tetapi untuk kasus penggunaan terlalu sedikit white space tidak ditemukan pada website ini.
2.6. 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.
2.7. 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 :
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 :
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 berkali-
kali.
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.
Link ke halaman yang memuat daftar alamat semua kantor cabang
Century21 di Indonesia
Bukan Link!
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 :
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 :
Button?
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.
2.11. 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.
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.
2.13. 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
2.14. 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.
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 ü.
2.16. Penggunaan Image Ada beberapa penggunaan gambar yang tidak sesuai dengan content yang dimaksud,
seperti :
12
Pada menu contact us tersebut, gambar mulut wanita kurang cocok untuk digunakan.
Alangkah baiknya jika image tersebut diganti dengan gambar telpon saja.
2.17. 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 :
2.18. 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 logo-logo dan gambar tersebut tidak perlu link ke halaman lain, seolah-olah logo tersebut
merupakan sebuah menu.
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 selambat-
lambatnya akan dijawab.
2.20. Penggunaan tata bahasa yang terkesan memaksa
Bacalah isi penggalan website yang terdapat pada halaman sevice-jual (sell) berikut ini:
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.
2.21. 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
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
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.
1
2
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.
2.23. 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, email, 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.
2.24. 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
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
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.
18
DAFTAR PUSTAKA Chak A. 2003. Submit Now. New Riders Publishing
Nielsen J. 2003. Introduction to Usability. http://www.useit.com/alertbox/20030825.html
Nielsen J & Loranger H. 2006. Prioritizing Web Usability. Berkeley : New Riders.
www.webpagesthatsuck.com
Wilbert O. Galitz. 2002. The Essential Guide to User Interface Design-An Introduction to
GUI Design Principles and Techniques. USA : Wiley Publishing
Johnson, Jeff . 2003. Web Bloopers: 60 Common Web Design Mistakes and How to Avoid
Them. USA: Morgan Kaufmann Publishers
top related