Interaksi Manusia dan Komputer

  • View
    173

  • Download
    16

Embed Size (px)

DESCRIPTION

Interaksi Manusia dan Komputer. Pertemuan 1 Interface & Komponen IMK. Sejarah IMK??? Apa IMK? Model IMK?. Pendahuluan. Saat ini perkembangan teknologi (komputer) sangat pesat Hampir setiap saat kita berhubungan dengan teknologi komputer - PowerPoint PPT Presentation

Text of Interaksi Manusia dan Komputer

  • Interaksi Manusia dan KomputerPertemuan 1Interface & Komponen IMK

  • Sejarah IMK???Apa IMK?Model IMK?

  • PendahuluanSaat ini perkembangan teknologi (komputer) sangat pesatHampir setiap saat kita berhubungan dengan teknologi komputerPada awal perkembangan komputer tahun 1950, masih sangat sulit dioperasikan, tidak praktis, dan waktu eksekusinya sulit diprediksi.

  • Faktor PenyebabnyaUkurannya sangat besar dan harganya sangat mahal, sehingga jika dibandingkan, sehingga saat itu tenaga buruh masih jauh lebih murah.Hanya dapat dioperasikan oleh tenaga teknisi spesialis yang sudah terbiasa melakukan pemrograman secara on-line dengan menggunakan kartu plong (punch card).Hanya sedikit yang diketahui tentang bagaimana membuatnya mudah untuk digunakan.

  • ENIAC

  • Kondisi Saat iniSaat ini komputer sudah jauh lebih murah, digunakan untuk hampir setiap sisi kehidupan, kita mempunyai pengetahuan yang cukup bagaimana agar komputer dapat menyesuaikan dengan kebutuhan kerja manusia.

  • Perubahan TeknologiPenurunan harga komputer yang sangat dramatis dihasilkan oleh adanya perkembangan teknologi terutama teknologi microelectronic dalam bentuk keping silicon (IC).Kemampuan teknologi untuk memperkecil ukuran rangkaian serta mengkemas sejumlah rangkaian dalam satu keping tipis IC merupakan langkah menuju perkembangan komputer yang powerful dengan kapasitas penyimpan yang besar, namun dengan harga yang semakin murah.

  • Perubahan TeknologiPerubahan teknologi di atas telah membuka kemungkinan penggunaan komputer yang lebih luas.Saat ini kehadiran komputer sudah tidak dapat dilepaskan dari dunia bisnis dan industri modern.Komputer juga ditemukan dalam penggunaan aplikasi rumah tangga

  • Kebutuhan Perancangan yang BerbedaAgar komputer dapat diterima secara luas dan digunakan secara efektif, maka perlu dirancang secara baik.Hal ini tidak berarti bahwa semua sistem harus dirancang agar dapat mengakomodasi semua orang, namun komputer perlu dirancang agar memenuhi dan mempunyai kemampuan sesuai dengan kebutuhan pengguna secara spesifik.

  • Pengguna seharusnya tidak perlu memikirkan bagaimana cara berinteraksi dengan komputer, tetapi yang penting justru bagaimana mengoptimalkan komputer untuk memenuhi kebutuhannyaAnaloginya adalah seperti kita menggunakan mobil atau motor, kita tidak perlu memikirkan bagaimana cara mesin bekerja.

  • Istilah IMK / HCIPada tahun 1970 mulai dikenal istilah antarmuka pengguna (user interface), yang juga dikenal dengan istilah Man-Machine Interface (MMI), dan mulai menjadi topik perhatian bagi peneliti dan perancang sistem.Perusahaan komputer mulai memikirkan aspek fisik dari antarmuka pengguna sebagai faktor penentu keberhasilan dalam pemasaran produknya.

  • Istilah IMK / HCIIstilah human-computer interaction (HCI) mulai muncul pertengahan tahun 1980-an sebagai bidang studi yang baru.Istilah HCI mengisyaratkan bahwa bidang studi ini mempunyai fokus yang lebih luas, tidak hanya sekedar perancangan antarmuka secara fisik.

  • Istilah IMK / HCIHCI didefinisikan sebagai disiplin ilmu yang berhubungan dengan perancangan, evaluasi, dan implementasi sistem komputer interaktif untuk digunakan oleh manusia dan studi tentang fenomena di sekitarnya.HCI pada prinsipnya membuat agar sistem dapat berdialog dengan penggunanya seramah mungkin.

  • Generasi Antarmuka PenggunaAntarmuka sistem berkelompokAntarmuka Berorientasi baris arahanAntarmuka ScreenAntarmuka GrafikAntarmuka Masa depan

  • Hub. IMK,Komputer dan Bidang lainPsikologiGrafikAntropologiLinguistikSosiologiErgonomikTek. Elektro dan ilkom

  • Komponen-komponen IMKManusiasebagai pengguna sistem dan subjek manajemen sistem komputerKomputersebagai objek yang dimanajemen sekaligus membantu pekerjaan subjekLingkungan kerja Interface (antar muka)/Interaksisebagai jembatan antara subjek dan objek

  • Manusia Indera manusia (penglihatan, pendengaran, sentuhan)Bagaimana sistem nyaman dilihat oleh penggunaDalam multimedia, penyajian dilakukan secara visual dan audio sehingga agar lebih menarik dan komunikatif penyajiannya harus memperhatikan penglihatan dan pendengaran.Untuk layar touchscreen, bagaimana sistem dibuat agar mudah digunakan. (step by step harus jelas)

  • I/O manusiaMemori manusiaProses berpikir manusia

  • KomputerLayar monitor sebagai wajah saat manusia berinteraksi dengan komputerSebagai input untuk masuk ke dalam sistem, yaitu mouse, keyboard.CPU akan memproses input dari manusia menjadi output berupa informasi yang ditampilkan lewat monitor.

  • I/O KomputerMemori komputerProses komputer

  • Interface/interaksiSesuatu yang menjadi jembatan antara manusia dengan sistem, saat user memasukkan data ke sistem (input) dan menerima informasi dari sistem (output).Tampilan dari sistem

    face between the human and the system

  • Model InteraksiErgonomiTipe interaksiKonteks Interaksi

  • Interface yang bagusUSER FRIENDLY ???Mudah dipahami oleh penggunanya, mudah dioperasikan sehingga pengguna merasa betah dan nyaman dalam mengoperasikan.Jadi sistem tidak hanya membantu dalam menyelesaikan persoalan dengan hasil yang sesuai dengan keinginannya, namun menyediakan berbagai kemudahan pada saat mengoperasikan program aplikasi.

  • Interface yang bagusDalam Windows, terdapat istilah What You See Is What You Get (WYSIWYG).

    Artinya, apa yang terlihat di layar monitor itulah informasi yang didapatkan.

  • Interface yang bagusInterface harus bekerja selayaknyaAdanya konsistensi dalam mengkoordinasi elemen-elemen interface, konsisten dalam penggunaan navigasi dan perlakuan desain (design treatment).Mudah untuk diakses dan diingatTidak membingungkan user dalam mengakses (tidak menyebabkan user tersesat/lost). pada website tertentu, terdapat site map untuk menunjukkan di mana user berada.

  • Interface yang bagusMudah dan fleksibel dalam penggunaan interfaceUser memiliki kontrol penuh dalam interfaceMemberikan kenyamanan kepada user meskipun user membuat kesalahan.

  • User centered design processProses penggunaan interface yang menempatkan user sebagai center of product.Bagaimana user ingin produk itu bekerja dan bagaimana user ingin berinteraksi dengan produk

  • Element of Interface DesignUsabilityVisualizationFunctionalityAccessibility

  • UsabilityBagaimana meng-explore, menggunakan navigasiUkuran di mana user dapat mengakses secara efektif, efisien dan nyaman.- planning (flowchart)- memikirkan how navigation worksNavigasi adalah tombol-tombol untuk menjelajahi sistem, contoh = next, back, forward, end.

  • Visualization (1)Bagaimana membuat interface menjadi visually interesting Terbagi menjadi 3 bagian :- graphic and icon- typography/text- color

  • Visualization (2)Graphic and IconGunakan graphic yang sesuai dengan konsep (cari icon yang sesuai)contoh = tombol print dengan icon bergambar printerIcon dapat menimbulkan banyak kesan dalam sekejap sehingga pemilihan icon yang tepat sangat diperlukan.Icon yang sesuai/mudah dikenali dan dimengerti orang.

  • Visualization (3)Typography- Font memiliki karakter, sehingga pemakaian font harus berdasar product contoh : untuk product anak-anak, gunakan font bermodel lucu.- Gunakan font yang mudah dibacacontoh = San Serif (tidak memiliki ujung) lebih mudah dibaca daripada Serif (memiliki ujung/ekor) San Serif contohnya verdana, arialSerif contohnya monotype corsiva

  • Visualization (4) - Typography- jangan terlalu banyak menggunakan font berbeda dalam satu halaman.- Visual gaps (jarak) antara letter (huruf) dan angka- Spelling check untuk mengontrol apabila ada kata-kata yang misspelled.

  • Visualization (5)Color- Standar RGB = red, green, blue- gunakan warna yang bersesuaian agar mudah dibaca- warna memberi karakter, warm and cold.- warna monochromatic = warna lebih harmonis (jangan terlalu banyak memakai warna dalam satu halaman)

  • FunctionalityFasilitas yang ada apakah sudah memenuhi kebutuhan user?Seberapa besar fitur-fitur.fasilitas tersebut men-support user.Contoh : search engine, link-link, menu navigasi.Apakah link-link pada sebuah website benar-benar dapat digunakan?

  • AccessibityBagaimana sistem itu diakses?Contoh : pada website, saat kita mengakses apakah membutuhkan waktu yang lama untuk membuka.Kemudahan pengaksesan lewat hyperlink untuk masuk ke menu yang lain.

    ***