1. Design Tools 2 Carla B. Zoltowski July 15, 2009

2. User-centered Design: Basic Principles Early focus on users Designing for and with users Empirical measurement and evaluation Iteration

3. 7-level Design Approach, Keates and Clarkson

4. UCD: Process and Products 1. Plan UCD: Decisions about which methods to use 2. Specify context of use: Description of users, tasks, context, problems 3. Specify user/org rqmts: Statements about what the design should fulfill 4. Produce Design Solutions: System specifications 5. Evaluate against rqmts: Data on how well system meets expectations Slide by Dennis Wixon; adapted from Maguire 2001, p. 589 & ISO 13407

5. Methods for user-centered design 1. Planning2. Context of Use3. Requirements4. Design5. Evaluation Usability planning and scoping Usability cost- benefit analysis Identify stakeholders Context of use analysis Survey of existing users Field study / user observation Diary keeping Task analysis Stakeholder analysis User cost-benefit analysis User requirements interview Focus groups Scenarios of use Personas Existing system / competitor analysis Task/function mapping Allocation of function User, usability and organizational requirements Brainstorming Parallel design Design guidelines and standards Storyboarding Affinity diagrams Card sorting Paper prototyping Software prototyping Wizard-of-Oz prototyping Organizational prototyping Participatory evaluation Assisted evaluation Heuristic or expert evaluation Controlled user testing Satisfaction questionnaires Assessing cognitive workload Critical incidents Post-experience interviews Maguire 2001, p. 590

6. User knowledge in design Needs vs. wants Intended use vs. actual use o“Slanty” design Activity-centered

7. What is already out there? Literature Review Benchmarks oWhat is available oWhy did they use their approach oPatent searches avoid infringement Protect IP Reverse engineering or dissection

8. Gathering information from users User surveys and questionnaires Interviews (formal and informal) Focus groups– interviews with multiple people Semantic differentials SimpleComplicated

9. Gathering information about users Observation: Observe the users, preferable engaging in the target activity of the design Ethnography: Deeper immersion; understanding the culture in which the product exists Role-playing: put yourself in the user’s shoes, chair, and/or space oEmpathic modeling: Simulating the sensory/motor/cognitive constraints

10. Gathering information about users, cont. Brainstorming: brainstorms potential features, constraints Synectic activities to develop analogies: what similar activities can be used to understand the context of the current design oWhat is wrong with it? What is similar? oWhy is it necessary? What can be eliminated? oAre there any other applications? What is it not? Can it be misused?

11. Creating tools to understand Persona oPrototypical user, described in detail (age, gender, background, family association, hobbies, professional life; may include picture) Scenarios o“before and after” stories of your persona using your product Focus on the user’s need and how their life might be improved oVideos?

12. Activity Get into groups of 2 oOne person is “designer” and the other is the “user” oActivity: Designer will interview user to get specifications for ATM

13. Activity Now, develop a scenario of a person withdrawing money from the ATM Share

14. Example scenario using ATM (Nielson 1993) 1.“The user approaches the machine and inserts a bank card. No matter what side is up, the machine reads the card correctly.” 2.“The machine asks the user to input a four- digit personal identification number, and the user does so using the numeric keypad.” 3.“The machine presents the user with a menu of four options, “withdraw $100,” “withdraw other amounts,” “make a deposit,” and “other transactions.” There is a button next to each of the menu options.”

15. Example scenario, cont. 4.“The user presses the button for “withdraw $100,” and the machine pays out that amount, deducting it from the user’s account. If the user had more than one account tied to the back card, the amount is deducted from the account with the largest balance.” 5.“The machine returns the bank card to the user.”

16. Prototyping!!! “It’s a lesson that too few companies have learned even today. ‘If a picture paints a thousand words, a prototype is worth a thousand pictures,’ says Eisermann,” director of strategic design agency Prospect.

17. Five basic rules about prototyping from design director Richard Eisermann Begin early. The sooner you materialise ideas and get them in front of people, the richer your final design will be. Beat it up. Make a modifiable prototype so you can easily adapt it, even on the spot. Don’t bother with perfection. The prototype exists to get information, not to show how brilliant the design is. Do just enough. A little data goes a long way. Figure what you need to test and focus on getting those answers. Record the test. If you don’t have a record, it didn’t happen. http://www.designcouncil.org.uk/en/Design-Council/3/Design-Council-Magazine/Design- Council-Magazine-issue-2/Prototype-til-youre-silly/

18. Activity Finally, create a prototype of the ATM to present to your user for feedback Share

19. Discussion: What types of information did each of the activities elicit?

20. Inclusive Design Motivated by many factors, including business reasons Design should not be more exclusive than basic task requires Moving beyond accessibility for people with disabilities to designing products that are usable by people of all ages and abilities Source: Keates and Clarkson, 2003

21. Inclusive Design: Scales Motion Dexterity Reach and stretch Vision Hearing Communication Intellectual functioning Source: Keates and Clarkson, 2003

22. Locomotion capability scale Source: Keates and Clarkson, 2003 Consists of walking, stair climbing, bending and balance capabilities.

23. Dexterity capability scale Source: Keates and Clarkson, 2003 Considers picking up, carrying, holding and twisting capabilities.

24. ADA Accessibility Guidelines

25. Anthropometric Data: Variations in Size and Proportion (Voland 2004)

26. Universal Design: 7 Principles (Mace, in Inclusive Design) 1.Equitable use – the design is useful and marketable to people with diverse abilities. 2.Flexibility in use – the design accommodates a wide range of individual preferences and abilities 3.Simple and intuitive to use – use of the design is easy to understand, regardless of user’s experience, knowledge, language, skill or current concentration level.

27. Universal Design: 7 Principles, cont. 4.Perceptible information – the design communicates necessary information effectively to the user, regardless of ambient conditions or the user’s sensory abilities. 5.Tolerance for error – the design minimizes hazards and the adverse consequences of accidental or unintended actions.

28. Universal Design: 7 Principles, cont. 6.Low physical effort – the design can be used efficiently and effectively with a minimum of fatigue. 7.Size and space for approach and use – appropriate size and space is provided for approach, reach, manipulation, and use regardless of user’s body size, posture or mobility.

29. OXO Distinguishing Feature Universal Design - A philosophy of making products that are easy to use for the widest possible spectrum of users.

30. Open discussion