Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar

Epafraditus Memoriano
Epafraditus MemorianoStudent em Universitas Negeri Semarang
Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar
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
1 de 22

Recomendados

Intraksi Manusia dan Komputer por
Intraksi Manusia dan KomputerIntraksi Manusia dan Komputer
Intraksi Manusia dan Komputerkhoiril07
11.9K visualizações157 slides
Interaksi Manusia Dan Komputer Soal + Jawaban por
Interaksi Manusia Dan Komputer Soal + JawabanInteraksi Manusia Dan Komputer Soal + Jawaban
Interaksi Manusia Dan Komputer Soal + JawabanAwang Ramadhani
23.8K visualizações5 slides
Evolusi Antarmuka Komputer por
Evolusi Antarmuka KomputerEvolusi Antarmuka Komputer
Evolusi Antarmuka KomputerAndhi Pratama
13.2K visualizações25 slides
1 pengenalan-konsep-imk por
1 pengenalan-konsep-imk1 pengenalan-konsep-imk
1 pengenalan-konsep-imkStevie Principe
3.8K visualizações53 slides
Kerangka kerja interaksi por
Kerangka kerja interaksiKerangka kerja interaksi
Kerangka kerja interaksiAriev Kusuma
8K visualizações12 slides
Interaksi Manusia dan Komputer : Conceptual Model por
Interaksi Manusia dan Komputer : Conceptual ModelInteraksi Manusia dan Komputer : Conceptual Model
Interaksi Manusia dan Komputer : Conceptual ModelEko Kurniawan Khannedy
20.2K visualizações37 slides

Mais conteúdo relacionado

Mais procurados

Buku ajar imk dyah ayu irawati por
Buku ajar imk dyah ayu irawatiBuku ajar imk dyah ayu irawati
Buku ajar imk dyah ayu irawatiRobby Firmansyah
3.6K visualizações71 slides
interkasi manusia dan komputer por
interkasi manusia dan komputerinterkasi manusia dan komputer
interkasi manusia dan komputergapteek
4K visualizações25 slides
Konsep dasar UI/UX por
Konsep dasar UI/UXKonsep dasar UI/UX
Konsep dasar UI/UXDeska Setiawan Yusra
8.6K visualizações20 slides
Prinsip User Interface Design por
Prinsip User Interface DesignPrinsip User Interface Design
Prinsip User Interface DesignMateri Kuliah Online
12K visualizações21 slides
Imk 1 pendahuluan por
Imk 1   pendahuluanImk 1   pendahuluan
Imk 1 pendahuluanNa Elyna Fazriyati
6.6K visualizações56 slides
01 Pendahuluan Robotika por
01 Pendahuluan Robotika01 Pendahuluan Robotika
01 Pendahuluan RobotikaRakhmi Khalida, M.M.S.I
1.9K visualizações39 slides

Mais procurados(20)

Buku ajar imk dyah ayu irawati por Robby Firmansyah
Buku ajar imk dyah ayu irawatiBuku ajar imk dyah ayu irawati
Buku ajar imk dyah ayu irawati
Robby Firmansyah3.6K visualizações
interkasi manusia dan komputer por gapteek
interkasi manusia dan komputerinterkasi manusia dan komputer
interkasi manusia dan komputer
gapteek4K visualizações
Prinsip User Interface Design por Materi Kuliah Online
Prinsip User Interface DesignPrinsip User Interface Design
Prinsip User Interface Design
Materi Kuliah Online12K visualizações
Imk 1 pendahuluan por Na Elyna Fazriyati
Imk 1   pendahuluanImk 1   pendahuluan
Imk 1 pendahuluan
Na Elyna Fazriyati6.6K visualizações
Proposal Penawaran Pembangunan Aplikasi Tracking Barang por Ghifaroza Rahmadiana
Proposal Penawaran Pembangunan Aplikasi Tracking BarangProposal Penawaran Pembangunan Aplikasi Tracking Barang
Proposal Penawaran Pembangunan Aplikasi Tracking Barang
Ghifaroza Rahmadiana13.4K visualizações
Proses rekayasa perangkat lunak por Davy Arya Atmaja
Proses rekayasa perangkat lunakProses rekayasa perangkat lunak
Proses rekayasa perangkat lunak
Davy Arya Atmaja3.5K visualizações
Pengenalan Microsoft Excel por Made Aditya
Pengenalan Microsoft ExcelPengenalan Microsoft Excel
Pengenalan Microsoft Excel
Made Aditya5.8K visualizações
Membuat aplikasi database dengan windows form application por Abdul Qifli Sangadji
Membuat aplikasi database dengan windows form applicationMembuat aplikasi database dengan windows form application
Membuat aplikasi database dengan windows form application
Abdul Qifli Sangadji10.2K visualizações
Soal dan jawaban kuis komputer dan masyarakat por Bay Setiyyow
Soal dan jawaban kuis komputer dan masyarakatSoal dan jawaban kuis komputer dan masyarakat
Soal dan jawaban kuis komputer dan masyarakat
Bay Setiyyow19.7K visualizações
Topik 3 (prinsip desain interface) por titiwerdhy
Topik 3 (prinsip desain interface)Topik 3 (prinsip desain interface)
Topik 3 (prinsip desain interface)
titiwerdhy2.3K visualizações
Interaksi manusia dan komputer por donasiilmu
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputer
donasiilmu18.1K visualizações
IMK - Strategi Banyak Window por nadiapreviani
IMK - Strategi Banyak WindowIMK - Strategi Banyak Window
IMK - Strategi Banyak Window
nadiapreviani4K visualizações
Testing dan implementasi por DWC
Testing dan implementasiTesting dan implementasi
Testing dan implementasi
DWC26.5K visualizações
Metode pencarian heuristik por Baguss Chandrass
Metode pencarian heuristikMetode pencarian heuristik
Metode pencarian heuristik
Baguss Chandrass27K visualizações
pengenalan interaksi manusia komputer por kristian ismail
pengenalan interaksi manusia komputerpengenalan interaksi manusia komputer
pengenalan interaksi manusia komputer
kristian ismail2.8K visualizações
Algoritma greedy por Rengga Aditya
Algoritma greedyAlgoritma greedy
Algoritma greedy
Rengga Aditya8.3K visualizações
Teori bahasa-dan-otomata por Banta Cut
Teori bahasa-dan-otomataTeori bahasa-dan-otomata
Teori bahasa-dan-otomata
Banta Cut130.6K visualizações

