ANALISA USER
INTERFACE PADA
DUA BUAH
WEBSITE (BAIK DAN BURUK)
TUJUAN:
Tujuan Analisa
User Interface (UI) pada dua buah website ini adalah:
·
Dapat memenuhi tugas mata kuliah Interaksi Manusia dan
Komputer (IMK);
·
Dapat mengetahui ciri-ciri website yang baik dan
kurang baik;
·
Dapat membandingkan analisa yang dilakukan dengan
teori yang telah diterima;
LANDASAN TEORI
A.
Ciri-ciri Bagus-tidaknya Sebuah Website
Jika kita memasuki sebuah situs Website yang bagus kita akan menjumpai
halaman-halaman web tersebut mempunyai beberapa ciri-ciri utama yang sama.
Berikut adalah beberapa ciri-ciri yang sesuai untuk semua halaman Web dan boleh
dijadikan sebuah garis panduan khusus untuk membina satu halaman Web yang
lengkap dan baik.
- Peta Site
(Site Map)
Susunan halaman Web yang teratur dan disertai link-link yang jelas akan
menjadi daya tarik kepada pembaca. Untuk mendapatkan "output"
yang menarik disarankan untuk membuat site-map yaitu "outline"
bagi halaman Web dengan menunjukkan ide dan topik besar bersama-sama dengan
subtopik yang terkandung di dalamnya. Peta Site ini juga memaparkan struktur
hierarki untuk Website. Semua data dan informasi disusun agar terkemas dengan
baik. Ini akan memudahkan pembaca untuk mendapatkan berbagai informasi yang
diinginkan mereka. Para pengunjung pasti akan kembali ke halaman Web jika web
tersebut dapat memenuhi apa yang diinginkannya.
- Navigation
Bar
Navigasi yang konsisten sangat perlu untuk setiap halaman Web. Biasanya Navigation
bar diletakkan di atas setiap halaman Website dan hendaklah konsisten
antara satu muka dengan muka yang lain. Tidak kurang juga Navigation berada di
sebelah tepi suatu halaman Web. Terdapat juga halaman Web yang membagi website
mereka menjadi dua bagian: satu mengandung Navigation bar dan satu lagi
mengandungi isi kandungan yang hendak disampaikan. Rekabentuk seperti ini
menetapkan Navigator pada kedudukan asal walaupun batang Navigation berlainan
ditekan. Navigation bar yang digunakan tidak hanya berupa text saja. Penggunaan
grafik akan menampakkan sesuatu halaman Web itu lebih cantik dan menarik. Tidak
tergantung menggunakan teks atau grafik yang penting ialah, setiap navigation
bar itu perlu mewakili link-link tertentu dengan jelas dan tidak menyesatkan
pembaca. Sebagai tambahan masukkan navigasi "back"
dan "foward" ataupun "previous" dan "next"
untuk menyenangkan pembaca.
- Tampilan
profil
Jangan heran jika kadang-kadang halaman Web tidak mengandungi tampilan
tentang siapa mereka dan bagaimana cara pembaca boleh menghubungi mereka. Lebih
mengherankan jika halaman Web "misteri" itu terdiri dari mereka yang
terlibat di dalam penjualan produk atau perdagangan. Pembaca tentu lebih
berminat malah merasa lebih terjamin mengetahui tentang individu di belakang
layar. Pastikan terdapat link di dalam halaman Web yang membolehkan pembaca
mengirimkan e-mail. E-maill saja tidak cukup. Pastikan kita memiliki cara-cara
lain seperti ruangan komen (feedback) untuk pembaca terhubung dengan
kita (memasukkan nama dan alamat surat menyurat).
- Ruang
Komen
Ruangan komen membolehkan pembaca meminta pendapat yang diperlukan secara
"online" dan tidak perlu menyalin nomor telefon dan
menghubungi kita. Kita juga tidak perlu pusing kepala melayani
pemanggil-pemanggil. Sebaliknya kita hanya perlu menjawab sembarang
pertanyaan melalui email ataupun surat. Bukan hanya tempat mendapatkan
informasi, ruangan ini juga bertindak sebagai alat untuk memperbaiki sembarang
kelemahan yang terdapat di dalam halaman Web. Informasi-informasi di dalam halaman
Web dapat dilengkapi berdasarkan komen-komen dari pembaca.
- Kesederhanaan
Kata untuk Informasi
Pembaca berharap untuk memperoleh informasi yang diinginkan apabila
berkunjung ke suatu halaman Web. Kita harus membina halaman Web yang dapat
memberikan pembaca apa yang mereka inginkan. Gunakan kata-kata yang ringkas
untuk menarik pembaca tanpa membebani mereka dengan perkataan-perkataan yang
susah. Jika perkataan-perkataan saintifik perlu digunakan, sediakan juga maksud
perkataan tersebut. Informasi yang lengkap akan menarik pembaca untuk kembali
berkunjung ke halaman Web.
- Persoalan
Umum (FAQ - frequently asked question)
Kita mungkin berhadapan dengan persoalan-persoalan yang sama dari
pembaca-pembaca yang berlainan. Dengan mewujudkan ruangan FAQ, kita dapat
menghemat waktu untuk menjawab persoalan yang sama berulang-ulang, dan
sekaligus menyenangkan pembaca-pembaca lain dengan menyediakan jawapan bagi
persoalan yang akan ditujukan kepada kita. Kebanyakan halaman Web yang
mengandung ruangan FAQ ini, biasanya akan menampilkan persoalan-persoalan
popular di bagian atas tampilan dengan membuat link untuk jawaban-jawabannya.
Pembaca hanya perlu meng-klik pada masalah tersebut, dan mereka akan
dihubungkan dengan jawaban masalah yang bersangkutan.
- Grafik
Teknologi terkini internet mengizinkan bukan saja teks malah grafik
dipamerkan di dalam halaman Web. Hal ini akan memperlihatkan keceriaan di dalam
halaman Web dan membuatnya sekaligus tampak menarik. Pilihlah gambar yang dapat
meyampaikan maksud dan tidak membebani. Buatkan gambar yang kecil dan "fast-loading"
karena pembaca tidak suka menunggu terlalu lama agar suatu tampilan muncul
kesemuanya. Untuk mengoptimakan gambar, gunakan gambar di dalam format
16-color. Menggunakan ikon dan gambar yang kecil dan relevan adalah pilihan
terbaik terutama pada navigation bar. Grafik bagi navigation bar
akan muncul di setiap tampilan halaman Web untuk membolehkan proses load
setiap tampilan lebih cepat dengan adanya cache. Kita juga boleh
merancang memberi pilihan kepada pembaca yang ingin membaca halaman Web di
dalam versi teks saja untuk menghindari kelambatan.
- Mekanisme
Pencarian
Memasukkan mekanisme pencari di dalam halaman Web dapat membantu pembaca.
Pembaca hanya perlu memasukkan perkataan yang dicari untuk mendapatkan tampilan
di dalam halaman Web yang mengandung perkataan tersebut. Pembaca akan berterima
kasih jika halaman Web yang besar mempunyai elemen ini. Peralatan pencari
senang untuk di"maintain" sebaiknya ia di"install"
ke dalam server Web. Ia secara otomatis akan meng-up-date
segala data pencari. Terdapat mesin-mesin pencari yang memberi pelayanan
menggunakan teknologi tersebut.
- Tampilan
Berita
Halaman Web yang baik senantiasa memberikan berita terkini kepada pembaca.
Kita boleh menggunakan teks ataupun ikon "New" untuk
memberitahu pembaca tentang informasi terbaru yang telah kita masukkan ke dalam
halaman Web. Kita juga boleh memberikan satu tampilan khas untuk menyampaikan
berita-berita terbaru. Setelah berlalu satu jangka waktu yang ditetapkan kita
perlu untuk memindahkan informasi yang bersangkutan ke dalam kategori yang
sesuai dan menggantikannya dengan berita yang baru. Untuk menyenangkan pembaca,
sertakan waktu terakhir meng-up-date halaman Web. Pembaca tentu ingin
tahu apakah berita terkini kita merupakan berita yang benar-benar terbaru
ataukah sudah lapuk. Tetapkanlah satu jangka waktu setiap minggu atau dua kali
seminggu untuk meng-up-date halaman Web.
- Link yang
relevan
Salah satu komponen utama Website ialah koleksi link dengan Web-site
lain yang berhubungan. Suatu halaman Web yang bagus ialah halaman Web yang
menawarkan link ke halaman Web lain yang merujuk kepada topik yang sama.
Kita boleh menawarkan bukan sekedar link saja, malah kita boleh
memberikan ringkasan apa yang terkandung di dalam link Web-site tersebut
kepada pembaca. Ini menyenangkan pembaca untuk memilih halaman Web yang
mempunyai topik yang diinginkan.
B. Model Antar Muka (User Interface) Objek-Aksi
-
Model Sintaktik-semantik dari kelakukan manusia,
digunakan untuk menggambarkan pemrograman, manipulasi database, dan manipulasi
langsung. Konsep Semantik: tersusun rapi, stabil di memori. Rincian Sintaktik:
dihafal, tidak punya aturan jelas, harus sering diperbaharui
-
Dengan GUI menggantikan bahasa perintah, focus pada
manipulasi langsung objek aksi.
-
Aspek sintatik tidak dihapuskan tetapi diminimalis.
-
Hierarki antar muka objek dan aksi, contohnya:
penyimpanan informasi pada computer.
-
Objek antar muka: Direktori (nama, tanggal, penciptaan,
dll)., File (baris, field, karakter, font, dsb).
-
Aksi antar muka: Konsep Tingkat tinggi (mengedit
file, buka file), simpan (simpan file, back-up, mengganti nama, menimpa
versi sebelumnya, dsb)
-
Hilangnya Sintaksis
C. Delapan Aturan Emas Perancangan User Interface
1. Konsisten
2. Shortcuts
3. Umpan balik yang informative
4. Adanya penutupan (Keadaan akhir)
5. Pencegahan kesalahan
6. Pembalikan aksi
7. Pusat kendali internal Internal Locus of Control)
8. Ingatan jangka pendek dikurangi
ANALISA:
A. Web-site Bagus
Pada tugas analisa user interface pada website ini website yang dianggap
sebagai web bagus adalah situs berita Detikinet. Alamatnya adalah http://detikinet.com/
Situs Detikinet dianggap sebagai situs yang bagus karena beberapa alasan
sebagai berikut:
- Konsisten
Halaman-halaman yang ada di situs detikinet memiliki kekonsistensian dapat
dilihat yakni dalam hal:
·
Pemberian warna background untuk tiap halaman yang
selalu sama;
·
Peletakan Navigation bar yang sama untuk setiap
halaman yaitu di tepi paling atas dan paling bawah tiap-tiap halaman.
- Memiliki
komponen-komponen yang masuk sebagai kriteria web bagus
Yaitu:
·
Peta Site (site-map)
Detikinet memiliki peta situs, yakni "outline" bagi
halaman Web dengan menunjukkan ide dan topik besar bersama-sama dengan subtopik
yang terkandung di dalamnya. Detikinet memiliki susunan halaman yang teratur
serta link-link yang jelas sehingga pengunjung akan merasa nyaman saat
menjelajahinya. Pengunjung tidak akan merasa kebingungan dalam mencari
informasi yang dibutuhkan.
·
Navigation Bar
Navigasi-navigasi pada detikinet konsisten terletak di tepi paling atas dan
paling bawah pada halaman web. Navigation bar pada situs ini tidak hanya berupa
text, tetapi juga berupa grafik yang di desain menggunakan software desain
grafis sehingga lebih cantik dan menarik.
Seluruh Navigation bar pada situs ini mewakili link-link tertentu dengan
jelas dan tidak menyesatkan pembaca. Navigation Bar juga bisa disebut shortcuts
pekerjaan pengunjung untuk melihat halaman lain akan menjadi ringkas (tidak
perlu mengetikkan alamat lagi).
·
Tampilan Profile
Situs Detikinet memiliki halaman Forum yang memungkinkan pembacanya
memasukkan alamat e-mail serta saling bertukar informasi dengan para pengunjung
yang lain. Sebelum dapat mengakses halaman Forum, pengunjung harus mendaftar
terlebih dahulu dengan mengisikan biodata. Untuk menghindari kekeliruan (Pencegahan
Kesalahan) beberapa data (diantaranya nama id, alamat e-mail) tidak
boleh sama. Jika sama maka detikinet akan menampilkan pesan terjadinya error.
Pesan eror ini juga merupakan pembalikan aksi dari detikinet
Pada halaman Forum ini, terdapat penutupan (keadaan akhir) yakni
pada saat pengunjung yang ingin keluar dari halaman forum, pengunjung harus
melakukan sign-out. Hal ini bertujuan agar data anggota forum tetap
aman.
Situs ini juga memiliki milis pembaca sehingga pengunjung dapat
menanyakan langsung apa-apa yang ingin lebih jauh diketahuinya dari situs,
bahkan orang-orang yang terlibat di balik layar, serta informasi-informasi
lainnya.
·
Ruang Komen
Detikinet memiliki ruang komen yang diberi tittle Komentar Anda. Jika
dilihat dari banyaknya komentar yang masuk pada masing-masing topik yang
terdapat dalam ruang komen ini (lima topik tiap minggu), maka dapat dipastikan
bahwa situs ini merupakan situs yang ramai pengunjungnya.
Dengan adanya ruang komen ini, pembangun situs dapat memperbaiki situsnya
serta adanya informasi yang akan didapatkan oleh pengunjung.
Ruang ini merupakan salah satu ruang yang menyajikan umpan balik yang
informative dan pembalikan aksi di samping ruang-ruang lain yaitu survey,
Community (polling) dan Forum.
·
Pemilihan Kata
Pembaca berharap untuk memperoleh informasi yang diinginkan apabila
berkunjung ke suatu halaman Web. Di Detikinet, pengunjung akan dihadapkan pada
bahasa yang menarik dan mudah dipahami pada setiap informasi yang disajikan.
·
Ruangan FAQ (Frequently Asked Question)
Detikinet memiliki ruang Prime click, Do You Know, dan Intermezzo.
Ruang-ruang tersebut merupakan jawaban dari persoalan-persoalan yang umum
terjadi.
Persoalan-persoalan umum yang akan diberitakan (karena Detikinet merupakan
situs berita) ditampilkan dibagian intinya (bagian atas) dan untuk
mengetahuinya lebih lanjut pengunjung dapat meng-klik link yang telah dibuat.
·
Grafik
Detikinet merupakan situs yang menarik karena di dalamnya terdapat
gambar-gambar yang tertentu yang kadang-kadang terlihat lucu (misalnya
animasi). Gambar-gambar tersebut berukuran kecil sehingga tidak membebani situs
(fast-loading) dan relevan.
·
Mekanisme Pencarian
Situs ini memiliki search-engine dari google yang memungkinkan
pengunjung untuk mencari informasi yang diinginkan hanya dengan memasukkan kata
kuncinya. Search-engine ini memiliki dua opsi, yaitu web (merujuk pada
database website umum / database google) dan detikinet.com (merujuk pada
database intern yang dimilki detikinet)
·
Tampilan Berita
Berita-berita yang disajikan oleh detikinet selalu ter-up-date. Hal
ini juga dapat dilihat dari terteranya hari,tanggal, bulan, tahun, dan jam pada
masing-masing berita yang disajikan. Selain itu, Detikinet juga mencantumkan
jangka waktu dilakukannya up-date yakni per tujuh hari/satu minggu
(terdapat di bawah ruang Komentar Anda).
·
Link yang Relevan
Detikinet memiliki link-link yang merujuk ke halaman web lain berkenaan
dengan topik yang sama dengan yang disajikan. Hal ini menyebabkan pembaca
merasa senang karena dapat memilih web yang memiliki topik yang diinginkan.
B. Website Jelek
Pada tugas analisa user interface pada website ini website yang dianggap
sebagai web jelek atau kurang bagus adalah situs yang dipasang pada free-server
(anglefire.com) alamatnya adalah http://www.angelfire.com/bug/vanrose/index.html
Gambar 2: Tampilan awal
(Index) situs Vanrose (website jelek)
Website Vanrose merupakan website yang dipasang pada
free-server angelfire.com. Situs ini dibuat oleh lima orang mahasiswa untuk
memenuhi tugas Interaksi Manusia dan Komputer.
Beberapa kelemahan dalam situs ini sehingga
dikategorikan sebagai website yang kurang bagus adalah sebagai berikut:
1.
Ketidak Konsistenan Halaman
Halaman yang satu dengan yang lain memiliki background
yang tidak sama (bahkan cenderung kontras, membuat mata sakit jika melihatnya).
Letak Navigation barnya juga tidak konsisten, ada yang di bawah, di samping,
ada juga yang di atas.
2. Tidak memiliki Peta Site (Site-Map)
Link-link di dalamnya tidak jelas dan tidak teratur
sehingga pengunjung merasa kebingungan.
3. Navigation Bar:
-
Acak-acakan (tidak teratur)
-
Tidak jelas dan menyesatkan pengunjung (ada yang tidak
active)
-
Hanya berupa text sehingga kurang menarik
4. Tampilan Profil
Tampilan profile pada website ini ada tapi kurang
lengkap. Hanya ada dua orang yang mencantumkan alamat e-mail, sedangkan pembuat
situs ini terdiri dari 5 orang dan isi masing-masing halaman sesuai dengan
pembuatnya.
5. Tidak adanya Ruang Komen, sehingga situs tidak berkembang.
6. Tidak Memiliki Umpan balik yang informative
7. Tidak adanya penutupan keadaan akhir
8. Tidak adanya pencegahan kesalahan
9. Tidak adanya pembalikan aksi
10. Tampilan Berita tidak ter-up-date, terbukti dengan
tidak adanya tanggal pembuatan situs, atau kapan terakhir diperbaharui.
11. Tidak adanya Link yang Relevan, link yang ada dari server (bukan oleh pembuat situs)
12. Tidak memiliki Ruangan yang membahas tentang persoalan umum
13. Tampilannya tidak menarik, acak-acakan, gambar yang ada berukuran besar
sehingga loading-nya lama.
KESIMPULAN
Kesimpulan yang
dapat diambil dari analisa yang telah dilakukan adalah sebagai berikut:
·
Website yang bagus umumnya memiliki komponen sebagai
berikut
§
Peta Site (site-map) yang jelas
§ Navigation bar yang konsisten dan tidak menyesatkan
§
Memiliki tampilan profile, sehingga situs dapat
berkembang
§
Memiliki ruang komen sehingga dapat melakukan
pembalikan aksi dan memiliki umpan balik yang informative.
§ Informasi yang disajikan menarik dan berbobot serta
ter-up-date
§
Membahas persoalan-persoalan umum
§ Menarik dan fast-loading
§
Konsisten
§
Memudahkan pengunjung misalnya dengan menyediakan
search-engine dan adanya link yang relevan
Kriteria
penilaian bagus tidaknya website yang paling utama adalah ada tidaknya
kenyamanan yang dirasakan oleh pengunjung.
DAFTAR PUSTAKA
tugas kuliah Interaksi Manusia dan Komputer, Semester
7 Program studi Teknik Informatika Universitas Bengkulu