Antar Muka Pengguna /

Pengalaman Pengguna
(User Interface/User Experience ~ UI/UX)
Minggu 03: Aspek Manusia bagian 2

Yonathan Dri Handarkho , S.T., M.Eng., Ph.D

Aspek Manusia dalam IMK bagian 2
• Tujuan Perkuliahan
• menjelaskan mengenai aspek manusia dalam IMK
• pengetahuan & mental model,
• metafor antarmuka & model konseptual

2
Outline
• Pengetahuan & Mental Model
• Metafor Antarmuka & Model Konseptual

3
Pengetahuan

4
Knowledge
• Pengetahuan (Knowledge) :
kumpulan fakta , prosedur, aturan atau kondisi sesuatu atau keadaan
yang timbul karena suatu pengalaman.

5
Representasi Pengetahuan
• Beberapa bentuk representasi Pengetahuan di dalam memori
• analogical representation
• propositional representation
• distributed representation

6
Representasi Pengetahuan
• Analogical Representation (Imagist)
• berupa gambar / imagist
• Representasi memiliki struktur yang sama dengan yang di representasikan
• Menggunakan jarak untuk merepresentasikan jarak di peta

7
Representasi Pengetahuan
• Propositional Representation (propositionalist)
• Hubungan mental antar objek di representasikan menggunakan
“simbol” dan tidak menggunakan mental images pada gambar
• “Simbol” yang biasa digunakan adalah bahasa
• Mendiskripsikan image menggunakan kalimat

8
Representasi Pengetahuan
• Menurut Imagists
• semakin besar rotasi obyek, semakin lama waktu yang dibutuhkan untuk menentukan
apakah kedua obyek tersebut sama
• Menurut Propositionalists
• lamanya waktu ditentukan oleh kompleksitas obyek

9
Representasi Pengetahuan
• Representasi Terdistribusi
• jaringan simpul-simpul dimana pengetahuan terletak secara implisit
(tersirat) dalam hubungan antar simpul tersebut

10
Representasi Pengetahuan

11
Organisasi Pengetahuan
• Pengetahuan harus diorganisasikan secara baik  berjuta-juta fakta
dan potongan informasi yang tersimpan dalam memori yang dapat
diakses secara cepat
• Teori pengorganisasian pengetahuan
• semantic networks (jaringan semantik)
• schemata

12
Organisasi Pengetahuan
• Teori Semantic Network
• pengetahuan direpresentasikan sebagai node (obyek / class obyek) dan link
(hubungan antar obyek)

13
Semantic Network

14
Semantic Network

15
Organisasi Pengetahuan
• Teori Schemata
• pengetahuan terdiri dari banyak skema (pengetahuan umum berdasarkan
pengalaman)
• contoh: panduan penggunaan komputer
• digunakan untuk memahami kejadian -kejadian yang umum/sama, dan
membantu manusia untuk bertindak pada situasi yang berbeda

16
Organisasi Pengetahuan
• Schemata
• skrip, adalah skenario yang merupakan bagian dari skema
• manusia membentuk skrip dengan berulang kali melakukan serangkaian aksi
yang sama pada suatu kondisi tertentu

17
18
Organisasi Pengetahuan
• Schemata
• skema membantu manusia melakukan aktivitas sehari-hari dengan mudah
• jika dihadapkan pada aktivitas baru tetapi dengan situasi yang mirip, dengan
pengetahuan yang ada, skema membantu manusia untuk bertindak yang benar
• contoh: mencari ruang pada suatu gedung
• dalam perancangan interface kesulitan yang timbul adalah tidak adanya
skema yang bersifat universal

19
Mental Model

20
Mental Model
• “Bentuk model (pemahaman) yang dimiliki orang terhadap dirinya sendiri,
orang lain, lingkungan, dan apapun yang berinteraksi dengan orang
tersebut. Orang membentuk sebuah mental model melalui pengalaman,
latihan, dan instruksi” [Donald Norman, 1988]

21
Mental Model
• Pemahaman user terhadap sistem, baik secara spontanitas atau
dalam bentuk yang terstruktur melalui pelatihan (Engineering
Psychology and Human Performance, Christopher D. Wickens,1999)

22
Mental Model
• Mental model dibangun secara dinamis dengan mengaktifkan
skemata yang disimpan dalam memori
• dibangun untuk mengambil kesimpulan dari suatu keadaan khusus (misalnya
untuk memprediksi yang akan terjadi)
• TV engineers have a "deep" mental model of how TVs work that allows them to
work out how to fix them.

23
Mental Model
• Dengan membangun mental model, manusia dapat mengambil
kesimpulan tanpa harus “melakukannya” di dunia nyata
• jika mental model yang dibuat tidak akurat/tepat justru dapat mengakibatkan
manusia mengambil kesimpulan yang salah

24
 Jenis Mental Model
• Model Struktural
• mengasumsikan pengguna
membangun struktur internal pada
memori mengenai bagaimana suatu
sistem/peralatan bekerja
• how it works : TV engineers

25
Jenis Mental Model
• Model Struktural
• (-)
• tidak dapat menjelaskan bagaimana pengguna akan melakukan suatu aksi
• membutuhkan banyak upaya untuk membuat suatu model struktural
• (+)
• dapat digunakan untuk menjelaskan bagaimana suatu peralatan bekerja dan
memprediksikan efek dari suatu tindakan

26
Jenis Mental Model
• Model Fungsional
• mengasumsikan pengguna membangun pengetahuan akan prosedur
mengenai bagaimana menggunakan suatu sistem/peralatan
• how to use it
• dibangun dari pengetahuan/pengalaman masa lalu dengan situasi yang mirip
(similar domain)
• sangat tergantung konteks
Contoh : TV Owners

