Introduction to Human Computer Interaction

Introduction to  Human Computer Interaction

1.        Interaksi

Merupakan hubungan yang terjadi atau terbentuk antara user dan komputer (dalam bidang teknologi) melalui unit masukan dan keluaran interface. Interaksi membantu manusia, apa yang terjadi antara user dan sistem komputer.

2.        Manusia

Merupakan pengguna yang memakai komputer (user), dimana setiap user memiliki perbedaan karakteristik sesuai dengan kebutuhan & kemampuan dalam menggunakan komputer

Manusia dipandang sebagai sistem yang memproses informasi, yang bisa dijelaskan sebagai berikut :

a.       Informasi diterima dan ditanggapi dengan proses masukan-keluaran ( IO)

b.      Informasi disimpan didalam ingatan (memory)

c.       Informasi diproses dan diaplikasikan dengan berbagai cara.

Proses pemasukan dan pengeluaran yang terjadi pada manusia merupakan suatu vision (pandangan), dan alat fisik yang digunakan untuk hal tersebut adalah mata.

3.  Komputer

Perangkat elektronik yang dapat digunakan untuk mengolah data dengan perantaraan sebuah program yang mampu memberikan informasi dan hasil dari pengolahan tersebut.

  

4.  HCI = Interaksi Manusia & Komputer
a.     Can you define/describe it?
b.Human Computer Interaction (HCI = IMK) merupakan studi tentang interaksi antara manusia, komputer dan tugas/ task.

c. Bagaimana manusia dan komputer secara interaktif melaksanakan dan menyelesaikan tugas/ task dan bagaimana sistem yang interaktif itu dibuat.

5.        Preface

IMK berkaitan dengan aspek-aspek interaksi antara manusia dan komputer sehingga dapat mencapai kondisi yang senyaman mungkin ketika pengguna bekerja di depan komputer untuk selang waktu yang lama.

 Apa itu Interaksi Manusia Komputer?

Interaksi Manusia-Komputer (IMK) adalah:“Hal-hal yang berkaitan dengan desain, penilaian dan implementasi sistem komputer interaktif untuk kegunaan manusia serta kajian tentang fenomena yang terlibat dengannya” (ACM SIGCHI, 1992, p.6)‏

•        Kajian tentang:
–   Manusia à bagaimana manusia menerima dan memproses informasi, apakah keterbatasan dan kelebihan manusia
–  Komputer à teknologi komputer yang dapat digunakan untuk menerima, memproses, dan mempersembahkan informasi, keterbatasan dan kelebihannya

–      Interaksi di antara kedua elemen di atas

Why We Are Here
·         Look at human factors that affect software design and development

·         Central Topic: User interface design
  Not just a software interface on a desktop monitor!

·         IMK berasal dari berbagai disiplin bidang ilmu, teknik dan kesenian.

6.  Bidang Studi/Ilmu Yang Berperan
-  Teknik Elektronika/ Ilmu Komputer, memberikan kerangka kerja untuk dapat merancang sistem HCI
- Psikologi,memahami sifat & kebiasaan, persepsi & pengolahan kognitif, ketrampilan motorik pengguna

-   Perancangan Grafis dan tipografi, sebuah gambar dpt bermakna sama dengan seribu kata. Gambar dpt digunakan sbg  sarana yg cukup efektif utk dialog antara manusia dan komputer

-  Ergonomik, aspek fisik utk mendapatkan lingkungan kerja yg nyaman. Misal: bentuk keyboard, mouse, posisi duduk,dll

-   Antropologi, utk memahami cara kerja berkelompok yg masing-masing anggota bekerja sesuai dgn bidangnya.

-   Linguistik, utk melakukan dialog diperlukan komunikasi yg memadai menggunakan bahasa khusus; spt: bahasa grafis, bahasa menu, bahasa perintah.

- Sosiologi, studi tentang pengaruh sistem manusia-komputer dalam struktur sosial, misal adanya PHK karena otomasi kantor.

