1. William H. Bowers – whb108@psu.edu Synthesizing Good Design: Principles and Patterns Cooper 7

2. William H. Bowers – whb108@psu.edu Topics Interaction Design Principles Interaction Design Principles Interaction Design Principles Interaction Design Principles Interaction Design Patterns Interaction Design Patterns Interaction Design Patterns Interaction Design Patterns Types of Interaction Design Patterns Types of Interaction Design Patterns Types of Interaction Design Patterns Types of Interaction Design Patterns Structural Pattern Example Structural Pattern Example Structural Pattern Example Structural Pattern Example Interaction Design Imperatives Interaction Design Imperatives Interaction Design Imperatives Interaction Design Imperatives

3. William H. Bowers – whb108@psu.edu Interaction Design Principles Guidelines Guidelines Address behavior, form and content Address behavior, form and content Minimize work Minimize work –Logical –Perceptual –Mnemonic –Physical

4. William H. Bowers – whb108@psu.edu Interaction Design Principles Operate at three levels of organization Operate at three levels of organization –Conceptual level –Interaction level –Interface level

5. William H. Bowers – whb108@psu.edu Principles vs. Style Guides Style guides are rigid definitions Style guides are rigid definitions –Maximum number of tabs in a dialog –Button sizes and states –Pixel spacing between controls and labels Principles Principles –More general –Designs behaviors

6. William H. Bowers – whb108@psu.edu Interaction Design Patterns Capture useful design decisions Capture useful design decisions Generalize them to address similar issues Generalize them to address similar issues Akin to architectural design patterns Akin to architectural design patterns Concerned with dynamic behavior Concerned with dynamic behavior

7. William H. Bowers – whb108@psu.edu Types of Interaction Design Patterns Postural Postural Structural Structural Behavioral Behavioral

8. William H. Bowers – whb108@psu.edu Structural Pattern Example

9. William H. Bowers – whb108@psu.edu Interaction Design Imperatives Ethical (considerate, helpful) Ethical (considerate, helpful) Purposeful (useful, usable) Purposeful (useful, usable) Pragmatic (viable, feasible) Pragmatic (viable, feasible) Elegant (efficient, artful, affective) Elegant (efficient, artful, affective)

10. William H. Bowers – whb108@psu.edu Questions & Discussion