Merancang User Interface

Slides:



Advertisements
Presentasi serupa
Gaya Interaksi.
Advertisements

Interaksi Manusia dan Komputer “Interaksi”
PERANCANGAN ANTARMUKA - 2
Mata Kuliah INTERAKSI KOMPUTER - MANUSIA
Dialogue Design.
Interaksi Manusia dan Komputer
Pertemuan 1 PENGENALAN IMK.
Pendahuluan IMK (Interaksi Manusia & Komputer)
INTERAKSI MANUSIA DAN KOMPUTER
Perancangan Tampilan.
Dialog berbasis text dan pengisian borang
Ragam Dialog Interaksi
Sistem Penjendelaan.
Pertemuan 3 RAGAM DIALOG.
KELOMPOK 10 PROYEK 5 Formulir Pembelian Buku Web / HTML
PERANCANGAN ANTARMUKA ATAU LAYAR.
MEMAHAMI RAGAM DIALOG.
Bina Sarana Informatika
Interaksi Manusia dengan Komputer
Pertemuan 3 RAGAM DIALOG.
Pertemuan 1 PENGENALAN IMK.
NamaSlide Tika Listiani Umar3-5 Erwin Suganda6-8 Indah Rahmawati Putri9-11 Ivan David12-14 Heru Setiawan15-17.
Dialog Teks dan Pengisian Borang
komponen antarmuka pengguna
KONSEP USER INTERFACE.
PEMROSESAN DOKUMEN FILE DOKUMEN
PENGANTAR KOMPUTER & TI 2A
Ragam Dialog|pertemuan VI
Ragam Dialog|.
Pemrograman Visual Oleh : Erni Fatmawati.
Pertemuan 1 PENGENALAN IMK.
Interaksi Manusia & Komputer Ragam Dialog
Interface Metaphors dan Model Konseptual
Interaksi Manusia dan Komputer
Louis Bertrand Secondra
Desain User Interface dan Input
KONSEP INTERFACE
User interface Bagaimana user berinteraksi dengan komputer
Pertemuan 3 RAGAM DIALOG.
PROTOTIPE (Berkerja dengan Model Pertama)
Pendahuluan.
Interaksi Manusia & Komputer
PERANCANGAN ANTARMUKA/TAMPILAN
Interaksi manusia komputer
Analisa & Perancangan sistem
DIALOG.
Algoritma dan Pemrograman 2A
KELOMPOK 10 PROYEK 5 Formulir Pembelian Buku Web / HTML
USER INTERFACE.
Ragam Dialog.
Pertemuan 1 Pemrograman Visual Intro ‘n Delphi Intro
Andy Wisnu Wardana S.Kom
Pengenalan Borland Delphi 7.0
Pertemuan 3 RAGAM DIALOG.
Ragam Dialog.
Man Machine Interface Oleh Umar Muhammad, MT.
RAGAM DIALOG.
Ragam Dialog.
Ragam Dialog.
Pertemuan 3 RAGAM DIALOG.
Komputer 3 Dian C. Rini N, M.Kom
Piranti Masukan Piranti masukan (input device) merupakan perangkat keras komputer yang memungkinkan pemasukan data ke dalam sistem komputer. Data masukan.
Pendahuluan.
PENGANTAR KOMPUTER DAN TEKNOLOGI INFORMASI 1B
Ragam Dialog|pertemuan VI
INTERAKSI MANUSIA & KOMPUTER HUMAN COMPUTER INTERACTION.
This presentation uses a free template provided by FPPT.com Application of Anthropomorphism to Interaction Design.
Ragam Dialog.
KONSEP USER INTERFACE PENGANTAR KOMPUTER DAN TEKNOLOGI INFORMASI 1B.
MENGGUNAKAN SISTEM OPERASI ( OPERATING SYSTEM )
Transcript presentasi:

Merancang User Interface

Tujuan Antar Muka (interface) Pengguna Menyesuaikan antar muka pengguna dgn tugas. Membuat antar muka pengguna menjadi efesien. Memberikan arus balik yang tepat kepada pengguna. Memunculkan pertanyaan-pertanyaan yang dapat dimanfaatkan. Memperbaiki produktivitas dari pengetahuan pegawai