-   Bisnis : pemasaran

7.        Prinsip Kerja Sistem Komputer
·      User  memberi  perintah  pada  komputer  &  komputer  mencetak/menuliskan tanggapan pada            layar tampilan.

·      Komputer bekerja sesuai dengan instruksi yg diberikan oleh pengguna.

8.        Evolusi Antaramuka

·      50an – Antaramuka pada level hardware untuk teknik – switch panel

·      60-70an – Antaramuka pada level pemrograman – COBOL, FORTRAN

·      70-90an – Antaramuka pada level instruksi

·      80an – Antaramuka pada level dialog interaksi – GUI, multimedia

·      90an – Antaramuka pada level lingkungan kerja – sistem network, groupware

·     00an  - Antaramuka berkembang dengan luas – mobile devices, consumer electronics, interactive screens,. etc

9.        Dari IMM kepada IMK
·Interaksi manusia-mesin (IMM) mengkaji tentang desain antaramuka mesin-mesin yang digunakan di rumah dan tempat kerja

·Interaksi manusia-komputer (IMK) atau HCI mengkaji tentang desain, penilaian, dan implementasi sistem interaktif

10.   Contoh Masalah ( 1 )‏

  

11. ContohMasalah(2)‏

12.   Contoh Masalah (3)‏

13.   Indikator IMK

Ramah dengan pengguna (user friendly)‏, Menunjuk kepada kemampuan yang dimiliki oleh perangkat yang mudah dioperasikan dan mempunyai sejumlah kemampuan lain sehingga pengguna merasa betah dalam mengoperasikan perangkat tersebut.

WYSIWYG (what you see is what you get)‏

Senjata andalan penjual perangkat

Syarat yang ditetapkan pengguna perangkat

Apa kepentingan IMK?

Sudut pasaran:

•      Manusia menggunakan komputer setiap hari, dan manusia tiada masa untuk belajar:

–   Komputer (peralatan) seharusnya mudah digunakan

–   Sistem harus mempunyai desain yang baik

–   Latihan yang minimum

–   Pengguna yang berbagai

•      Jika sesuatu produk sukar digunakan, pengguna akan beralih ke produk yang lain

Sudut kemanusiaan:

•      Manusia mempunyai kelemahan

•      Kesilapan / ralat mengakibatkan:

-             Kehilangan masa

-             Kehilangan nyawa jika melibatkan sistem yang kritikal

-             Kehilangan semangat

Sudut sosial:

–     Komputer memberi sumbangan yang besar dalam kehidupan manusia, tidak dapat diabaikan:

•      Pembelajaran anak-anak

•      Memberi nasihat ahli berdasarkan informasi /sejarah

•      mengontrol lalu lintas dan lintasan udara

•      mengontrol kilang bahan kimia/nuklear

•      mengontrol misi angkasa luar

•      dll

14.   Tujuan IMK

•  Menghasilkan sistem yang dapat digunakan (usable), memiliki manfaat (useful), dan mudah dioperasikan oleh user (user friendly)
• Fungsionalitas, fungsi-fungsi yang ada dalam sistem yang dibuat sesuai dengan perencanaan
• Keamanan, apakah sistem yang kita buat memiliki tingkat pengamanan data atau tidak.
• Efektifitas dan efisiensi, berpengaruh pada produktifitas kerja dari penggunanya dan sistem yang dibuat harus berfungsi dengan baik
• Untuk memudahkan manusia dalam mengoperasikan komputer dan mendapatkan berbagai umpan balik yang diperlukan user.

15.   Latar Belakang IMK

Mengapa diperlukan konsep IMK?

·   Sisi Kegunaan

Contoh : Tombol SAVE atau DELETE pada menu aplikasi komputer yang perlu ada dibandingkan tombol REFRESH atau EXIT

·   Sisi Ketepatan

