SlideShare a Scribd company logo
1 of 22
Latar Belakang
ï‚— PENGENALAN IMK
ï‚— Pada 1970 mulai dikenal istilah antarmuka pengguna (user interface).
ï‚— Aspek fisik dari User Interface mulai jadi pokok pikiran Perusahaan
Komputer sebagai faktor penentu keberhasilan pemasaran.
ï‚— Pada 1980-an mulai muncul istilah human-computer interaction (HCI)
sebagai bidang studi yang baru.
ï‚— Bidang studi HCI mempunyai fokus yang lebih luas, tidak hanya
perancangan antarmuka secara fisik.
ï‚— Kemajuan Teknologi mempengaruhi rancangan sistem teknik antarmuka
pemakai.
Definisi IMK
ï‚— Definisi IMK
ï‚— IMK adalah disiplin ilmu yang mempelajari tentang desain, evaluasi, dan
implementasi sistem komputer interaktif yang digunakan manusia dengan
memperhatikan fenomena di lingkungan sekitarnya.
ï‚— Suatu studi ilmiah tentang masyarakat di dalam lingkungan kerjanya.
ï‚— HCI pada prinsipnya membuat agar sistem dapat berdialog dengan
penggunanya seramah mugkin.
Mengapa IMK
ï‚— Keinginan manusia untuk mendapatkan kemudahan dalam
menggunakan komputer untuk membantu pekerjaan.
ï‚— Perubahan teknologi yang menyebabkan sistem harus didesain sesuai
kebutuhan.
ï‚— Desain interface tidak hanya mempertimbangkan aspek fisik, tetapi juga
memperhatikan kemampuan dan keterbatasan manusia.
Tujuan
ï‚— Menghasilkan sistem yang berguna dan aman.
ï‚— Mengembangkan dan meningkatkan keamanan, utilitas, efektivitas,
efisiensi, dan ketergantungan sistem.
ï‚— Memberikan feed-back yang diperlukan pengguna.
ï‚— Membantu desainer dalam merancang sistem komputer yang user-
friendly.
Komponen model IMK
ï‚— Manusia -> Satu atau lebih.
ï‚— Pekerjaan -> Aktifitas yang dilakukan user.
ï‚— Teknologi -> Devices yang digunakan.
ï‚— Lingkungan -> Organisasi, aspek sosial, lingkungan fisik, dll.
HCI vs UI
ï‚— HCI
Human Computer Interaction (HCI) adalah sekumpulan proses, dialog, dan
kegiatan dimana melaluinya pengguna memanfaatkan dan berinteraksi dengan
komputer. Saat kita menggunakan komputer, kita sedang berinteraksi dengan
komputer. Di waktu ini kita sedang memberikan perintah kepada komputer,
dan sistem komputer menerima perintah kemudian ditanggapinya hingga
pekerjaan kita selesai. Definisi HCI, Suatu disiplin ilmu yang menekankan pada
aspek desain, evaluasi, dan implementasi dari sistem komputer interaktif untuk
kegunaan manusia dengan mempertimbangkan fenomena-fenomena disekitar
manusia itu sendiri.
Ada beberapa aspek yang harus diperhatikan untuk desain, evaluasi, dan
implementasi dari sistem komputer interaktif untuk kegunaan manusia dengan
mempertimbangkan fenomena di sekitar manusia itu sendiri. Bukan untuk
mempelajari komputer ataupun manusia, tetapi untuk menjadi jembatan yang
menghubungkan manusia dengan komputer.
HCI vs UI
ï‚— UI
Dalam teknologi informasi, user interface (UI) adalah segala sesuatu yang
dirancang menjadi sebuah perangkat informasi yang mana seseorang
dapat melakukan sebuah interaksi dengan komputer dengan mudah dan
sederhana. Media yang dapat digunakan pengguna untuk berinteraksi
dengan apliksi atau situs web diantaranya dapat berupa tampilan layar,
keyboard, mouse dan penampilan desktop.
User Interface mencakup perangkat keras dan perangkat lunak. User
Interface hadir untuk berbagai system dan menyediakan cara untuk :
ï‚— Input, memungkinkan pengguna untuk memanipulasi sebuah sistem
ï‚— Output, memungkinkan sistem untuk menunjukan efek dari manipulasi pengguna
Desain User Interface
ï‚— Desain user interface (UI) atau rekayasa antarmuka pengguna adalah
desain dari user interface untuk mesin dan perangkat lunak, seperti ;
komputer, peralatan rumah, perangkat mobile, dan perangkat elektronik
lainnya, dengan fokus pada memaksimalkan kegunaan dan pengalaman
pengguna.
ï‚— Tujuan dari desain antarmuka pengguna adalah membuat interaksi
pengguna yang sederhana dan seefisien mungkin, dalam hal mencapai
tujuan pengguna.
Kualitas yang diperhatikan dalam desain user
interface antara lain :
ï‚— Kejelasan interface, menghindari ambiguitas dengan membuat segalanya
jelas melalui bahasa, aliran, hirarki dan metafora untuk elemen visual.
ï‚— Concision, Membuat antarmuka yang hebat adalah untuk membuatnya
ringkas dan jelas pada saat yang sama.
ï‚— Familiarity, unsur-unsur tertentu dalam kehidupan sehari-hari masih
sangat melekat pada pengguna. metafora kehidupan nyata dapat
digunakan untuk memudahkan pengguna dalam menggunakan interface.
ï‚— Responsivenes, antar muka harus bisa memberikan umpan balik yang
baik kepada pengguna tentang apa yang terjadi dan apakah masukan
pengguna sedang berhasil diproses.
ï‚— Consistency, Menjaga interface menjadi konsisten di seluruh aplikasi
adalah suatu hal yang penting karena memungkinkan pengguna untuk
mengenali pola penggunaan.
ï‚— Estetika, membuat interface terlihat bagus akan membuat waktu
pengguna senang dan nyaman dalam menggunakan interface.
ï‚— Efficiency Time, interface yang baik harus bisa membuat pengguna lebih
produktif melalui jalan pintas dan desain yang baik.
ï‚— Forgiveness, Sebuah interface yang baik tidak harus menghukum
pengguna atas kesalahan mereka lakukan, akan tetapi seharusnya
menyediakan sarana untuk memperbaiki kesalahan tersebut.
Kaitan Bidang Studi Lain
Untuk membangun suatu interaksi antara manusia dan komputer yang baik
diperlukan dukungan pengetahuan bidang studi/ ilmu lain, yaitu :
ï‚— Teknik Elektronika / Ilmu Komputer.
ï‚— Bidang ini membantu memahami perangkat keras dan perangkat lunak yang
akan digunakan dalam merancang interaksi manusia dan komputer.
ï‚— Psikologi.
ï‚— Bidang ini memberikan pemahaman tentang sifat dan kebiasaan manusia yang berbeda-
beda, kemampuan kognitif dalam memecahkan masalah dan ketrampilan motorik pengguna
yang beraneka ragam.
ï‚— Perancangan Grafis dan Tipografi.
ï‚— Bidang ini memberikan pemahaman tentang penggunaan rancangan grafis seperti gambar
akan lebih bermakna daripada teks/tulisan.
ï‚— Ergonomik.
ï‚— Bidang ini membahas tentang aspek fisik yang mendukung dalam menciptakan lingkungan
kerja yang nyaman. Karena manusia yang bekerja di depan komputer memerlukan waktu
yang lama. Misal: bentuk keyboard, mouse, posisi duduk, dan lain-lain.
ï‚— Antropologi.
ï‚— Bidang ini memberikan pemahaman tentang cara kerja manusia yang kadang berkelompok
baik pada waktu dan tempat yang sama maupun berbeda. Kelompok ini biasanya terdiri dari
beberapa orang yang mengerjakan tugas sesuai dengan bidangnya masing-masing.
ï‚— Linguistik.
ï‚— Linguistik merupakan ilmu yang mempelajari tentang bahasa. Bidang ini akan membantu
dalam menciptakan suatu dialog yang diperlukan untuk komunikasi yang memadai antara
user dan komputer. Dialog disini biasanya menggunakan bahasa khusus; spt: bahasa grafis,
bahasa menu, bahasa perintah, dan lain-lain.
ï‚— Sosiologi.
ï‚— Bidang ini memberikan pemahaman tentang pengaruh interaksi manusia dan komputer
dengan aspek sosial masyarakat.
ï‚— Rekayasa perangkat lunak.
ï‚— Faktor ini yang bisa menciptakan suatu program yang efektif, efisien serta user
friendly.
ï‚— Kecerdasan buatan.
ï‚— Bagian ilmu komputer yang bertujuan agar komputer dapat melakukan pekerjaan
sebaik yang dilakukan manusia. Faktor ini berperan penting untuk menciptakan
suatu sistem yang handal, canggih dan menyerupai pola pikir manusia.
ï‚— Multimedia (graphic design)
ï‚— Multimedia digunakan sebagai sarana dialog yang sangat efektif antara manusia dan
komputer. Dengan adanya multimedia ini, tampilan suatu sistem yang dibuat akan
lebih menarik dan lebih mudah dimengerti manusia.
Kriteria User Friendly
ï‚— Memiliki tampilan yang bagus
ï‚— Mudah dioperasikan
ï‚— Mudah dipelajari
ï‚— Pengguna selalu merasa senang setiap kali menggunakan software
tersebut
Contoh Implementasi IMK
ï‚— -Penggunaan Komputer
Tanpa disadari kita (manusia/user) telah berinteraksi/berdialog dengan sebuah benda
(layar monitor), yaitu dalam bentuk menekan tombol berupa tombol angka dan huruf
yang ada pada keyboard atau melakukan satu sentuhan kecil pada mouse, kemudian
hasil inputan ini akan berubah bentuk menjadi informasi atau data yang seperti
diharapkan manusia dengan tertampilnya informasi baru tersebut pada layar monitor
atau bahkan mesin pencetak (printer).
ï‚— -Penggunaan Automatic Teller Machine (ATM)
Pada ATM yang biasa kita gunakan juga merupakan sebuah Interaksi Manusia dan juga
Komputer. Pada sebuah ATM kita dapat melihat sebuah sistem antarmuka (Interface),
kita dapat melihat menu-menu yang tesedia pada layar ATM. Melakukan transfer, cek
saldo, dsb.
ï‚— -Penggunaan Laser Pada Operasi Medis
Pada bidang kedokteran IMK juga banyak berperan, seperti Sistem pakar,
Operasi medis menggunakan bantuan laser,dsb. Mesin yang telah di
desain (coding) sedemikian rupa akan di jalankan untuk melakukan
operasi. Spesialis (dokter) melakukan penentuan koordinat pada bagian
tubuh yang akan di lakukan operasi. Maka, input atau yang di lakukan
Dokter ini akan di terima oleh Mesin, dan akan langsung segera di
lakukan pembedahan.
ï‚— Situs Website
Situs web merupakan salah satu aplikasi sistem komputer yang banyak
digunakan oleh manusia saat ini. Selain akses yang mudah dan jaringan
yang luas, informasi-informasi sangat mudah didapatkan melalui sistem
ini. Pencapaian informasi tersebut tentunya sangat terkait dengan desain
antarmuka. Seperti yang dijelaskan sebelumnya, begitu banyak hal yang
dapat mengakibatkan kegagalan pada pengguna. Sangat disayangkan
apabila informasi-informasi yang sangat mudah didapatkan melalui situs-
situs web tidak dimaksimalkan atau justru memberikan dampak buruk
bagi penggunanya.
Terima Kasih

