Interaksi Manusia dan Komputer

Participatory Design

Tim Dosen Interaksi Manusia dan Komputer

Users creative? Really?

Foto: michelhrv (Flickr, creative commons)

29/09/23 Interaksi Manusia dan Komputer 2

Users creative? Really?

Pengguna tidak membuat ini… Atau ini…

29/09/23 Interaksi Manusia dan Komputer 3

 In which ways can users contibute creatively?

29/09/23 Interaksi Manusia dan Komputer 4

Pengguna Sebagai Sumber Kreativitas
• Partisipasi sebagai hak demokratis
• Pengguna menyumbangkan
pengetahuan spesifik dalam desain
karena ada pengalaman di domain kasus
• Pengguna terlibat dalam proses kreatif
dengan desainer dan pemangku
kepentingan
• Asumsi: Kerja sama yang erat antara
desainer, pengguna, dan pemangku
kepentingan akan meningkatkan proses
dan hasil.

29/09/23 Interaksi Manusia dan Komputer 5

Are users also designers?
Keterlibatan Pengguna dalam Co-Design

Peran klasik pengguna, peneliti, dan perancang dalam proses desain (di sebelah kiri) dan bagaimana
mereka bergabung dalam proses perancangan bersama (di sebelah kanan)

(Sanders & Stappers, 2008.) 7

Metode Participatory Design
• Melibatkan pengguna dalam proses desain. Techniques include:
• Menekankan hubungan yang demokratis dan • Collage
kolaboratif antara pengguna dan desainer untuk • Describing icons
menciptakan teknologi baru • Card Sorting

Discover Phase Define Develop Deliver

Phase Phase Phase

Problem Research, analyze, Definition Prototype, Solution

Space synthesize of domain test, refine

Feedback and iterate

8
Co-designing with stakeholders – how
would the product be impacted?
Tingkatan Partisipasi

Muller, M. J., & Kuhn, S. (1993). Participatory design. Communications of the ACM, 36(6), 24–28. https://doi.org/10.1145/153571.255960
10
Value of Participatory Design

Kemitraan yang setara antara desainer dan pengguna

Yip et al.. 2017. Examining Adult-Child Interactions in Intergenerational Participatory Design.
https://www.youtube.com/watch?v=rv6QpWOXbwM
11
 Value of Participatory Design (2)

Equalizing power dynamics between stakeholders, (e.g., designing patient-centered care)

Dykes et al. Participatory Design and Development of a Patient-centered Toolkit to Engage Hospitalized Patients and Care Partners in their Plan of Care.
https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4419925/pdf/1986024.pdf

12
 Value of Participatory Design (2)

• Mengeksplorasi cara-cara di mana desain dapat mengatasi kesenjangan untuk komunitas yang
kurang terlayani
• Terlibat dengan komunitas yang kurang terlayani dalam desain teknologi

(Harrington et al., 2019. Engaging Low-Income African-American Older Adults in Health Discussions through Community-based Design Workshops)

29/09/23 Interaksi Manusia dan Komputer 13

Participatory Design Tools

• PICTIVE – An Exploration in Participatory Design (Muller, 1991)

• Plastic Interface for Collaborative Technology Initiatives melalui eksplorasi video

14
Aktivitas Participatory Design: Collages
COLLAGE : Mengelola dan mengatur gambar, kata-kata, dan objek nyata

Mewakili perasaan dan pengalaman

pribadi dengan produk, layanan,
pengaturan, orang, organisasi, atau
lingkungan
29/09/23 Interaksi Manusia dan Komputer 16
Aktivitas Participatory Design: Card Sorting
CARD SORTING:
Mengambil sudut pandang
pengguna
• Cars Sorting adalah teknik partisipatif
yang berpusat pada pengguna yang
digunakan untuk memahami sikap, nilai,
preferensi, dan perilaku pengguna yang
berkaitan dengan domain yang diteliti.
• Teknik ini digunakan ketika kita perlu
mengembangkan pemahaman yang
mendalam mengenai mental model
pengguna.
• Penyortiran kartu juga memberikan
wawasan tentang bagaimana pengguna
memahami subjek yang sedang dibahas.

29/09/23 Interaksi Manusia dan Komputer 18

Aktivitas Card Sorting
• Metode ini melibatkan peserta untuk mengkategorikan item yang berbeda
seperti kata-kata atau gambar pada kartu terpisah berdasarkan kriteria yang
telah ditentukan sebelumnya yang diuraikan oleh peneliti.
• Apakah tujuan penggunaan metode ini bersifat eksploratif atau evaluatif akan
menentukan cara proses dirancang.
• Meskipun penelitian penyortiran kartu secara online masuk akal untuk proyek-
proyek yang berada di tahap lebih lanjut dalam proses desain, teknik penyortiran
kartu paling baik diterapkan di awal proses desain melalui sesi tatap muka.
• Penyortiran kartu secara langsung memungkinkan peneliti untuk menyelidiki
responden tentang keputusan penyortiran mereka dan mendapatkan wawasan
berharga yang akan membosankan jika menggunakan perangkat lunak online.