Similar a Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar

Interaksi Manusia dan Komputer por
Interaksi Manusia dan KomputerInteraksi Manusia dan Komputer
Interaksi Manusia dan KomputerFandi Rahmat
6.6K visualizações19 slides
Pertemuan 1 Interaksi Manusia Komputer.pptx por
Pertemuan 1 Interaksi Manusia Komputer.pptxPertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptxFauzanGustafi
44 visualizações23 slides
Resume Interaksi Manusia Koputer por
Resume Interaksi Manusia KoputerResume Interaksi Manusia Koputer
Resume Interaksi Manusia KoputerMuhammath Umar
1.9K visualizações4 slides
Imk por
ImkImk
ImkErwan Nur Arief
2.4K visualizações14 slides
1-PengantarIMK.pptx por
1-PengantarIMK.pptx1-PengantarIMK.pptx
1-PengantarIMK.pptxKHAIRUL MANSHUR
5 visualizações75 slides
Pendahuluan imk por
Pendahuluan imkPendahuluan imk
Pendahuluan imkfatahlity
135 visualizações15 slides

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

Interaksi Manusia dan Komputer por Fandi Rahmat
Interaksi Manusia dan KomputerInteraksi Manusia dan Komputer
Interaksi Manusia dan Komputer
Fandi Rahmat6.6K visualizações
Pertemuan 1 Interaksi Manusia Komputer.pptx por FauzanGustafi
Pertemuan 1 Interaksi Manusia Komputer.pptxPertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptx
FauzanGustafi44 visualizações
Resume Interaksi Manusia Koputer por Muhammath Umar
Resume Interaksi Manusia KoputerResume Interaksi Manusia Koputer
Resume Interaksi Manusia Koputer
Muhammath Umar1.9K visualizações
Imk por Erwan Nur Arief
ImkImk
Imk
Erwan Nur Arief2.4K visualizações
1-PengantarIMK.pptx por KHAIRUL MANSHUR
1-PengantarIMK.pptx1-PengantarIMK.pptx
1-PengantarIMK.pptx
KHAIRUL MANSHUR5 visualizações
Pendahuluan imk por fatahlity
Pendahuluan imkPendahuluan imk
Pendahuluan imk
fatahlity135 visualizações
Pendahuluan Interaksi Manusia dan Komputer por DENDIKURNIADITIF
Pendahuluan Interaksi Manusia dan KomputerPendahuluan Interaksi Manusia dan Komputer
Pendahuluan Interaksi Manusia dan Komputer
DENDIKURNIADITIF99 visualizações
1. pendahuluan por Nafiz Curtuby
1. pendahuluan1. pendahuluan
1. pendahuluan
Nafiz Curtuby430 visualizações
Pert 1. pengantar imk por arfianti
Pert 1. pengantar imkPert 1. pengantar imk
Pert 1. pengantar imk
arfianti1.4K visualizações
Pengantar imk por arfianti
Pengantar imkPengantar imk
Pengantar imk
arfianti418 visualizações
Paradigma,proses desain dan rekayasa daya guna por Shary Armonitha
Paradigma,proses desain dan rekayasa daya gunaParadigma,proses desain dan rekayasa daya guna
Paradigma,proses desain dan rekayasa daya guna
Shary Armonitha1.4K visualizações
Imk por akbar kurniawan
ImkImk
Imk
akbar kurniawan7.9K visualizações
Daya guna por arfianti
Daya gunaDaya guna
Daya guna
arfianti3.4K visualizações
Interaksi manusia dan komputer por Nizar Zakaria
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputer
Nizar Zakaria2.8K visualizações
ppt tugas kelompok.pptx por KristisonOswall
ppt tugas kelompok.pptxppt tugas kelompok.pptx
ppt tugas kelompok.pptx
KristisonOswall29 visualizações
10-SISTEM KOMPUTER por RiaJF
10-SISTEM KOMPUTER10-SISTEM KOMPUTER
10-SISTEM KOMPUTER
RiaJF1 visão
20100325 1 pengenalankonsepimk por Ruezi Die
20100325 1 pengenalankonsepimk20100325 1 pengenalankonsepimk
20100325 1 pengenalankonsepimk
Ruezi Die334 visualizações
INF-BAB 4 FASE E.pptx por PemriNoersyam
INF-BAB 4 FASE E.pptxINF-BAB 4 FASE E.pptx
INF-BAB 4 FASE E.pptx
PemriNoersyam3 visualizações

Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar

  • 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.