More Related Content

What's hot

1 pengenalan-konsep-imk
1 pengenalan-konsep-imk1 pengenalan-konsep-imk
1 pengenalan-konsep-imkStevie Principe
 
3 interface metaphors dan model konseptual-donz
3   interface metaphors dan model konseptual-donz3   interface metaphors dan model konseptual-donz
3 interface metaphors dan model konseptual-donzStevie Principe
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxMirnaNia
 
Kerangka kerja interaksi
Kerangka kerja interaksiKerangka kerja interaksi
Kerangka kerja interaksiAriev Kusuma
 
Ragam Dialog :: Interaksi Manusia dan Komputer
Ragam Dialog :: Interaksi Manusia dan KomputerRagam Dialog :: Interaksi Manusia dan Komputer
Ragam Dialog :: Interaksi Manusia dan KomputerAuliaa Oktarianii
 
ppt_IMK-design-interface
ppt_IMK-design-interfaceppt_IMK-design-interface
ppt_IMK-design-interfaceyusuf09
 
Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputerMiftahul Khair N
 
Model pengguna
Model penggunaModel pengguna
Model penggunaarfianti
 
Sistem bersensor ganda
Sistem bersensor gandaSistem bersensor ganda
Sistem bersensor gandaarfianti
 
Tugas IMK : Ragam Dialog
Tugas IMK : Ragam DialogTugas IMK : Ragam Dialog
Tugas IMK : Ragam DialogPio
 