Tipe-tipe user interface User interface bahasa alamiah User interface pertanyaan & jawaban User interface menu-menu User interface formulir isian User interface bahasa perintah User interface GUI (Graphical User Interface) User interface pada web, dll.

User Interface Bahasa Alamiah Ideal bagi user yang tidak berpengalaman, karena interface menggunakan bahasa sehari-hari Adanya perbedaan bahasa antara komputer & manusia sehingga diperlukan penerjemah yang mampu menerjemahkan 2 arah.

Contoh

User interface pertanyaan & jawaban Komputer akan menampilkan pertanyaan di layar untuk user

User interface menu-menu Menyediakan daftar pilihan dalam jumlah yang terbatas yang biasanya berupa suatu kalimat atau kumpulan beberapa kata sehingga pengguna dapat menetukan pilihannya Jenis berdasarkan teknik penampilan pilihan-pilihannya sistem menu datar menampilkan semua pilihan secara lengkap sistem menu tarik menampilkan daftar pilihan dalam kelompok-kelompok tertentu

File Edit View Insert Format Help Contoh Window Menus File Edit View Insert Format Help New Open Close Save Save As Cut Copy Paste Menu bar Pull-down Menu Pop-up Send to > Mail recipient… Routing recipient... Cascading

Menu-driven Applications Contoh Menu-driven Applications 1. Purchasing Reports 2. Sales Reports 3. Purchasing Data Entry 4. Sales Data Entry 5. System Administration Type a selection and press <Enter> __ (1 - 5) Whizz Co Reporting System

Contoh

User interface formulir isian Kualitas tergantung pada tiga aspek Tampilan pada layar yang mencerminkan struktur data masukan yang diperlukan oleh sistem Kejelasan perancangan & penyajiannya secara visual pd layar Derajat kebenaran dan kehandalan penerimaan data masukan oleh program lewat berbagai fasilitas pemasukan data yang ada pada borang

Contoh

User interface bahasa perintah Memberi kemudahan kepada user untuk mengontrol suatu aplikasi dengan serangkaian tekanan tombol, perintah-perintah, frase atau beberapa rangkaian dari 3 metode ini.

Contoh

User interface GUI Memungkinkan adanya manipulasi langsung pada tampilan grafis di layar, yang dapat diselesaikan dengan inputan dari keyboard, joystick atau mouse.

Contoh User Interface pada Web

Arus Balik untuk User Semua sistem memerlukan arus balik  untuk memonitor Arus balik pada user dari sistem diperlukan dalam 7 situasi yang berbeda (Kendall & Kendall 2, hal. 216) Contoh: warning, proses, menunggu (wait)

Contoh New Open Close Save Save as... Sebelum teks diselect Setelah teks diselect New Open Close Save Save as...

Merancang Pertanyaan Pertanyaan-pertanyaan yang muncul berkaitan dengan data dari basis data Ada 6 tipe dasar pertanyaan  melibatkan entitas, atribut dan nilai (Kendall & Kendall 2, hal. 224 s/d 233).

Produktivitas & Rancangan ergonomis Ergonomis, mengacu pada penerapan data biologis dan teknis pada suatu masalah yang berkaitan dengan orang-orang dan mesin-mesin yang mereka gunakan untuk bekerja Variable tempat kerja yang penting untuk dipertimbangkan: - warna ruang komputer & pencahayaan - tampilan layar - keyborad user, mouse - meja komputer & kursi.

Soal Carilah keuntungan dan kerugian dari user interface bahasa alamiah, sistem menu, pengisian formulir dan Interface Grafis Rancanglah sebuah interface untuk pemesanan tiket pesawat on line pada sebuah perusahaan penerbangan. Pemesanan tiket meliputi hal-hal sbb: Identitas penumpang, Asal dan tujuan penerbangan, Jumlah tiket yang dibeli, Tanggal keberangkatan dan ketersediaan jam penerbangan beserta harga. Total pembayaran tiket adalah total harga tiket ditambahkan dengan Tax 10% (dari total harga tiket).