15.Step 13 Organize and Layout Windows and Pages

  CSG2C3/ Interaksi Manusia dan Komputer (IMK) _{KK SIDE} Author-Nama dosen THE USER INTERFACE

(UI)

  Step 13 Organize and Layout _{GUI Design Principles and Techniques 3 Edition. Wiley: Indianapolis. Sumber: Galitz, Wilbert O. 2007. The Essential Guide to User interface Design: An Introduction to} Windows and Pages _rd

  Tujuan Setelah mengikuti materi ini mahasiswa dapat:

Mahasiswa/i dapat mampu menerapkan pengaturan

dan tataletak Windows dan halaman web yang

sesuai dan bermakna.

  Opening Mempercepat _{Pemahaman Informasi Pemahaman Informasi Mempercepat}

  Pengaturan/ _{Mempercepat Proses Mempercepat Proses} Pengorganisasian _{Eksekusi Task dan fungsi Eksekusi Task dan fungsi} Layout windows dan halaman web yang baik _{Acceptance Acceptance Meningkatkan User Meningkatkan User}

  Our Goal

• Organizing and laying out graphical and web

  screens to encourage quick and accurate

  information comprehension and control

  execution
• Organizing Meaningfully and efficiently
• Creating Grouping • Providing Allignment and balance

  General Guidelines (Review step 3)

  Bagaimana menurut anda ketika tampilan awal photoshop adalah seperti ini??

  Bagaimana menurut anda ketika tampilan awal photoshop adalah seperti ini?? BANDINGKAN!!

  Organization Guideline (Creating Grouping)

  Organization Guideline (Creating Grouping)

  Organization Guideline (Creating Grouping)

  Organization Guideline (Creating Grouping)

  Organization Guideline (Creating Grouping)

  Organization Guideline (Creating Grouping)

  Web Page Guidelines

  Grid Example (Poor VS Good)

  What do you think about this GRID??

  What do you think about this GRID??

  Web Page Guidelines (cont..)

  Web Page Guidelines (cont..)

  Scroll down!!