LAPORAN 3

IMK BP
“Metaphors”

Dibuat oleh:
Nama: Frista Dea
Nim: 195314010

PROGRAM STUDI INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA YOGYAKARTA
2020
 Metaphors
Dalam latihan ini anda diminta untuk mempelajari penggunaan metaphors dalam disain
interface. Metaphors digunakan secara luas untuk membimbing user dalam pembelajaran
sistem komputer lewat apa yang sudah mereka ketahui sebelumnya dari obyek-obyek real
didunia. Metaphors dapat didasarkan pada words, images, icons atau interactive graphics.
Salah satu contoh dari aplikasi yang menggunakan metaphors adalah “Bob” yang dirilis oleh
Microsoft pada tahun 1995. Bob didisain untuk menggantikan Windows desktop 3.1 dan 95
dengan interface yang sangat dikenal oleh novice users. Setelah promosi yang besar-besaran
akhirnya Bob gagal untuk diterapkan. Gambaran dan keterangan mengapa Bob gagal
diterapkan dapat dilihat dalam website: http://toastytech.com/guis/bob.html. Lihat website
tersebut dan teliti metaphors yang digunakan oleh Bob.

Figure 1. The Microsoft Bob splash screen

Berikut adalah contoh websites yang menggunakan metaphors. Untuk setiap website:
1. Tunjukkan metaphor apa yang digunakan!
2. Jelaskan bagaimana metaphor tersebut digunakan ?
3. Seberapa efektif dan berguna metaphor tersebut? Jelaskan jawabanmu berdasar pada
pertimbangan kegunaan dan pengunjung website.
http://www.jimtown.com/
http://www.drugstore.com
https://www.traveloka.com/
https://keep.google.com
https://www.juiceplus.com
http://www.gildedotter.com/home.htm
catatan : mungkin ada lebih dari satu metaphor yang digunakan
1. Website : https://jimtown.com/
No Metaphor Keterangan
1 Metaphor disamping digunakan
untuk mencari menú (makanan
dan minuman) yang ada pada
café di website tersebut. Dalam
kehidupan nyata icon tersebut
seperti kaca pembesar yang
digunkan untuk melihat sesuatu
yang kecil.
2 Methaphor disamping digunkan
untuk melakukan register pada
website dan login untuk masuk
apabila sudah melakukan register.
Dalam kehidupan nyata icon
tersebut berbentuk seperti
“seseorang”.
3 Methapor disamping digunakan
untuk membeli atau menyimpan
menú yang kita pilih, juga pada
web ini bisa digunakan untuk
melihat menú (makanan dan
minuman) yang ada, biasanya
icon ini disebut dengan shop.
Dalam kehidupan nyata icon ini
seprti keranjang
Efektifitas
Icon disamping efektif karena
icon berupa kaca pembesar
yang umumnya digunkan
untuk icon pencarian,
meskipun pengguna baru
pasti paham dengan hal yang
dimaksud karena metaphor
ini tidak hanya dilakukan
pada website tapi di kehidupn
sehari hari juga kita sering
menjumpai icon tersebut
sehingga pengguna langsung
mengerti dengan maksud dari
icon tersebut
Icon disamping kurang
efektif karena icon tidak
diberi keterangan meskipun
berbentuk “seseorang tersebut
umumnya memang di
gunakan untuk melakukan
register ataupun login ke
dalam sebuah akun, tapi bagi
pengguna baru di website
kurang mengerti fungsi dari
icon tersebut
Icon disamping kurang efektif
karena icon tidak diberi
keterangan meskipun icon
berbentuk keranjang yang
umumnya memang
digunakan untuk melakukan
pembelian atau menyimpan
sesuatu yang akan di beli tapi
icon keranjang disamping
kurang familiar digunakan
dan telihat asing dan kurang
dimengerti apabila belum
meng klik icon
2. Website : http://www.drugstore.com / https://www.walgreens.com/

No Metaphor Keterangan Efektifitas

1 Metaphor disamping Icon disamping

digunakan untuk efektif karena icon
mencari dimana letak tersebut umumnya
lokasi tempat toko memang digunkan
tersebut. Icon tersebut untuk menandakan
dalam kehidupan nyata suatu lokasi.
seperti penanda suatu Ditambah kagi icon
tempat. disamping
mempunyai
keterangan “find a
store” sehingga
pengguna langsung
memahami
fungsinya.

2 Metaphor disamping Icon dismping efektif

digunakan untuk karena icon tersebut
melihat info yang berbentuk botol obat
berhubungan dengan meskipun dilihat
resep obat, juga sekilas seprti tong
terdapat menú yang sampah tapi icon
digunakan untuk isi menjadi jelas karena
ulang obat, status diberi keterangan
orderan, record, “prescritions”
trsnsfer, request dan disampingnya
hal -hal lain yang sehingga pengguna
mencakup obat dan tidak salah tapsir
resep. Dalam terhadap bentuknya
kehidupan nyata icon dan mengerti
tersebut berupa botol tujuannya.
obat yang digunakan
untuk menyimpan obat

Methapor disamping Icon disamping

digunkan untuk efektif meskipun
melihat info yang bentuk icon kurang
berhubungan dengan dipahami penguna
kaca mata dan lensa , tapi keterangan
terdapat menu untuk “contacts & glasses”
memesan kembali yang ada disamping
lensa contact dan membuat pengguna
menú menú lainnya memahami apa
yang berhubungan fungsi dari icon
dengan kesehatan tersebut.
mata. Dalam
kehidupan nyata icon
 tersebut berbentuk
setengah kaca mata