Contoh : pemilihan struktur menu yang kurang tepat dapat mengurangi kinerja sistem ataupun pengguna

-   Single Menu

-                Linier Menu

·            Sisi Penampilan

Menariknya tampilan suatu sistem dari sisi developer dengan user tidak selalu sama.

16.   Konfigurasi dasar komputer & Interaksi dengan manusia

Umumnya, Interaksi Manusia dan Komputer (pengguna saling berinteraksi dengan komputer) dilakukan lewat masukan dan keluaran

17.   Contoh IMK

18.   Komponen Utama Program Aplikasi

·         Bagian antarmuka

a.       Berfungsi sebagai sarana dialog antara manusia dan komputer

b.      Antarmuka menjadi bagian yang sangat penting.

·         Bagian aplikasi

Berfungsi untuk menghasilkan informasi berdasarkan olahan data yang sudah dimasukkan oleh pengguna lewat algoritma yang disyaratkan oleh aplikasi tersebut

19.   User Interface (Antar Muka Pengguna)

Interface seperti apa yang diinginkan oleh user???

 

20.   Yang diperhatikan dalam pembuatan User Interface

·         Dilihat dari kebutuhan user

·         Analisa dari sistem analis

·         Kreativitas dari pembuat sistem

·         Interface harus user-friendly, yaitu :

o   Tampilan yang bagus/menarik

o   Mudah dioperasikan

o   Mudah dipelajari

o   User merasa nyaman dan senang menggunakan software tersebut

21.   Strategi Pengembangan Antarmuka

Secara garis besar, pengembangan bagian antarmuka perlu memperhatikan beberapa hal sebagai berikut:

a.       Pengetahuan tentang mekanisme fungsi manusia sebagai pengguna komputer

b.      Berbagai informasi yang berhubungan dengan karakteristik dialog

c.       Penggunaan prototipe yang didasarkan pada spesifikasi dialog formal yang disusun secara bersama-sama antara (calon) pengguna dan perancang sistem

d.      Teknik evaluasi yang digunakan untuk mengevaluasi hasil proses prototipe yang telah dilakukan.

22.   Pentingnya Perancangan Antarmuka Pengguna yang Baik

·         Mengurangi biaya penulisan program

–     Dalam pemrograman antarmuka pengguna grafis, rata-rata 70% penulisan program berkaitan dengan antarmuka.

•      Mempermudah penjualan produk

–     Suatu produk dilihat pertama kali dari tampilannya, apabila tampilannya menarik biasanya akan menarik minat orang untuk menggunakan aplikasi tersebut.

•      Meningkatkan kegunaan komputer pada organisasi.

–     Dengan antarmuka yang menarik, biasanya pengguna akan tertarik untuk menggunakan suatu aplikasi komputer.

23.   Dampak Antarmuka Pengguna yang Baik

o   Peningkatan produktivitas

o   Mengurangi biaya pelatihan pegawai

o   Mencegah pengambil alihan pegawai

o   Kepuasan pengguna

o   Produksi hasil dengan kualitas yang lebih baik.

24.   Penyebab adanya antarmuka yang kurang baik

o   Kurangnya pendidikan / pelatihan yang berkaitan dengan perancangan antarmuka.

o   Penyebaran pengetahuan yang diperlukan untuk merancang antarmuka pengguna yang baik.

o   Perkembangan teknologi yang sangat cepat.

o   Koordinasi yang kurang baik dalam pengembangan aplikasi

25.   Bagian Aplikasi

26.   Bidang Kerja Dalam IMK

o   Designer interaksi – mereka yang terlibat dalam mendesain semua aspek interaktif sesuatu produk

o   Designer web – mereka yang membangun dan mencipta desain laman web

o   Arsitek Infromasi  – mereka yang mencetuskan idea tentang bagaimana untuk merancang produk interaktif

o   User experience designers – mereka yang membuat kesemua di atas termasuk menjalankan kajian tentang desain produk