Software Requirement Specification SRS
Software Requirement Specification SRSSoftware Requirement Specification SRS
Software Requirement Specification SRSSeptian Rico Hernawan
 
Pertemuan 4 prinsip desain antarmuka(interface)
Pertemuan 4   prinsip desain antarmuka(interface)Pertemuan 4   prinsip desain antarmuka(interface)
Pertemuan 4 prinsip desain antarmuka(interface)Muhammad Adi Wahidi
 
Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputerdonasiilmu
 
E-Business (Business Process and Process Model)
E-Business (Business Process and Process Model)E-Business (Business Process and Process Model)
E-Business (Business Process and Process Model)Adam Mukharil Bachtiar
 
Tipe manajemen memori pada sistem operasi
Tipe manajemen memori pada sistem operasi Tipe manajemen memori pada sistem operasi
Tipe manajemen memori pada sistem operasi Shary Armonitha
 
Pertemuan 6 tabview
Pertemuan 6 tabviewPertemuan 6 tabview
Pertemuan 6 tabviewheriakj
 

What's hot (20)

1 pengenalan-konsep-imk
1 pengenalan-konsep-imk1 pengenalan-konsep-imk
1 pengenalan-konsep-imk
 
3 interface metaphors dan model konseptual-donz
3   interface metaphors dan model konseptual-donz3   interface metaphors dan model konseptual-donz
3 interface metaphors dan model konseptual-donz
 
