Bab 5 - Aspek Afektif.ppt

Bagian 5:

 _{Antarmuka ekspresif}

 _{Bagaimana “tampilan” antarmuka dapat}

mempengaruhi pengguna

 _{Rasa frustrasi pengguna}

 _{Apa dan bagaimana menguranginya}

 _{Teknologi persuasif}

 _{Bagaimana teknologi dapat didesain untuk mengubah}

sikap dan perilaku pengguna

 _{Anthropomorphism dan desain interaksi}

 _{Pro dan kontra}

 _{Agen antarmuka dan “mainan” interaktif}

 _{Model konseptual tentang hubungan antara}

pengaruh dan user experience

 _{IMK tradisional adalah tentang mendesain}

sistem yang efsien dan efektif

 _{Saat ini lebih tentang bagaimana mendesain}

sistem interaktif yang membuat orang merespon dengan cara tertentu

 _{Contohnya, menjadi senang, menjadi percaya,}

untuk belajar, menjadi termotivasi

 _{Warna, ikon, suara, elemen grafs, dan}

animasi digunakan untuk membuat “look and feel” antarmuka menarik

 _{Mengekspresikan keadaan emosional}

 _{Pada gilirannya, hal ini dapat}

mempengaruhi kegunaan (usability) sebuah antarmuka

 _{Orang akan toleran dengan aspek tertentu dari}

antarmuka (contohnya, kecepatan unduh yang lambat) jika hasil akhirnya menarik dan estetis

 _{Pengguna telah membuat sejumlah}

emoticon – kompensasi terhadap