3. Website : https://www.traveloka.com/
No Metaphor Keterangan Efektifitas
Methapor disamping Icon disamping efektif
digunakan untuk melihat dikarnakan selain icon yang
info penerbangan jelas berbentuk pesawat juga
pesawat maupun diberi keterangan “tiket
membeli tiket pesawat. pesawat” disampingnya
Dalam kehidupan nyata sehingga memudahkan
icon tersebut berbentuk pengguna untuk mengethui
pesawat yang akan lepas fungsi dan tujuan icon
landas . tersebut
Metaphor disamping Icon disamping tidak begitu
digunakan untuk melihat efektif dikarenakan pada
semua promo (potongan icon tidak diberi keterangan
harga) yang ada pada meskipun icon disamping
situs tersebut. Dalam umumnya digunakan
kehidupan nyata icon sebagai icon yang
tersebut berbentuk melambangkan promo tapi
persen bagi pengguna yang baru
pertama Kali menggunakan
website untuk melakukan
suatu transaksi atau
pembelian kurang mengerti
fungsi dari icon tersebut .
Methapor disamping Icon disamping efekif
digunakan untuk karena pada samping icon
melakukan pembayaran diberi keterangan “Pay”
pada pembelian di dalam yang artinya pembayran.
website tersebut. Dalam Sehingga pengguna
kehidupan nyata icon langsung mengerti maksud
tersebut berbentuk dan fungsi icon tersebut
seperti burung terbang
Methapor disamping Icon disamping efektif
digunakan untuk tutorial karena pada samping icon
pemesanan (cara pesan) diber keterangan “cara
di website tersebut. Pada pesan” sehingga pengguna
kehidupan nyata icon langsung mengerti maksud
berbentuk kartu yang dan tujuan icon tersebut
bergambar tanda tanya
4. Website : https://keep.google.com

No Metaphor Keterangan Efektifitas

1 Methapor disamping Icon disamping efektif

digunakan untuk membuat karena icon diberi
catatan ataupun melihat keterangan “ catatan “
catatan yang sudah dibuat. sehingga pengguna
Pada kehidupan nyata icon mengerti maksud dan
tersebut berbentuk seperti tujuan dari icon tersebut
bola lampu berarti berhubungan
dengan catatan.

Metaphor disamping Icon disamping efektif

digunakan untuk membuat karena icon deberi
pengingat yang disertai keterangan “pengingat”
tanggal dan waktu. Dalam selain itu icon lonceng
kehidupan nyata icon ini juga umumnya digunakan
berbentuk seperti lonceng untun peringatan/
pengingat tentang sesuatu
yang akan dilakukan
sehingga dengan melihat
icon beserta keterangan
pengguna langsung paham
apa yang dimaksud oleh
icon tersebut

Metaphor disamping Icon disamping efektif

digunakan untuk karena icon diberi
mengangseh catatan yang keterangan “sampah “ dan
telah kita hapus. Catatan juga icon berbentuk tong
akan dihapus permanen sampah umumnya
setelah 7 hari apabila digunakan untuk
catatan tidak dipulihkan menghapus sesuatu dan
dan juga bisa dihapus disimpan dalam beberapa
permanen dengan hari jika tidak dihapus
mengklik catatan lalu permanen atau dipulihkan
memilih hapus permanen. sehingga pengguna
Dalam kehidupan nyata langsung mengerti
icon ini berbentuk seprti maksud dn tujuan icon
tong sampah tersebut.

5. Website : https://www.juiceplus.com

No Metaphor Keterangan Efektifitas

1 Methaphor disamping Icon disamping kurang

digunkan untuk melakukan efektif karena icon tidak
register pada website dan diberi keterangan
login untuk masuk apabila meskipun berbentuk
sudah melakukan register. “seseorang tersebut
 Dalam kehidupan nyata icon
tersebut berbentuk seperti
“seseorang”.
2 Metaphor dari icon disamping
digunakan untuk melakukan
mengubah negara dan bahasa
yang ada pada website.
Dalam kehidupan nyata icon
tersebut berbentuk seperti
bola Dunia
3 Metaphor disamping
digunakan untuk mencari
menú (makanan dan
minuman) yang ada pada
café di website tersebut.
Dalam kehidupan nyata icon
tersebut seperti kaca
pembesar yang digunkan
untuk melihat sesuatu yang
kecil.
4 Methapor disamping
digunakan untuk membeli
atau menyimpan pruducts
yang kita pilih, biasanya icon
ini disebut dengan shop.
Dalam kehidupan nyata icon
ini seprti keranjang
umumnya memang di
gunakan untuk melakukan
register ataupun login ke
dalam sebuah akun, tapi
bagi pengguna baru di
website kurang mengerti
fungsi dari icon tersebut
Icon diamping kurang
efektif dikarenakan
kurangnya keterangan
sehingga pengguna
kurang mengerti dengan
apa yang maksud dan
fungsi nya paila belom
meng klik icon tersebut
Icon disamping efektif
karena icon berupa kaca
pembesar yang umumnya
digunkan untuk icon
pencarian, meskipun
pengguna baru pasti
paham dengan hal yang
dimaksud karena
metaphor ini tidak hanya
dilakukan pada website
tapi di kehidupn sehari
hari juga kita sering
menjumpai icon tersebut
sehingga pengguna
langsung mengerti dengan
maksud dari icon tersebut
Icon disamping efektif
meskipun icon tidak diberi
keterangan icon berbentuk
keranjang yang umumnya
memang digunakan untuk
melakukan pembelian
atau menyimpan sesuatu
yang akan di beli tdan
icon disamping familiar
tdak hanya verada di
website saja . Shingga
pengguna mengerti
dengan maksud dan tujuan
darii con tersebut