Pengantar

Silabus

Pengantar IMK; Prinsip umum desain interface User profile; Model konseptual Gaya dialog (menu, fill-in-form, Q&A, command

language, function keys, NL, direct manipulation) Response time Metode desain; teknik evaluasi perangkat lunak Organization of functionality; Screen layout and

design Error handling; User documentation Mobile device UI; Web-based application UI Analisis desain UI; Model komunikasi dan

kolaborasi

Tujuan Perkuliahan

Setelah mengikuti kuliah ini, mahasiswa dapat:

1. Memahami prinsip-prinsip dalam IMK dan menentukan profil user

2. Membedakan karakteristik, kelebihan dan kekurangan dari semua gaya dialog

3. Menganalisis interface suatu software/ aplikasi/ situs yang ada

4. Membuat suatu project dengan memperhatikan profil user, prinsip umum dalam IMK, gaya dialog, fungsionalitas sistem, error handling, serta tahapan pembuatan UI yang baik

Referensi

Deborah J. Mayhew. 1992. Principles and Guidelines in Software User Interface Design. Prentice-Hall Incorporation.

Helander, Martin. 1988. Handbook of Human-Computer Interaction. North-Holland.

The Human-Computer Interaction Handbook : Fundamentals, Evolving Technologies and Emerging Application

HCI Handbook

Potongan cerita komik sebagai ilustrasi Adanya gap komunikasi antara profesional (sw

engineers) dengan user non teknis (yang tidak begitu paham tentang sw)

Permasalahan komunikasi antara user dengan sistem

Bagian penghalang untuk memperbaiki semua komunikasi tersebut adalah ‘sikap’

Lihat potongan komik tersebut !!

Komik 1

Komik 2

Komik 3

3 Langkah untuk memperbaiki antarmuka (interfaces)

1. Ubah sikap/ pendirian dari profesional software

2. Gunakan body of knowledge yang berkembang tentang perancangan antarmuka/ UI

3. Integrasikan metode perancangan UI dengan teknik-teknik standar/ umum pada metodologi pengembangan SW

Mengapa UI penting?

1984 Apple Computer Inc membuat Macintosh; brosurnya fokus pada UI.Of the 235 milion people in America, only a fraction can use a computer.. Introducing Macintosh for the rest of us.Wouldn’t it make more sense to teach computers about people, instead of teaching people about computers?Macintosh. Designed on the principle that a computer is a lot more useful if it is easy to use.The real genius is that you don’t have to be a genius to use a Macintosh.

Mengapa UI penting?

Sejumlah trend di industri komputer :1. Harga teknologi semakin murah, tapi kekuatan

teknologi semakin handal

2. Teknologi mulai meluas penggunaannya, tidak hanya sebagai pengolah data di kantor tapi ke rumah tangga, ruang kelas, profesional desktop

3. Tidak pernah berakhir keinginan untuk meningkatkan produktivitas para pemakai komputer dan organisasinya

Interaksi Manusia Komputer : Definisi

Manusia : fleksibel & mampu beradaptasi, dapat belajar bagaimana bekerja di lingkungan yang baru

Komputer : tidak fleksibel / tidak mampu beradaptasi, input harus dalam format yang jelas & output harus didefinisikan sebelumnya, tidak dapat belajar, dapat di desain ulang

Interaksi Manusia Komputer : Definisi Irisan antara 2 lingkaran merepresentasikan

antarmuka antara manusia dan komputer : 2 subsistem dapat saling berkomunikasi

Human Computer

Fleksibel, adaptiveMampu belajar, cerdasTidak dapat di-redesign

Tidak fleksibel, tidak adaptifTidak dapat belajarDapat di-redesign

Fungsi UI

Menyampaikan pesan dari pemakai ke sistem Validasi terhadap pesan dari pemakai dan

pengiriman pesan kesalahan yang dibangkitkan pemakai

Menyampaikan pesan dari sistem ke pemakai