27
Mental Model

28
Mental Model

29
Metafor Antarmuka &
Model Konseptual

30
Metafora
• Istilah Metafora umumnya dihubungkan dengan penggunaan bahasa.
• Saat kita ingin menyampaikan suatu konsep abstrak dalam bentuk
yang umum dan mudah dipahami, sering kita terpaksa menggunakan
pernyataan metafora (kiasan)

31
Metafor Verbal
• Pengetahuan akan suatu kondisi (elemen-elemen dan
hubungan/relasi antar elemen tersebut) yang diketahui dipetakan
pada kondisi yg tidak diketahui
• Contoh : Linguistik digunakan untuk membandingkan komputer (dan
komponennya) dengan suatu obyek yang sudah dikenal (familiar)
seperti mesin ketik
• word processor and typewriter

32
Metafor Verbal

33
Metafor Antarmuka Virtual
• Merepresentasikan interface dengan menggunakan obyek fisik dalam
bentuk tampilan grafis
• usahakan merancang suatu interface yang dapat digunakan secara intuitif
• Icon : copy, format, paste,
photoshop tools,etc

34
Model Konseptual

35
Model Konseptual
A description of the proposed system in terms of a set of integrated
ideas and concepts about what it should do, behave and look like, that
will be understandable by the users in the manner intended. (Preece,
Rogers, Sharp, 2002)

Deskripsi dari sebuah usulan sistem (baik dalam bentuk konsep dan
ide) mengenai bagaimana seharusnya sistem bekerja, berprilaku dan
terlihat seperti apa, yang akan di pahami oleh pengguna sesuai dgn
yang diharapkan

36
Model Konseptual
• Tujuan
• memastikan bahwa pengguna membangun sebuah model
terhadap sistem, sesuai dengan keinginan “pengguna sistem yang
ideal”, melalui interaksi pengguna dengan system image (user
interface, manual, pelatihan dll).

37
Model Konseptual

38
Model Konseptual

• Model konseptual atau model perancang:

• model yang diciptakan oleh perancang
• Model mental (pengguna) adalah model yang diciptakan oleh pengguna ketika
pengguna beinteraksi dengan suatu sistem.
• Gambaran sistem (system image)
• sistem yang diciptakan oleh perancang dan yang sesungguhnya dilihat oleh
pengguna
• menyangkut apa yang terlihat di layar tampilan
• hal-hal lain yang berhubungan dengan sistem tersebut.

39
Dasar Model Konseptual
• Representasi/penyajian sistem yang akurat, lengkap dan konsisten.
• Berpegang pada perancang sistem, para expert user , dan pelatih.
• Harus didasari pada kebutuhan tugas para pemakai, pengetahuan
sebelumnya dan pengalaman, persepsi dan pembatasan teori.

40
Model Konseptual
• Gagasan untuk Membuat suatu model konseptual yang baik ditawarkan
dalam metode User Centered design( Norman & Draper’s , 1986)
• User-Centered Design
• perancang mengamati user yang melakukan suatu tugas atau
mengevaluasi sebuah prototipe dan usaha untuk sampai kepada
sebuah konsep bagi sebuah desain

41
Model Konseptual : user center design
perancang akan menggunakan hasil pengamatan tersebut untuk
menggolongkan kemampuan sistem dan bagaimana hal tersebut
dieksekusi, dan mengkomunikasikan model tersebut melalui
antarmuka pemakai.

42
 Model Konseptual
• pengguna akan membentuk suatu model mental yang sesuai (user’s model)
melalui interaksi dengan sistem.
• jika proses ini sukses, maka pengguna akan mengembangkan suatu user’s
model yang sesuai tentang bagaimana sistem bekerja dan menggunakan
sistem tersebut dengan baik

43
Model Konseptual
• Model ini dibangun dari
• affordances (quality of an object, or an environment, that allows an individual to perform an
action)
• causality (hubungan sebab akibat)
• constraints (batasan)
• mapping (pemetaan)
• population stereotypes/cultural standards
• instructions (instruksi)
• interactions (interaksi, termasuk dengan orang lain)
• familiarity with similar devices/system (kebiasaan dengan alat serupa, perpindahan hal
positif)

44
Model Konseptual : Design vs. User’s (mental) Model

45
 Model Konseptual : Design vs. User’s (mental) Model

• User/Mental Model
• sangat dipengaruhi oleh pengetahuan sebelumnya yang dimiliki pemakai
serta pengalaman pengguna

46
 Model Konseptual: Design vs. User’s Model
• Design Model (model konseptual)
• harus didasarkan pada keperluan pemakai, pengetahuan sebelumnya serta
pengalaman
• bukan merupakan suatu representasi dari struktur dasar sistem, tetapi
sebuah model yang akan membantu para pemakai menggunakan sistem
secara efektif

47
Model Konseptual
Masalah:
Perancang model konseptual akan berkomunikasi via ‘system image’.
jika system image tidak menghasilkan model yang jelas dan konsisten
maka pemakai akan mengembangkan kesalahan.
(Gulf of execution)

48
Model Konseptual
• Gulf of execution
• Perbedaan antara keinginan pengguna dengan apa yang dapat dilakukan
oleh sebuah sistem atau seberapa jauh sistem tersebut dapat mendukung
tindakan yang akan dilakukan oleh pengguna
• muncul karena adanya jarak (gulf) antara representasi mental yang dimiliki
oleh pengguna dengan komponen fisik dan status sistem

49
Diskusi