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