Conceptual model
Conceptual modelConceptual model
Conceptual model
 
PPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptxPPT Desain Antar Muka.pptx
PPT Desain Antar Muka.pptx
 
Kerangka kerja interaksi
Kerangka kerja interaksiKerangka kerja interaksi
Kerangka kerja interaksi
 
Ragam Dialog :: Interaksi Manusia dan Komputer
Ragam Dialog :: Interaksi Manusia dan KomputerRagam Dialog :: Interaksi Manusia dan Komputer
Ragam Dialog :: Interaksi Manusia dan Komputer
 
System development life cycle (sdlc) ppt
System development life cycle (sdlc) pptSystem development life cycle (sdlc) ppt
System development life cycle (sdlc) ppt
 
ppt_IMK-design-interface
ppt_IMK-design-interfaceppt_IMK-design-interface
ppt_IMK-design-interface
 
Perkembangan teknologi web
Perkembangan teknologi webPerkembangan teknologi web
Perkembangan teknologi web
 
Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputer
 
Model pengguna
Model penggunaModel pengguna
Model pengguna
 
Sistem bersensor ganda
Sistem bersensor gandaSistem bersensor ganda
Sistem bersensor ganda
 
Tugas IMK : Ragam Dialog
Tugas IMK : Ragam DialogTugas IMK : Ragam Dialog
Tugas IMK : Ragam Dialog
 
Software Requirement Specification SRS
Software Requirement Specification SRSSoftware Requirement Specification SRS
Software Requirement Specification SRS
 
Pertemuan 4 prinsip desain antarmuka(interface)
Pertemuan 4   prinsip desain antarmuka(interface)Pertemuan 4   prinsip desain antarmuka(interface)
Pertemuan 4 prinsip desain antarmuka(interface)
 
Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputer
 
E-Business (Business Process and Process Model)
E-Business (Business Process and Process Model)E-Business (Business Process and Process Model)
E-Business (Business Process and Process Model)
 
Tipe manajemen memori pada sistem operasi
Tipe manajemen memori pada sistem operasi Tipe manajemen memori pada sistem operasi
Tipe manajemen memori pada sistem operasi
 
Pertemuan 6 tabview
Pertemuan 6 tabviewPertemuan 6 tabview
Pertemuan 6 tabview
 
Pengujian Perangkat Lunak
Pengujian Perangkat LunakPengujian Perangkat Lunak
Pengujian Perangkat Lunak
 

Similar to Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar

