Prio Handoko, S. Kom., M.T.I.
Program St udi Teknik Informat ika Universit as Pembangunan Jaya Jl. Cendrawasih –Sawah Baru Tangerang Selat an –Bant en 15211
BAB 2:
M ahasiswa mampu memahami hal-hal yang perlu disiapkan terlebih dahulu sebagai dasar sebuah desain interaktif yang perlu terus digali untuk pemenuhan setiap interasi prototipe antarmuka.
BAB 2:
• Introduction
• What is Design?
• The Process of Design
• User Focus
• Navigation Design
• Screen Desain and Layout
•
IM K berfokus pada pemahaman•
Desain interaksi tidak terbatas hanya pada:• perancangan sistem interaktif saja. Mengapa demikian?
• apa y ang dihasilkan, tetapi lebih kepada proses
“memahami dan memilih” (underst anding and choosing).
• Design?
“achieving goals within constraints”
• Aturan utama “design”
1. m emahami komput er;
2. m emahami manusia
t r ade off
Definisi Desain
under st and t he m at erials
• Human er ror/operator error
human error/operator error
know
• Alur cerita desain • Rich st ories of int eractions
• Represent asi paling sederhana dari sebuah desain
• Salah sat u met ode yang paling baik dan power full
• Perhat ikan cerita berikut • Langkah-langkah pent erjemahan:
1. tuangkan dalam rich picture;
2. membuat skenario antarmuka;
3. rancang tampilan antarmuka;
4. evaluasi.
• Skenario dapat digunakan untuk beberapa hal berikut:
1. berkomunikasi dengan perancang, klien atau user;
• Widget
• elemen dari GUI • menampilkan informasi
sebuah aplikasi • pengat uran dapat
diubah oleh pengguna • inst ruksi t unggal
• Screens/Windows
• Navigation within the application
• Environment
E
S
IG
N
A
S
K
h
in
k
• Tools untuk tampilan • Grouping and structure
• Order of groups and items
• Decoration
• Alignment
White space
A B
D
C E
F
( a) spac e to se parate
( b) spac e to struc ture
• User action &control • Ent ering informat ion • Knowing what t o do • Affor dances
• Appropriate appearance • Pr esent ing informat ion • Aest het ics &ut ilit y
• Making a mess of it : color &3D • Localizat ion/Int ernat ionalization
D esign Prot ot ype
re-D esign
Evaluat e is it ok?
D one!
fix it?
Bagaimana caranya agar metode prototipe dapat berjalan?
1. memahami kesalahan yang muncul dan memperbaikinya; dan