Interaksi Manusia dan Komputer

Rapid Prototyping

Dimensi dan Terminologi

Metode-Metode Non-Komputer

Metode-Metode Komputer

Gambaran Deskripsi

Latihan Ikhtisar

1

Interaksi Manusia dan Komputer

Deskripsi Desain

Bagaimana kita menyatakan dengan cepat

gagasan-gagasan desain ?

Tidak ada koding software pada tahap ini.

Kunci Gagasan

Buat desain dengan cepat !!!

Sediakan banyak fleksibilitas untuk

perbedaan desain-desain

Buat desain dengan murah

Kembangkan respon feedback yang baik

2

Interaksi Manusia dan Komputer

Permasalahan

Anda tidak dapat mengevaluasi sebuah desain

hingga aplikasi program tersebut dibuat

tetapi …

Sesudah pembuatan aplikasi program,

perubahan terhadap sebuah desain merupakan

hal yang sulit dilakukan

Solusi

Simulasikan sebuah desain dengan

biaya yang rendah

3

Interaksi Manusia dan Komputer

Dimensi Prototyping1. Penggambaran

Bagaimana model dapat dilukiskan atau digambarkan ?

Dapatkah semua digambarkan dengan tekstur atau dapat

dengan visual dan diagram.

2. Ruang Lingkup Apakah masih dapat berhubungan (mock-up) atau apakah

masih dapat memasukkan beberapa komponen

perhitungan ?

3. Menjalankan Dapatkah prototype dijalankan ?

Jika koding, maka akan berada pada waktu yang tidak

dapat ditentukan.

4. Pengembangan Apakah yang harus ditingkatkan untuk produksi di waktu

yang akan datang ?

Revolusioner : Membuat yang lama tidak lagi sama.

Evolusioner : Mencari perubahan model

sebelumnya.

Metode-Metode Rapid Prototyping4

Interaksi Manusia dan Komputer

Non-Komputer

(Umumnya diawal proses)

VS

Berbasis Komputer

(umumnya diakhir proses)

Metode-Metode Non-Komputer

Tujuan : mengekspresikan (deskripsi)

ide desain dan mendapatkan opini yang

cepat dan murah pada sistem

Metode ?

Deskripsi Design

5

Interaksi Manusia dan Komputer

Dapat menyederhanakan penggambaran textur dari dari sebuah desain sistem

o Kelemahannya adalah terlalu jauh dari tujuan sistem

o Tidak bisa melakukan penggambaran visual aspek dari interface dengan baik

Sket, Model skala utuho Penulisan dasar “drawings” dari interfaceo Baik untuk pengilhamano Terfokus pada orang-orang yang berada

pada gagasan desain tingkat tinggio Tidak terlalu baik untuk menguraikan alur

dan detailo Cepat dan murah sangat membantu

umpan balik

Gambaran Cerita6

Interaksi Manusia dan Komputer

Simulasi pensil dan kertas atau panduan dari

tampilan sistem dan kegunaannya

Menggunakan urutan dari diagram-diagram

atau gambar-gambar

Menunjukkan tampilan utama

Cepat dan mudah

Contoh :

Skenario

7

Interaksi Manusia dan Komputer

Kegunaan hipotesis atau situasi fiksi

Biasanya melibatkan beberapa orang, peristiwa,

situasi, dan lingkungan

Menyediakan konteks operasi

Lebih banyak dalam bentuk cerita, tapi juga dapat

berupa sketsa atau bahkan video

Utilitas Skenario

Menjanjikan dan menarik

Memperbolehkan perancang untuk melihat

masalah dari sudut pandang orang lain

Memfasilitasi tanggapan dan opini

Dapat menjadi sangat modern dan kreatif

Teknik-Teknik Lain8

Interaksi Manusia dan Komputer

Tutorial dan Buku Petunjuk

- Boleh jadi dituliskan di awal untuk menjelaskan fungsinya.

- Membuat perencana lebih mempertegas mengenai

keputusan-keputusannya

- Ditulis di atas kertas adalah lebih bermakna

Metode-Metode Komputer

Simulasi dari fungsi sistem

- Biasanya hanya beberapa fitur-fitur atau aspek-aspek

- Dapat fokus dalam beberapa detail

- Umumnya menarik

- Bahaya : kebanyakan user enggan untuk memberikan

kesan perubahan dalam sekali waktu, user lebih melihat

keadaan model sebenarnya.

Terminologi

9

Interaksi Manusia dan Komputer

Prototipe Horizontal

Sangat luas, melakukan atau menunjukkan

interface yang banyak, tetapi tidak mendalam

Prototipe Vertikal

Memiliki lebih sedikit fitur atau aspek dari

interface yang disimulasikan, tetapi dilakukan secara

mendetail

Prototipe Cepat

Prototipe Lambat

Prototipe Ketepatan Rendah

Prototipe Ketepatan Tinggi

Bentuk Utilitas Program

10

Interaksi Manusia dan Komputer

1. Program Menggambar

Contoh : Photoshop, CorelDraw

2. Simulasi tulisan / pertunjukkan slide

Contoh : Power point, Hypercard,

Macromedia Director, HTML

3. Pembangun Interface

Contoh : Visual Basic, Delphi, UIMX

Prototyping Tools

11

Interaksi Manusia dan Komputer

1. Program Menggambar / Melukis

Menggambarkan setiap layer, indah

untuk dilihat

Prototipe horizontal, tipis

AdobePhotoshop

Prototyping Tools

12

Interaksi Manusia dan Komputer

2. Script Simulasi / Slide Show

- Letakan storyboard, tampilan dengan

transisi animasi diantaranya.

- Dapat memberikan pemakai script yang

sangat spesifik untuk diikuti.

- Sering disebut prototyiping chauffeured.

- Macromedia Director.

Prototyping Tools

3. Interface Builders (Pembangun Interface)

13

Interaksi Manusia dan Komputer

Tools atau alat-alat untuk mendisain windows (jendela), control , dll dari

sebuah interface

- Setelah membuat dan menguji mode-mode, yang baik untuk

menampilkan tampilan

- Membuat sebuah kode dimana fungsi back-end dapat ditambahkan

selama pembuatan program.

Prototyping Tools

14

Design Area

UI Controls

Control Properties

Interaksi Manusia dan Komputer

Kelebihan

Mudah untuk mengembangkan dan memodifikasi

screens

Mendukung tipe dari interface yang anda kembangkan

Mendukung beragam I/O device

Mudah untuk me-link screen dan memodifikasi link

Memperbolehkan pemanggilan eksternal prosedur dan

program

Memperbolehkan pengimporan text, grafik, dan media

lainnya

Mudah untuk dipelajari dan digunakan

Dukungan yang bagus dari vendor

Permodelan

15

Interaksi Manusia dan Komputer

cepat

kurang tepat

bagan, maket

Skenario

rancangan tepat

slide show

simulasi

sistem permodelan sangat tepat

lambat

Teknik Permodelan

16

Interaksi Manusia dan Komputer

Wizard of oz – seorang mensimulasikan dan

mengontrol sistem dari balik layar

Digunakan tampilan maket dan

berinteraksi dengan pemakai

Baik untuk mensimulasikan sistem yang

sulit dibuat

17