29/09/23 Interaksi Manusia dan Komputer 19

Tujuan Card Sorting
• Mengembangkan pemahaman yang mendalam tentang model mental pengguna
dari suatu domain
• Mengembangkan pemahaman yang mendalam tentang cara pengguna
menyelesaikan masalah, konsep, atau tugas di kepala mereka, dan
mengurutkannya berdasarkan prioritas dan nilai relatif dari item yang dipecah.
• Menemukan kesamaan serta perbedaan antara peserta dan kelompok pengguna
• Mengetahui bagaimana pengguna berharap untuk melihat informasi
dikelompokkan di aplkasi
• Mengetahui dan membandingkan bagaimana para pengguna dapat memahami
konsep atau ide yang berbeda satu sama lainnya
• Membuat pengguna mengurutkan atau mengatur item berdasarkan kriteria yang
ditetapkan.

29/09/23 Interaksi Manusia dan Komputer 20

Card Sorting Output :
INFORMATION
ARCHITECTURE FOR A
MOVIE SITE

29/09/23 Interaksi Manusia dan Komputer 21

Card Sorting Output : SITE MAP – Booking a Trip Website

Source Detail:
https://online.visual-
paradigm.com/pt/diagra
ms/templates/site-map-
diagram/travel-booking-
sitemap/

29/09/23 Interaksi Manusia dan Komputer 22

 https://www.youtube.co
m/watch?v=FTzHeYPB9c8

https://www.optimalworkshop.com/101/card-sorting

http://boxesandarrows.com/card-sorting-a-definitive-guide/

29/09/23 Interaksi Manusia dan Komputer 23

 Jenis Card Sorting
METODE TUJUAN KELEBIHAN KEKURANGAN
Open Sort Partisipan menyortir kartu ke dalam • Memberikan lebih banyak Partisipan yang beragam
kategori yang masuk akal bagi fleksibilitas kepada pengguna. dapat mengkategorikan kartu
mereka (sesuai preferensi mereka), • Peluang untuk kritis lebih tinggi. secara berbeda yang dapat
dan memberi label pada setiap menambah kerumitan saat
kategori mengkonsolidasikan temuan.

Closed Sort Partisipan menyortir kartu
berdasarkan kategori yang sudah
ditentukan
Hybrid Partisipan menyortir kartu ke dalam
kategori yang Anda berikan, dan
juga dapat membuat kategori
mereka sendiri
Salah satu bentuk teknik
penyelidikan observasional bagi
desainer karena mereka telah
menetapkan kriteria yang telah
ditetapkan sebelumnya untuk
memudahkan pengkategorian item
yang berbeda ke dalam kelompok.
Pengguna memiliki
fleksibilitas yang lebih rendah
dalam menyortir. Metode ini
mengasumsikan bahwa
desainer sepenuhnya
mengetahui proyek (mungkin
tidak selalu demikian)

29/09/23 Interaksi Manusia dan Komputer 24

Latihan: Card Sorting
Instructions for Researcher
1.Make a copy of the Template for your use.
2.Tell the participant about the research. The goal of the research is to design a web site for a new
teaching professor at UWB CSS.
3. You are asking for help to find what categories of information should be on the site's homepages
and the pages linked to from the homepage. You are asking for help on what the categories of
information should be called on the website.
4.They will be sorting cards that each represent an item of information about the professor and their
work. Organize & label the cards into groups that make sense to them.
5.Let the participant work. Minimize interruptions but encourage the participant to think aloud. If, at
the end, the participant has too many groups for the homepage, ask if some of the groups could be
combined.
6.Since this is a closed card sort, ask about their expectations for what the categories mean based on
the names.
7.Ask about their final card organization.
8.Thank them for their input.
https://miro.com/app/board/uXjVOdt6v3Q=/
29/09/23 Interaksi Manusia dan Komputer 25
Aktivitas Participatory Design: Describing Icons
Ikon yang Mudah Dikenali

https://www.smashingmagazine.com/2016/10/icons-as-part-of-a-great-user-experience/
29/09/23 Interaksi Manusia dan Komputer 27
Ikon dengan Beragam Makna

https://www.smashingmagazine.com/2016/10/icons-as-part-of-a-great-user-experience/
29/09/23 Interaksi Manusia dan Komputer 28
Ikon dengan Makna yang Bertentangan

https://www.smashingmagazine.com/2016/10/icons-as-part-of-a-great-user-experience/
29/09/23 Interaksi Manusia dan Komputer 29
Ikon Abstrak

29/09/23 Interaksi Manusia dan Komputer 30

Interferensi Gambar/Kata

29/09/23 Interaksi Manusia dan Komputer 31

 Breakout rooms:
“Describing icons” mock research
Contoh Insights

29/09/23 Interaksi Manusia dan Komputer 33

 Terima Kasih

29/09/23 Interaksi Manusia dan Komputer 34