The document provides an overview of a workshop on user interface design using paper prototyping techniques. It discusses various models for understanding user needs, including Garrett's Elements of User Experience model. It then describes how to build a paper prototype, test it with users, identify issues, fix them, and retest in an iterative process. The goal is to design an interface that meets user needs and supports their tasks through participatory design activities like writing user stories, scenarios, and tests with paper prototypes.

1. Jeff Patton [email_address] www.AgileProductDesign.com Please join a work group of 4-6 people – thanks. from Use to User Interface Collaboratively designing and testing user interface that help your users succeed Copyright is held by the author/owner(s). OOPSLA 2007, October 21–25, 2007, Montréal, Québec, Canada. ACM 07/0010. from Use to User Interface

2. © Alistair Cockburn 2005-6 PEOPLE Learn Skills in a 3-stage Progression: Follow / Break Away / Achieve Fluency Level 1: following ( shu ) Learn “a technique that works” (Success = following the technique) Level 2: breaking away ( ha ) Learn limits of the technique Learn to shift between techniques Level 3: fluent ( ri ) Shift techniques at any moment Possibly unable to describe the shifts

6. The Surface Layer Describes Finished Visual Design Aspects Surface Skeleton Structure Scope Strategy

7. The Skeleton Describes Screen Layout and Functional Compartments in the Screen Surface Skeleton Structure Scope Strategy

8. Structure Defines Navigation from Place to Place in the User Interface task panes modal dialogs modal wizards Surface Skeleton Structure Scope Strategy

14. Arranging tasks by affinity allows me to think about contexts that best support tasks. Contexts in a home have common names we all know. Surface Skeleton Structure Scope Strategy

15. When designing a particular interaction context – a kitchen for instance – I optimize layout and tool choices to support tasks I’ll do there. Surface Skeleton Structure Scope Strategy

16. I’m going to spend a lot of time here, I want my experience to be as pleasant as possible… Surface Skeleton Structure Scope Strategy

17. Understanding the relationship between goals, tasks, & tools is critical Software Product Goals Tasks Tools Features one or more users engaged in many tasks in support of a common high level goal is often referred to as workpractice Surface Skeleton Structure Scope Strategy

19. Today we’ll place our focus on tool-building: the structure, skeleton, & surface User Interface Prototyping Activities Surface Skeleton Structure Scope Strategy

24. Use Cockburn’s goal level to understand the abstraction level of a user task Start to think about user interface design at sea level or above. * from Cockburn’s Writing Effective Use Cases

26. User stories may describe user tasks or the tool that supports them User Story Software Product Goals Tasks Tools More task-centric : More tool-centric : locate a specific CD in the store I want to harried shopper As a enter a CD title into the search box and initiate a search I want to harried shopper As a

37. From Use to User Interface Jeff Patton [email_address] www.AgileProductDesign.com

40. Paper Prototyping Kit Demonstration

41. Finished prototypes are pieced together from moveable and removable paper components

45. Testing In Action

53. William’s 4 Basic Design Principles Visual Design Basics Robin Williams’ The Non-Designer’s Design Book

64. From Use to User Interface Jeff Patton [email_address] www.AgileProductDesign.com

71. From Use to User Interface Jeff Patton [email_address] www.AgileProductDesign.com