CSG2C3/ Interaksi Manusia dan
Komputer (IMK)
Author-Nama dosen
KK SIDE
12/04/2018 1
THE USER INTERFACE
(UI)
DESIGN PROCESS
Step 13
Organize and Layout
Windows and Pages
Setelah mengikuti materi ini mahasiswa dapat:
Mahasiswa/i dapat mampu menerapkan pengaturan
dan tataletak Windows dan halaman web yang
sesuai dan bermakna.
2 12/04/2018
Opening
12/04/201
8 CSG2C3 - INTERAKSI MANUSIA DAN KOMPUTER 3
Mempercepat
Pemahaman Informasi
Mempercepat
Pemahaman Informasi
Mempercepat Proses
Eksekusi Task dan fungsi
Mempercepat Proses
Eksekusi Task dan fungsi
Meningkatkan User
Acceptance
Meningkatkan User
Acceptance
Pengaturan/
Pengorganisasian
Our Goal
12/04/201
8 CSG2C3 - INTERAKSI MANUSIA DAN KOMPUTER 4
•
Organizing and laying out graphical and web
screens to encourage quick and accurate
information
comprehension
and
control
execution
•
Organizing Meaningfully and efficiently
•
Creating Grouping
General Guidelines
(Review step 3)
12/04/201
12/04/201
8 CSG2C3 - INTERAKSI MANUSIA DAN KOMPUTER 6
12/04/201
8 CSG2C3 - INTERAKSI MANUSIA DAN KOMPUTER 7
Bagaimana menurut anda ketika
tampilan awal photoshop adalah
Organization Guideline
(Creating Grouping)
12/04/201
Organization Guideline
(Creating Grouping)
12/04/201
Organization Guideline
(Creating Grouping)
12/04/201
Organization Guideline
(Creating Grouping)
12/04/201
Organization Guideline
(Creating Grouping)
12/04/201
Organization Guideline
(Creating Grouping)
12/04/201
Web Page Guidelines
12/04/201
Grid Example
(Poor VS Good)
12/04/201
12/04/201
8 CSG2C3 - INTERAKSI MANUSIA DAN KOMPUTER 16
12/04/201
8 CSG2C3 - INTERAKSI MANUSIA DAN KOMPUTER 17
Web Page Guidelines (cont..)
12/04/201
Web Page Guidelines (cont..)
12/04/201
12/04/201
12/04/201
12/04/201
8 CSG2C3 - INTERAKSI MANUSIA DAN KOMPUTER 22