Interaksi Manusia dan Komputer
Interaksi Manusia dan KomputerInteraksi Manusia dan Komputer
Interaksi Manusia dan KomputerFandi Rahmat
 
Interaksi Manusia dan Komputer.pptx
Interaksi Manusia dan Komputer.pptxInteraksi Manusia dan Komputer.pptx
Interaksi Manusia dan Komputer.pptxssusere1afff
 
Pertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptxPertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptxFauzanGustafi
 
Resume Interaksi Manusia Koputer
Resume Interaksi Manusia KoputerResume Interaksi Manusia Koputer
Resume Interaksi Manusia KoputerMuhammath Umar
 
Slide pengantar_imk perkuliahan awal mk.pptx
Slide pengantar_imk perkuliahan awal mk.pptxSlide pengantar_imk perkuliahan awal mk.pptx
Slide pengantar_imk perkuliahan awal mk.pptxaidilafriansyah2
 
1-PengantarIMK.pptx
1-PengantarIMK.pptx1-PengantarIMK.pptx
1-PengantarIMK.pptxKHAIRUL MANSHUR
 
Pendahuluan Interaksi Manusia dan Komputer
Pendahuluan Interaksi Manusia dan KomputerPendahuluan Interaksi Manusia dan Komputer
Pendahuluan Interaksi Manusia dan KomputerDENDIKURNIADITIF
 
Pendahuluan imk
Pendahuluan imkPendahuluan imk
Pendahuluan imkfatahlity
 
1. pendahuluan
1. pendahuluan1. pendahuluan
1. pendahuluanNafiz Curtuby
 
Pert 1. pengantar imk
Pert 1. pengantar imkPert 1. pengantar imk
Pert 1. pengantar imkarfianti
 
Pengantar imk
Pengantar imkPengantar imk
Pengantar imkarfianti
 
Buku ajar imk dyah ayu irawati
Buku ajar imk dyah ayu irawatiBuku ajar imk dyah ayu irawati
Buku ajar imk dyah ayu irawatiRobby Firmansyah
 
Paradigma,proses desain dan rekayasa daya guna
Paradigma,proses desain dan rekayasa daya gunaParadigma,proses desain dan rekayasa daya guna
Paradigma,proses desain dan rekayasa daya gunaShary Armonitha
 
Intraksi Manusia dan Komputer
Intraksi Manusia dan KomputerIntraksi Manusia dan Komputer
Intraksi Manusia dan Komputerkhoiril07
 
Daya guna
Daya gunaDaya guna
Daya gunaarfianti
 
Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputerNizar Zakaria
 
ppt tugas kelompok.pptx
ppt tugas kelompok.pptxppt tugas kelompok.pptx
ppt tugas kelompok.pptxKristisonOswall
 
10-SISTEM KOMPUTER
10-SISTEM KOMPUTER10-SISTEM KOMPUTER
10-SISTEM KOMPUTERRiaJF
 

Similar to Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar (20)

Interaksi Manusia dan Komputer
Interaksi Manusia dan KomputerInteraksi Manusia dan Komputer
Interaksi Manusia dan Komputer
 
Interaksi Manusia dan Komputer.pptx
Interaksi Manusia dan Komputer.pptxInteraksi Manusia dan Komputer.pptx
Interaksi Manusia dan Komputer.pptx
 
Pertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptxPertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptx
 
Resume Interaksi Manusia Koputer
Resume Interaksi Manusia KoputerResume Interaksi Manusia Koputer
Resume Interaksi Manusia Koputer
 
Imk
ImkImk
Imk
 
Slide pengantar_imk perkuliahan awal mk.pptx
Slide pengantar_imk perkuliahan awal mk.pptxSlide pengantar_imk perkuliahan awal mk.pptx
Slide pengantar_imk perkuliahan awal mk.pptx
 
1-PengantarIMK.pptx
1-PengantarIMK.pptx1-PengantarIMK.pptx
1-PengantarIMK.pptx
 
Pendahuluan Interaksi Manusia dan Komputer
Pendahuluan Interaksi Manusia dan KomputerPendahuluan Interaksi Manusia dan Komputer
Pendahuluan Interaksi Manusia dan Komputer
 
Pendahuluan imk
Pendahuluan imkPendahuluan imk
Pendahuluan imk
 