kurangnya keekspresifan pada komunikasi teks:

 _{Senang :)}  _{Sedih :<}  _{Sakit :x}  _{Marah >:}

 _{Sangat marah >:-(}

 _{Penggunaan ikon dan singkatan dalam}

penulisan dan pesan instan juga

mempunyai konotasi emosional, misalnya

 _{I 21 CU 2NITE (baca: “I want to see you tonight”)}

 _{Marcus (1992) mengusulkan antarmuka untuk}

kelompok pengguna yang berbeda

 _{Dialog box kiri didesain untuk wanita Amerika kulit putih}

 _{yang menyukai “presentasi lebih rinci, bentuk curvilinear, dan}

ketiadaan beberapa istilah yang lebih ‘brutal’ ... Disenangi oleh

software engineer pria.”

 _{Dialog box kanan didesain untuk pria dewasa Eropa}

intelektual

 _{yang menyukai tulisan yang sopan, a restrained treatment of}

information density, pendekatan klasik terhadap pemilihan font”

 _{Teasley et al (1994) menemukan bahwa hal ini tidak}

benar

 _{Dialog box Eropa disukai oleh semua orang dan dianggap yang}

paling cocok untuk semua pengguna

 _{Dialog box bundar sangat tidak disukai oleh semua orang}

 _{Microsoft memelopori antarmuka}

bersahabat untuk teknofobia – perangkat lunak ‘At home with Bob’

 _{Metafor 3D didasari oleh tempat yang}

familiar (misalnya, ruang tamu)

 _{Agen berwujud hewan peliharaan}

(misalnya, kelinci, anjing) disertakan untuk “berbicara” dengan pengguna

 _{Membuat pengguna merasa lebih santai dan}

nyaman

Clippy

 _{Mengapa Clippy tidak disukai banyak}

orang?

 _{Apakah ia menyebalkan, mengganggu,}

terkesan menggurui, atau lainnya?

 _{Pengguna seperti apa yang menyukai}

 _{Banyak sebab:}

 _{Saat aplikasi tidak bekerja semestinya atau terjadi crash}  _{Saat sistem tidak berjalan seperti yang pengguna inginkan}  _{Saat ekspektasi pengguna tidak tercapai}

 _{Saat sistem tidak memberikan informasi yang cukup bagi}

pengguna untuk mengetahui apa yang harus dilakukan

 _{Saat muncul pesan kesalahan yang tidak jelas, bodoh,}

atau menuduh

 _{Saat tampilan antarmuka terlalu ramai, cacat, terlalu}

mencolok, atau menggurui

 _{Saat sistem meminta pengguna untuk melakukan terlalu}

banyak langkah dalam mengerjakan suatu tugas, hanya untuk menemukan kesalahan yang dibuat sebelumnya dan mereka harus mengulang lagi dari awal

Gimmick



Menghibur bagi perancangnya tapi tidak

bagi pengguna, misalnya,

 _{Mengklik link ke sebuah website hanya untuk}

“The application unexpectedly quit due to a type 2 error.” Mengapa tidak:

“The application has expectedly quit due to poor coding in the operating system”

 _{Panduan dari Shneiderman untuk pesan kesalahan}

termasuk:

 _{Menghindari istilah seperti “FATAL”, “INVALID”, “BAD”}  _{Peringatan suara}

 _{Menghindari UPPERCASE dan nomor kode yang panjang}  _{Pesan harus jelas dan rinci}

 _{Menyediakan bantuan yang sesuai konteks}

“The requested page

/helpme

is not

available on the

web server

.

If you followed a link or bookmark to get

to this page,

please let us know

, so that

we can fx the problem. Please include the

URL of the referring page as well as the

URL of the missing page.

Otherwise check that you have typed the

address of the web page correctly.

The Web site you seek

Cannot be located, but

Countless more exist.”

 _{Reeves dan Naas (1996) mengusulkan bahwa komputer}

semestinya dibuat untuk dapat meminta maaf

 _{Meniru etiket manusia}

 _{Akankah pengguna dapat memaafkan komputer}

sebagaimana memaafkan manusia jika komputer

meminta maaf sebagaimana manusia meminta maaf?

 _{Seberapa besar pengguna mengakui ketulusan}

komputer? Sebagai contoh, setelah terjadi crash pada sistem:

 _{“I’m really sorry I crashed. I’ll try not to do it again”}

 _{Bagaimana cara lainnya bagi komputer untuk}

berkomunikasi dengan pengguna?



Sistem komputasi interaktif

sengaja didesain untuk mengubah

sikap dan perilaku orang (Fogg,

2003)



Teknik yang beragam kini

digunakan untuk mengubah apa

Pocket Pikachu

Nintendo



Mengubah kebiasaan buruk dan

meningkatkan

well-being

 _{Didesain untuk mendorong}

anak-anak agar lebih aktif secara fsik

 _{Pemilik hewan peliharaan digital}

yang “hidup” dalam perangkat dituntut untuk berjalan, berlari, atau melompat

 _{Jika pemilik tidak berlatih, hewan}

 _{Apakah penggunaan bentuk baru dari teknologi}

interaktif (misalnya, kombinasi sensor dan

informasi yang diperbarui secara berkala) yang mengawasi, menanyakan berulang-kali, atau mengirim pesan terpersonalisasi

terus-menerus kepada seseorang, lebih efektif dalam mengubah perilaku seseorang daripada

metode non-interaktif seperti penempatan

tanda peringatan, label, atau iklan pada posisi strategis?

 _{Web digunakan untuk menjebak orang}

untuk memberikan data pribadi

 _{semisal paypal, ebay dan pemberitahuan menang}

lotere

 _{Memungkinkan fraudster Internet dapat}

mengakses akun bank mereka dan mengambil uang mereka

 _{Banyak menjebak orang yang tidak awas}  _{Seni penipuan sudah berumur ratusan}

tahun tetapi Internet menimbulkan cara-cara baru yang lebih pintar untuk menipu orang



Pemberian atribut karakteristik

manusiawi pada objek benda mati

(contohnya pada tokoh flm kartun)



Fenomena yang umum pada periklanan

 _{Selai, minuman, dan sereal yang menari}



Banyak digunakan pada interaksi

manusia komputer

 _{Membuat user experience yang lebih}

menyenangkan, lebih memotivasi, membuat orang merasa santai, mengurangi kekuatiran

1. Sebagai pesan selamat datang

 _{“Hello Chris! Nice to see you again. Welcome}

back. Now what were we doing last time? Oh yes, exercise 5. Let’s start again.”

 _{“User 24, commence exercise 5.”}

2. Umpan balik saat terjadi kesalahan

 _{“Now Chris, that’s not right. You can do}

better than that.Try again.”

 _{“Incorrect. Try again.”}

Apakah ada perbedaan dalam pilihan Anda yang bergantung jenis pesan? Mengapa?

 _{Reeves dan Naas (1996) menemukan bahwa}

komputer yang memuji pengguna pada program perangkat lunak edukasi dapat memberi akibat positif pada mereka

“Your question makes an important and useful distinction. Great job!”

 _{Pelajar akan lebih tertarik untuk melanjutkan}

latihan dengan umpan balik seperti ini

 _{Deceptive, membuat orang merasa tidak nyaman, rendah}

diri atau bodoh

 _{Orang cenderung tidak menyukai karakter layar yang}

mengayunkan jari pada pengguna dan berkata:

 _{“Now Chris, that’s not right. You can do better than}

that.Try again.”

 _{Kebanyakan memilih pendekatan yang lebih tak}

bersahabat:

 _{“Incorrect. Try again.”}

 _{Studi telah menunjukkan bahwa umpan balik}

terpersonalisasi dianggap kurang jujur dan membuat pengguna merasa kurang bertanggung jawab atas perbuatan mereka (e.g. Quintanar, 1982)

Kritik pada

Karakter Virtual

 _{Semakin sering muncul pada layar}

 _{Web agents, karakter pada video game, teman belajar,}

wizards, hewan peliharaan, pembaca berita, bintang pop

 _{Memberikan sosok yang ramah, mempunyai}

Kerugian



Menuntun orang pada rasa kepercayaan

yang salah/semu, membuat mereka

membeberkan rahasia pribadi pada

chatterbot (contohnya, Alice)



Menyebalkan dan membuat frustrasi

 _{Contohnya, Clippy}



Tidak dapat dipercaya

 _{Asisten belanja virtual}

Miss Boo



Menurut Anda,

Rea the realtor

 _Rea

menunjukkan sebuah apartemen kepada pengguna

 _{Bentuk tubuh menyerupai}

manusia

 _{Menggunakan isyarat,}

komunikasi non-verbal (ekspresi wajah, kedipan mata) saat berbicara

 _{AI yang mengagumkan}

Teknik yang digunakan untuk membuat bentuk

 _{Mike mendekati layar dan Rea berbalik untuk menghadapinya dan berkata:}  _{Hello. How can I help you?}

 _{Mike: I’m looking to buy a place near MIT.}

 _{Rea mengangguk, menandakan bahwa ia mengikuti.}

 _{Rea: I have a house to show you. (picture of a house appears on the screen)}  _{Rea: it is in Somerville.}

 _{Mike: Tell me about it.}

 _{Rea mengalihkan pandangan saat ia memikirkan apa yang akan} dikatakannya.

 _{Rea: It’s big.}

 _{Rea membuat isyarat dengan tangannya makes an expansive gesture with} her hands.

 _{Mike mengangkat tangannya untuk berbicara, sehingga Rea berhenti,} menunggunya berbicara.

 _{Mike: Tell me more about it.}

 _{Rea: Sure thing. It has a nice garden...}

 _{Apakah Anda akan membeli rumah yang ia tawarkan?}



Apa yang dilakukan agen virtual?



Apakah mereka membuat Anda

merespon dengan emosional?



Apakah Anda mempercayai mereka?



Apa gaya interaksinya?



Ekspresi wajah apa yang mereka punyai?



Apakah mereka dapat dipercaya,

memaksa, membantu?



Apakah akan berbeda jika mereka pria?

Jika ya, bagaimana?

Hewan Peliharaan Virtual

 _{Silas si anjing}

(Blumberg, 1996)

 _{Hewan peliharaan}

otonom dengan

internal state

 _{Dapat merespon}

Teman Belajar Virtual



Memainkan peran kolaboratif pada

antarmuka



Kebanyakan berwujud kartun

 _{Contohnya, Herman si serangga (Lester et al,}

1997)

 _{Hinggap di tanaman, menjelaskan hal-hal}

 _{Kepercayaan merujuk pada tingkatan di mana}

pengguna mulai mempercayai tujuan dan kepribadian agen

 _{Penampilan sangat penting}

 _{Apakah karakter kartun sederhana atau karakter yang lebih}

realistis, yang mendekati wujud manusia, lebih dipercaya?

 _{Perilaku sangat penting}

 _{Bagaimana sebuah agen bergerak, berisyarat, dan}

berkaitan dengan objek lain pada layar

 Penguatan ekspresi wajah dan isyarat, untuk menunjukkan emosi terpendam (seperti pada industri animasi)

Model Desain Emosional



Model emosi

 _{Keadaan emosional kita mengubah}

bagaimana kita berpikir

 _{Saat ketakutan atau marah, kita sangat fokus}

dan tubuh memberi respon berupa

menegangnya otot dan keluarnya keringat  _{Menjadi kurang toleran}

 _{Saat senang, fokus kita berkurang dan tubuh}

rileks

 _{Tidak memikirkan masalah kecil dan menjadi} lebih kreatif

_{Perlukah kita membuat produk yang mampu}

beradaptasi sesuai dengan keadaan emosional yang berbeda-beda?

 _{Saat pengguna merasa marah, perlukah antarmuka}

menjadi lebih membantu dan informatif dibanding saat pengguna merasa senang?

_{Benarkah pendapat Norman?}

 Perancang dapat lebih leluasa dalam membuat

produk yang ditujukan untuk digunakan pada waktu senggang daripada yang dirancang untuk tugas

serius

 _{Jordan (2000) mengacu pada Pleasure} framework Tiger (1992)

 _{Fokus pada aspek kepuasan dari interaksi kita}

dengan produk

(i) physio-pleasure

(ii) socio-pleasure

(iii) psycho-pleasure

(iv) ideo-pleasure (kognitif)

 _{Bertujuan merumuskan pemikiran perancang}

mengenai kepuasan yang terdiri atas beberapa jenis

 _{Framework user experience oleh McCarthy dan}

Wright (2004), dalam artian bagaimana hal tersebut dirasakan oleh pengguna

 _{Diturunkan dari Pragmatisme, yang bertumpu}

pada aspek sense-making dari human experience

 _{Terdiri atas 4 hal:}

 _{Komposisional,}  _Sensual,

 _Emosional,

 _{Spatio-temporal}

 _{Aspek afektif mempelajari tentang bagaimana sistem interaktif} membuat pengguna merespon dengan cara yang emosional  _{Antarmuka yang dirancang dengan baik dapat memberi}

perasaan bagus kepada pengguna

 _{Antarmuka ekspresif dapat memberi umpan balik yang bagus}  _{Antarmuka yang dirancang dengan buruk membuat pengguna}

kesal dan frustrasi

 _{Anthropomorphism adalah pemberian atribut manusiawi}

kepada objek

 _{Bentuk anthropomorphism yang semakin populer adalah agen} dan karakter virtual lainnya sebagai bagian dari antarmuka  _{Model aspek afektif memberikan cara konseptualisasi}

emosional dan aspek kepuasan dari desain interaksi