UI Design

Principles of UI Design

1. Layout
   1. Bagi ke beberapa area
2. Content Awareness
   1. Related information digroup
   2. User harus udh langsung tau dimana dia berada di situsnya dgn liat sekilas
3. Aesthetic
   1. Fungsional, inviting to use, pleasing the eye
   2. Less is more (minimalist design)
   3. Harus ada whitespace, 50% Density rule for novice and pros
4. User Experience
   1. Ease of learning (novice, large user population), ease of use (pros, specialized system)
   2. Redundancy
5. Consistency
   1. Di Fonts, Symbols
   2. User bisa prediksi apa yang akan terjadi saat mrk berinteraksi dengan UI
6. Minimal User Effort
   1. 3 Clicks rule
   2. Segampang mungkin untuk user berinteraksi

Cara desain UI

1. Bikin Use Scenario (satu path dari UCS)
2. Bikin struktur UI (dari mana bakal kemana)
3. Interface Standards Design
   1. Interface Metaphor
   2. Interface Object
   3. Interface action
   4. Interface icon
   5. Interface Template
4. Interface design prototype
   1. HTML Prototype
      1. Adv: Bispak cepat
      2. Dis: Belum tentu sama kaya final version
   2. Language Prototype
      1. Adv: bisa ngeliat bakal kaya gimana
      2. Dis: Lama
5. Interface Evaluation
   1. Heuristic
      1. Pake Checklist, minimum 3 org
   2. Walkthrough
      1. Tim kasih tau cara pake UInya ke user
   3. Interactive
      1. User interaksi sendiri terus kasih feedback ke project team, project team make note confusion and misinterpretation(artinya project team brd di samping usernya tapi cuma ngeliatin aja)
   4. Formal Usability Testing
      1. Hanya bisa ke language prototype, one to one sama user, di ruangan yang diawasi kamera (user is alone in room), user disuruh ngelakuin tugas yang dikasih Dev team dan ga dibantuin
      2. Drawbacknya mahal