1. pendahuluan
1. pendahuluan1. pendahuluan
1. pendahuluan
 
Pert 1. pengantar imk
Pert 1. pengantar imkPert 1. pengantar imk
Pert 1. pengantar imk
 
Pengantar imk
Pengantar imkPengantar imk
Pengantar imk
 
Buku ajar imk dyah ayu irawati
Buku ajar imk dyah ayu irawatiBuku ajar imk dyah ayu irawati
Buku ajar imk dyah ayu irawati
 
Paradigma,proses desain dan rekayasa daya guna
Paradigma,proses desain dan rekayasa daya gunaParadigma,proses desain dan rekayasa daya guna
Paradigma,proses desain dan rekayasa daya guna
 
Intraksi Manusia dan Komputer
Intraksi Manusia dan KomputerIntraksi Manusia dan Komputer
Intraksi Manusia dan Komputer
 
Imk
ImkImk
Imk
 
Daya guna
Daya gunaDaya guna
Daya guna
 
Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputer
 
ppt tugas kelompok.pptx
ppt tugas kelompok.pptxppt tugas kelompok.pptx
ppt tugas kelompok.pptx
 
10-SISTEM KOMPUTER
10-SISTEM KOMPUTER10-SISTEM KOMPUTER
10-SISTEM KOMPUTER
 

Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar

  • 1.
  • 2. Latar Belakang ï‚— PENGENALAN IMK ï‚— Pada 1970 mulai dikenal istilah antarmuka pengguna (user interface). ï‚— Aspek fisik dari User Interface mulai jadi pokok pikiran Perusahaan Komputer sebagai faktor penentu keberhasilan pemasaran. ï‚— Pada 1980-an mulai muncul istilah human-computer interaction (HCI) sebagai bidang studi yang baru. ï‚— Bidang studi HCI mempunyai fokus yang lebih luas, tidak hanya perancangan antarmuka secara fisik. ï‚— Kemajuan Teknologi mempengaruhi rancangan sistem teknik antarmuka pemakai.
  • 3. Definisi IMK ï‚— Definisi IMK ï‚— IMK adalah disiplin ilmu yang mempelajari tentang desain, evaluasi, dan implementasi sistem komputer interaktif yang digunakan manusia dengan memperhatikan fenomena di lingkungan sekitarnya. ï‚— Suatu studi ilmiah tentang masyarakat di dalam lingkungan kerjanya. ï‚— HCI pada prinsipnya membuat agar sistem dapat berdialog dengan penggunanya seramah mugkin.
  • 4. Mengapa IMK ï‚— Keinginan manusia untuk mendapatkan kemudahan dalam menggunakan komputer untuk membantu pekerjaan. ï‚— Perubahan teknologi yang menyebabkan sistem harus didesain sesuai kebutuhan. ï‚— Desain interface tidak hanya mempertimbangkan aspek fisik, tetapi juga memperhatikan kemampuan dan keterbatasan manusia.
  • 5. Tujuan ï‚— Menghasilkan sistem yang berguna dan aman. ï‚— Mengembangkan dan meningkatkan keamanan, utilitas, efektivitas, efisiensi, dan ketergantungan sistem. ï‚— Memberikan feed-back yang diperlukan pengguna. ï‚— Membantu desainer dalam merancang sistem komputer yang user- friendly.
  • 6. Komponen model IMK ï‚— Manusia -> Satu atau lebih. ï‚— Pekerjaan -> Aktifitas yang dilakukan user. ï‚— Teknologi -> Devices yang digunakan. ï‚— Lingkungan -> Organisasi, aspek sosial, lingkungan fisik, dll.
  • 7. HCI vs UI ï‚— HCI Human Computer Interaction (HCI) adalah sekumpulan proses, dialog, dan kegiatan dimana melaluinya pengguna memanfaatkan dan berinteraksi dengan komputer. Saat kita menggunakan komputer, kita sedang berinteraksi dengan komputer. Di waktu ini kita sedang memberikan perintah kepada komputer, dan sistem komputer menerima perintah kemudian ditanggapinya hingga pekerjaan kita selesai. Definisi HCI, Suatu disiplin ilmu yang menekankan pada aspek desain, evaluasi, dan implementasi dari sistem komputer interaktif untuk kegunaan manusia dengan mempertimbangkan fenomena-fenomena disekitar manusia itu sendiri.
  • 8. Ada beberapa aspek yang harus diperhatikan untuk desain, evaluasi, dan implementasi dari sistem komputer interaktif untuk kegunaan manusia dengan mempertimbangkan fenomena di sekitar manusia itu sendiri. Bukan untuk mempelajari komputer ataupun manusia, tetapi untuk menjadi jembatan yang menghubungkan manusia dengan komputer.
  • 9. HCI vs UI ï‚— UI Dalam teknologi informasi, user interface (UI) adalah segala sesuatu yang dirancang menjadi sebuah perangkat informasi yang mana seseorang dapat melakukan sebuah interaksi dengan komputer dengan mudah dan sederhana. Media yang dapat digunakan pengguna untuk berinteraksi dengan apliksi atau situs web diantaranya dapat berupa tampilan layar, keyboard, mouse dan penampilan desktop. User Interface mencakup perangkat keras dan perangkat lunak. User Interface hadir untuk berbagai system dan menyediakan cara untuk : ï‚— Input, memungkinkan pengguna untuk memanipulasi sebuah sistem ï‚— Output, memungkinkan sistem untuk menunjukan efek dari manipulasi pengguna
  • 10. Desain User Interface ï‚— Desain user interface (UI) atau rekayasa antarmuka pengguna adalah desain dari user interface untuk mesin dan perangkat lunak, seperti ; komputer, peralatan rumah, perangkat mobile, dan perangkat elektronik lainnya, dengan fokus pada memaksimalkan kegunaan dan pengalaman pengguna. ï‚— Tujuan dari desain antarmuka pengguna adalah membuat interaksi pengguna yang sederhana dan seefisien mungkin, dalam hal mencapai tujuan pengguna.
  • 11. Kualitas yang diperhatikan dalam desain user interface antara lain : ï‚— Kejelasan interface, menghindari ambiguitas dengan membuat segalanya jelas melalui bahasa, aliran, hirarki dan metafora untuk elemen visual. ï‚— Concision, Membuat antarmuka yang hebat adalah untuk membuatnya ringkas dan jelas pada saat yang sama. ï‚— Familiarity, unsur-unsur tertentu dalam kehidupan sehari-hari masih sangat melekat pada pengguna. metafora kehidupan nyata dapat digunakan untuk memudahkan pengguna dalam menggunakan interface.
  • 12. ï‚— Responsivenes, antar muka harus bisa memberikan umpan balik yang baik kepada pengguna tentang apa yang terjadi dan apakah masukan pengguna sedang berhasil diproses. ï‚— Consistency, Menjaga interface menjadi konsisten di seluruh aplikasi adalah suatu hal yang penting karena memungkinkan pengguna untuk mengenali pola penggunaan. ï‚— Estetika, membuat interface terlihat bagus akan membuat waktu pengguna senang dan nyaman dalam menggunakan interface.
  • 13. ï‚— Efficiency Time, interface yang baik harus bisa membuat pengguna lebih produktif melalui jalan pintas dan desain yang baik. ï‚— Forgiveness, Sebuah interface yang baik tidak harus menghukum pengguna atas kesalahan mereka lakukan, akan tetapi seharusnya menyediakan sarana untuk memperbaiki kesalahan tersebut.
  • 14. Kaitan Bidang Studi Lain Untuk membangun suatu interaksi antara manusia dan komputer yang baik diperlukan dukungan pengetahuan bidang studi/ ilmu lain, yaitu : ï‚— Teknik Elektronika / Ilmu Komputer. ï‚— Bidang ini membantu memahami perangkat keras dan perangkat lunak yang akan digunakan dalam merancang interaksi manusia dan komputer.
  • 15. ï‚— Psikologi. ï‚— Bidang ini memberikan pemahaman tentang sifat dan kebiasaan manusia yang berbeda- beda, kemampuan kognitif dalam memecahkan masalah dan ketrampilan motorik pengguna yang beraneka ragam. ï‚— Perancangan Grafis dan Tipografi. ï‚— Bidang ini memberikan pemahaman tentang penggunaan rancangan grafis seperti gambar akan lebih bermakna daripada teks/tulisan. ï‚— Ergonomik. ï‚— Bidang ini membahas tentang aspek fisik yang mendukung dalam menciptakan lingkungan kerja yang nyaman. Karena manusia yang bekerja di depan komputer memerlukan waktu yang lama. Misal: bentuk keyboard, mouse, posisi duduk, dan lain-lain.
  • 16. ï‚— Antropologi. ï‚— Bidang ini memberikan pemahaman tentang cara kerja manusia yang kadang berkelompok baik pada waktu dan tempat yang sama maupun berbeda. Kelompok ini biasanya terdiri dari beberapa orang yang mengerjakan tugas sesuai dengan bidangnya masing-masing. ï‚— Linguistik. ï‚— Linguistik merupakan ilmu yang mempelajari tentang bahasa. Bidang ini akan membantu dalam menciptakan suatu dialog yang diperlukan untuk komunikasi yang memadai antara user dan komputer. Dialog disini biasanya menggunakan bahasa khusus; spt: bahasa grafis, bahasa menu, bahasa perintah, dan lain-lain. ï‚— Sosiologi. ï‚— Bidang ini memberikan pemahaman tentang pengaruh interaksi manusia dan komputer dengan aspek sosial masyarakat.
  • 17. ï‚— Rekayasa perangkat lunak. ï‚— Faktor ini yang bisa menciptakan suatu program yang efektif, efisien serta user friendly. ï‚— Kecerdasan buatan. ï‚— Bagian ilmu komputer yang bertujuan agar komputer dapat melakukan pekerjaan sebaik yang dilakukan manusia. Faktor ini berperan penting untuk menciptakan suatu sistem yang handal, canggih dan menyerupai pola pikir manusia. ï‚— Multimedia (graphic design) ï‚— Multimedia digunakan sebagai sarana dialog yang sangat efektif antara manusia dan komputer. Dengan adanya multimedia ini, tampilan suatu sistem yang dibuat akan lebih menarik dan lebih mudah dimengerti manusia.
  • 18. Kriteria User Friendly ï‚— Memiliki tampilan yang bagus ï‚— Mudah dioperasikan ï‚— Mudah dipelajari ï‚— Pengguna selalu merasa senang setiap kali menggunakan software tersebut
  • 19. Contoh Implementasi IMK ï‚— -Penggunaan Komputer Tanpa disadari kita (manusia/user) telah berinteraksi/berdialog dengan sebuah benda (layar monitor), yaitu dalam bentuk menekan tombol berupa tombol angka dan huruf yang ada pada keyboard atau melakukan satu sentuhan kecil pada mouse, kemudian hasil inputan ini akan berubah bentuk menjadi informasi atau data yang seperti diharapkan manusia dengan tertampilnya informasi baru tersebut pada layar monitor atau bahkan mesin pencetak (printer). ï‚— -Penggunaan Automatic Teller Machine (ATM) Pada ATM yang biasa kita gunakan juga merupakan sebuah Interaksi Manusia dan juga Komputer. Pada sebuah ATM kita dapat melihat sebuah sistem antarmuka (Interface), kita dapat melihat menu-menu yang tesedia pada layar ATM. Melakukan transfer, cek saldo, dsb.
  • 20. ï‚— -Penggunaan Laser Pada Operasi Medis Pada bidang kedokteran IMK juga banyak berperan, seperti Sistem pakar, Operasi medis menggunakan bantuan laser,dsb. Mesin yang telah di desain (coding) sedemikian rupa akan di jalankan untuk melakukan operasi. Spesialis (dokter) melakukan penentuan koordinat pada bagian tubuh yang akan di lakukan operasi. Maka, input atau yang di lakukan Dokter ini akan di terima oleh Mesin, dan akan langsung segera di lakukan pembedahan.
  • 21. ï‚— Situs Website Situs web merupakan salah satu aplikasi sistem komputer yang banyak digunakan oleh manusia saat ini. Selain akses yang mudah dan jaringan yang luas, informasi-informasi sangat mudah didapatkan melalui sistem ini. Pencapaian informasi tersebut tentunya sangat terkait dengan desain antarmuka. Seperti yang dijelaskan sebelumnya, begitu banyak hal yang dapat mengakibatkan kegagalan pada pengguna. Sangat disayangkan apabila informasi-informasi yang sangat mudah didapatkan melalui situs- situs web tidak dimaksimalkan atau justru memberikan dampak buruk bagi penggunanya.