Session 1
Session 1
Pengantar UX
Sesi 01 - 02
Machine Translated by Google
Hasil belajar
Referensi
Sub topik
• Berbagai UX •
Kekhawatiran UX
• Menjadi digital
• Keterampilan Desainer UX •
Mengapa berpusat pada manusia itu penting
• PACT : Kerangka untuk mendesain UX
• Mencakup masalah dengan PACT
Machine Translated by Google
Ragam UX
• UX diperlukan jika kita ingin memiliki desain yang aman, efektif, etis,
dan berkelanjutan.
Machine Translated by Google
Ragam UX
Ragam UX
• Ada banyak video bagus di situs iPhone Apple. Tonton iklannya, kritik desainnya, dan
bandingkan dengan fitur serupa di ponsel Anda sendiri dan di ponsel teman Anda. Lihat
fitur khusus – misalnya roda untuk memilih tanggal dan waktu. Lihatlah beberapa aplikasi
dan ulasan di toko aplikasi. • Lihat perangkat di https://nest.com/ dan
baca ulasan seperti http://uk.pcmag.com/digital-home/85/feature/the-best-smart-home-devices
of-2017.
• Pikirkan tentang permainan komputer dan, khususnya, diskusikan gerak tubuh sebagai
metode masukan. Ada banyak video orang yang memainkan Wii, misalnya.
Bandingkan ini dengan antarmuka Xbox. Gerakan berarti interaksi yang jauh lebih inklusif.
Bagaimana kita menggunakan gerak tubuh dalam kehidupan
sehari-hari? • Toko Burberry menyadarkan kita bahwa UX lebih dari sekadar merancang
aplikasi dan situs web. Tonton videonya di https://show.burberry.com/uk/ dan pikirkan
tentang masalah desain dan pengalaman yang lebih luas.
Machine Translated by Google
Ragam UX
Ragam UX
• Fokus pada ide avatar dan avatar sebagai representasi diri. Seberapa dekat
orang mengidentifikasi dengan avatar mereka? Ada banyak konten di http://
secondlife.com. Daftar dan bermain-main dengannya. Lihatlah interaksi
navigasi.
Machine Translated by Google
Ragam UX
Ragam UX
Ragam UX
Ragam UX
Ted Pembicaraan
https://www.ted.com/talks/david_kelley_how_to_build_y
our_creative_confidence
Machine Translated by Google
Kekhawatiran UX
• Desain
• Apa itu desain dan bagaimana seharusnya
Anda
melakukannya? • Teknologi • Sistem, produk, perangkat, dan
komponen interaktif • Perancang UX perlu tahu
tentang
teknologi • Orang • Perancang UX perlu mempertimbangkan siapa
yang akan menggunakan sistem dan layanan dan kehidupan siapa
yang ingin mereka
tingkatkan melalui desain mereka. • Kegiatan dan Konteks
• UX adalah tentang apa yang ingin dilakukan orang, tentang tujuan,
perasaan, dan pencapaian
mereka. • UX perlu mempertimbangkan konteks di mana aktivitas tersebut dilakukan
terjadi.
Machine Translated by Google
Orang dan
Teknologi
Melihat Orang-orang Mesin adalah
Tidak jelas Tepat
Kacau Tertib
Dapat mengalihkan perhatian Tidak dapat dialihkan
Antarmuka
• Antarmuka ke sistem atau layanan interaktif, juga disebut antarmuka pengguna (UI),
adalah semua bagian dari sistem yang bersentuhan dengan orang, secara fisik,
perseptual, dan konseptual :
• Secara fisik kita mungkin berinteraksi dengan perangkat dengan menekan tombol
atau menggerakkan jari di atas layar sentuh yang sensitif. Perangkat interaktif
mungkin merespons dengan memberikan umpan balik melalui tekanan tombol
atau mengubah tampilan sebagai respons terhadap gesekan.
• Secara perseptual, perangkat menampilkan hal-hal di layar yang dapat kita lihat,
mengeluarkan suara yang dapat kita dengar, atau berperilaku dengan cara yang
dapat kita rasakan.
• Secara konseptual kita berinteraksi dengan perangkat dengan mencoba mencari
tahu apa fungsinya dan apa yang seharusnya kita lakukan. Perangkat menyediakan
pesan dan konten lain yang dirancang untuk membantu kami melakukan hal ini.
Machine Translated by Google
Antarmuka
• UX bukan hanya soal mendesain antarmuka. Seluruh ekologi manusia-
perangkat perlu dipertimbangkan, seperti halnya interaksi manusia-
manusia yang sering diaktifkan melalui sistem tersebut.
• Semakin lama, sistem interaktif terdiri dari banyak perangkat yang saling
berhubungan, beberapa dikenakan oleh orang, beberapa tertanam di
jalinan bangunan, beberapa dibawa. Desainer UX peduli dengan
menghubungkan orang melalui perangkat dan saluran; mereka perlu
mempertimbangkan seluruh lingkungan yang mereka ciptakan.
Machine Translated by Google
Gambar 1.7 Berbagai antarmuka pengguna: remote control; gelombang mikro; telapak tangan; dan
pengontrol Xbox
Sumber: (a) Fujitsu; (b) © D. Hurst/Alamy Images; (c) Gareth Boden/Pearson Education Ltd. (d) Microsoft Limited
Machine Translated by Google
Ragam UX
Keterampilan dari
Desainer UX
• Desainer UX membutuhkan berbagai keterampilan dan perlu memahami
berbagai disiplin ilmu jika ingin dapat melakukan pekerjaannya dengan baik.
Mereka membutuhkan campuran keterampilan yang memungkinkan mereka untuk dapat:
• Mempelajari dan memahami aktivitas, tujuan, dan aspirasi orang-orang
serta konteks di mana beberapa teknologi terbukti berguna dan
karenanya menghasilkan persyaratan untuk teknologi (terkadang
disebut 'penelitian pengguna')
• Ketahui kemungkinan yang ditawarkan oleh teknologi
• Ciptakan solusi teknologi yang sesuai dengan orang, aktivitas yang
ingin mereka lakukan, dan konteks di mana aktivitas tersebut terjadi
(terkadang disebut 'ideasi') • Evaluasi desain alternatif
dan ulangi (lakukan lebih banyak riset dan lebih banyak lagi desain)
sampai solusi tiba di.
Machine Translated by Google
Keterampilan dari
Desainer UX
• Orang
• Teknologi •
Kegiatan dan konteks •
Desain
Machine Translated by Google
Keterampilan dari
Desainer UX
Keterampilan Desainer UX
Diskusi
Gambar 2.2 Sifat aktivitas bertelepon yang berubah seiring kemajuan teknologi
Sumber: Gambar Asosiasi Pers; Gambar Susanna Price/DK; Mike van der Wolk/Pearson Education Ltd.
Machine Translated by Google
Orang (Ergonomi)
Orang (Ergonomi)
Sumber : Halaman 30
Machine Translated by Google
• Orang-orang berinteraksi dengan citra sistem dan dari sini harus menurunkan
konsepsi mereka ('model mental' mereka) tentang sistem itu dan apa yang
dilakukannya.
• Rancangan konseptual yang jelas, logis dan konsisten akan lebih mudah untuk
dikomunikasikan kepada orang yang menggunakan sistem dan karenanya mereka
akan mengembangkan konsepsi yang lebih jelas tentang sistem itu sendiri.
Machine Translated by Google
Konteks
• Kegiatan selalu terjadi dalam suatu konteks, sehingga perlu dilakukan analisis
keduanya bersama-sama.
• Tiga jenis konteks yang bermanfaat dapat dibedakan: konteks organisasi, konteks
sosial, dan keadaan fisik di mana aktivitas berlangsung.
• Konteks bisa menjadi istilah yang sulit. Terkadang berguna untuk melihat
konteks yang melingkupi suatu kegiatan;
• Lingkungan fisik di mana suatu aktivitas terjadi adalah penting. Misalnya, sinar
matahari pada tampilan ATM dapat membuatnya tidak terbaca. • Konteks sosial di
mana kegiatan
berlangsung juga penting. Lingkungan yang mendukung akan menawarkan banyak
bantuan untuk aktivitas tersebut
• Konteks organisasi (Gambar 2.7) penting karena perubahan teknologi sering kali
mengubah komunikasi dan struktur kekuasaan dan mungkin berdampak pada
pekerjaan, seperti penurunan keterampilan.
Machine Translated by Google
Teknologi
Teknologi (Masukan)
• Salah satu perangkat input yang paling banyak digunakan adalah mouse (Gambar
2.10), yang dikembangkan di Stanford University Research Laboratory pada
pertengahan 1960-an.
Machine Translated by Google
Teknologi (Masukan)
Teknologi (Masukan)
Teknologi (Masukan)
Gambar 2.10 Mouse satu tombol Mac. Satu tombol dari Mac tradisional dikatakan
memiliki keunggulan 'Anda selalu tahu tombol mana yang harus ditekan'
Sumber: Gambar Alan Mather/Alamy
Machine Translated by Google
Teknologi (Masukan)
• Mouse telah menjadi perangkat penunjuk default. Desain mouse yang lebih kontemporer mencakup
roda (lihat Gambar 2.11) untuk menggulir dokumen atau halaman web. Mouse mungkin tanpa
kabel, menggunakan infra merah untuk berkomunikasi dengan komputer host.
• Pada tahun 2009 Apple memperkenalkan 'mouse ajaib', yang mengkombinasikan fungsi mouse
tradisional dengan kemampuan multi-sentuh, yang memungkinkan serangkaian gerakan sentuh
baru untuk interaksi.
• Joystick (Gambar 2.12) adalah pegangan yang berputar dari satu titik pusat. Melihat joystick dari
atas, joystick dapat dipindahkan ke utara, selatan, timur, dan barat (dan semua titik di antaranya)
untuk mengontrol penunjuk di layar, pesawat ruang angkasa, atau objek di layar lainnya.
• Sistem lain, terutama Microsoft Kinect, mengenali gestur melalui pelacakan anggota tubuh dan
gerakan tubuh dengan menempelkan sensor ke anggota tubuh atau dengan menggunakan kamera
(Gambar 2.13).
• Bentuk input lainnya termasuk kode respons cepat (QR) dan penanda fidusia augmented-reality (AR)
(Gambar 2.14). Kode QR digunakan oleh aplikasi pemindaian tujuan umum di ponsel untuk
menghubungkan ponsel ke situs web, atau untuk menjalankan short
urutan
Machine Translated by Google
Teknologi (Masukan)
Gambar 2.11 Mouse dua tombol Microsoft dengan thumbwheel (yang digunakan untuk
menggulir)
Sumber: w ww.microsoft.com/presspass/images/gallery/hardw are/BNMS_mouse_w eb.jpg. Dicetak dengan izin dari Microsoft Corporation
Machine Translated by Google
Teknologi (Masukan)
Teknologi (Masukan)
Teknologi (Masukan)
Teknologi (Keluaran)
Teknologi (Keluaran)
Gambar 2.15 Tampilan dioda pemancar cahaya (OLED) organik yang fleksibel
Sumber: Volker Steger/Science Photo Library Ltd
Machine Translated by Google
Teknologi (Keluaran)
• Salah satu cara mengatasi masalah dengan 'real estate' tampilan terbatas
adalah dengan menggunakan proyektor data (Gambar 2.16). Walaupun
resolusinya biasanya kurang dari monitor, gambar proyeksi yang dihasilkan
bisa sangat besar.
• Selain tampilan visual konten, suara merupakan metode output yang penting.
Suara adalah media output yang secara signifikan kurang digunakan.
Keluaran ucapan juga merupakan pilihan yang semakin populer (misalnya
dalam sistem navigasi satelit).
• Printer adalah perangkat yang mencetak teks atau ilustrasi di atas kertas,
sedangkan plotter menggambar gambar atau bentuk. Beberapa perusahaan
telah mengembangkan printer tiga dimensi.
Machine Translated by Google
Teknologi (Keluaran)
• Tujuan dari desain UX yang berpusat pada manusia adalah untuk mendapatkan
kombinasi terbaik dari elemen PACT sehubungan dengan domain tertentu.
Desainer ingin mendapatkan perpaduan teknologi yang tepat untuk
mendukung aktivitas yang dilakukan oleh orang-orang dalam
konteks yang berbeda. • Analisis PACT berguna untuk kegiatan analisis dan
desain: memahami situasi saat ini, melihat di mana perbaikan yang mungkin
dapat dilakukan atau membayangkan situasi di masa depan. •
Untuk melakukan analisis PACT, perancang hanya memilih variasi Ps, As, Cs,
dan Ts yang mungkin, atau mungkin, dalam sebuah domain. Hal ini dapat
dilakukan dengan menggunakan brainstorming dan teknik bayangan lainnya
dan dengan bekerja bersama orang-orang melalui observasi, wawancara, dan lo
Ada banyak teknik untuk ini. • Analisis
PACT juga berguna untuk mengembangkan persona dan skenario.
Perancang harus mencari trade-off antara kombinasi PACT dan berpikir
tentang bagaimana hal ini dapat mempengaruhi desain
Machine Translated by Google
Latihan
Terima kasih