This document outlines principles and processes for user interface design. It discusses layout, content awareness, aesthetics, user experience, consistency and minimal effort as key principles. The five-step design process involves use scenario development, interface structure design, standards design, prototyping and evaluation. Common techniques for navigation, input and output design are also reviewed. Nonfunctional requirements can affect the human-computer interaction layer.

1. Chapter 11: User Interface Design

5. PRINCIPLES OF USER INTERFACE DESIGN

7. General Layout Navigation Area Status Area Reports & Forms Area

10. Form Content Awareness Phone Numbers Area Name Area

11. Report Content Awareness First Record Area Second Record Area

13. Bad Aesthetics

18. USER INTERFACE DESIGN PROCESS

19. 5-Step UI Design Process

23. Sample WND

26. Sample Storyboard

29. NAVIGATION DESIGN

31. Common Navigation Menu Menu bar Grayed-out commands Drop-down menu Cascading menu

32. INPUT DESIGN

35. Input Validation Types

36. OUTPUT DESIGN

39. NONFUNCTIONAL REQUIREMENTS