Professional Documents
Culture Documents
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.
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
1
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 pemanggilpemanggil. 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.
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.
2
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.
B.
Dengan GUI menggantikan bahasa perintah, focus pada manipulasi langsung objek aksi.
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)
C.
Hilangnya Sintaksis
Konsisten
2.
Shortcuts
3.
4.
5.
Pencegahan kesalahan
6.
Pembalikan aksi
7.
8.
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:
Peletakan Navigation bar yang sama untuk setiap halaman yaitu di tepi paling atas dan paling bawah tiap-
tiap halaman.
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
4
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.
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
5
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).
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.
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.
Link-link di dalamnya tidak jelas dan tidak teratur sehingga pengunjung merasa kebingungan.
3.
Navigation Bar:
4.
Tampilan Profil
Tampilan profile pada website ini ada tapi kurang lengkap. Hanya ada dua orang yang mencantumkan alamat email, sedangkan pembuat situs ini terdiri dari 5 orang dan isi masing-masing halaman sesuai dengan
pembuatnya.
5.
6.
7.
8.
9.
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:
Memiliki ruang komen sehingga dapat melakukan pembalikan aksi dan memiliki umpan balik yang
informative.
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.
TUGAS ANDA:
1.
Setiap Mahasiswa membuat analisa seperti contoh diatas satu buah Website yang menurut anda Baik,
dan satu buah Website yang menurut anda Buruk.
2.
Kirim Jawaban anda ke Email Zifank@rocketmail.com sampai jam 00:00 malam ini..
3.
Dilarang duplikasi Analisa, baik duplikasi ke contoh diatas atau duplikasi ke analisa teman anda..
4.