1 / 23

Overview of the Interaction Design Process

Overview of the Interaction Design Process. Objectives. By the end of today’s class you will be able to… Describe the major steps in the interaction design process Explain the importance of iterative design and evaluation Explain the benefits of involving users in design

eros
Download Presentation

Overview of the Interaction Design Process

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Overview of the Interaction Design Process

  2. Objectives By the end of today’s class you will be able to… • Describe the major steps in the interaction design process • Explain the importance of iterative design and evaluation • Explain the benefits of involving users in design • Explain why rapid prototyping techniques are useful • Explain how you would apply your knowledge about the design process to a particular example application.

  3. Traditional ‘waterfall’ lifecycle Requirements analysis Design Code Test Maintenance

  4. Simple interaction design model

  5. Modified Waterfall

  6. Example Design Process: FAST • “Final approach spacing tool” for air traffic control • Would assist air traffic controllers (ATCs) with their work • Commissioned by LATCC (organization related to London Heathrow Airport)

  7. Background: Final approach control • Goal: most efficient order for landing / maximize runway use • Aircraft controlled by ATC team: • Intermediate controller: instructs an aircraft to leave a holding pattern (stack) • Final Director: guides aircraft through final approach to runway • Advises turns based on wind speed, aircraft size, etc.

  8. Who are the stakeholders? • Users: air traffic controllers • Note: various different roles • Other stakeholders • LATCC – commissioned the work and is the customer • Many roles: business financing, end users, managers, etc. • People who work at airports & ride in airplanes KEY Point: you want to involve all important stakeholders in design

  9. FAST Design Process • Requirements gathering • Design & Prototype • Evaluate • ITERATE!

  10. How would you gather requirements for this project? • What do you want to know? • How will you learn it?

  11. Requirements Gathering: Factors • ATCs – experience, demographics, personalities • Tasks they need to accomplish • Environment – physical environment, communication methods, breaks, etc. • Usability requirements

  12. ATC Environment • What do you notice that may be important to design?

  13. Requirements Gathering: Process • Observation of ATCs • Interviews with controllers, individually & in groups • Hierarchical task analysis, verified with the users NOTE: Multiple methods of data collection: increases confidence that findings are correct.

  14. FAST Design was “User Centered”. Why? • Focused on users & their tasks • Involved users throughout design process

  15. Benefits of User Centered Design for FAST • Product works more effectively because users and tasks are understood • Users contributed ideas designers didn’t think of • Users committed to adoption

  16. Comments from and ATC on the Design Team: “Well, when I first got involved with FAST…I thought, Why are we doing this? We don’t need this. I mean controllers are professional people, they’re very proud of what they do, and at the end of the day they can provide very accurate and consistent spacing. And I couldn’t see for the life of me why we needed a tool to help us do a job which we’re doing, as far as I could see, very well anyway” “I think that over the number of trials we’ve done, various benefits have come out of it which weren’t first envisaged. ….none of us realized how much work and effort we were actually putting into it to achieve [aircraft spacing]. With FAST, I noticed you weren’t so tired, you felt more relaxed and at ease…”

  17. Design & Prototyping

  18. How could you prototype these interfaces? • Several rounds of paper prototypes (several months!) • Microsoft powerpoint – to show animation sequences • C++ prototypes • Much of the C++ code was thrown out (not used in final implementation)

  19. How could you test these prototypes? • Paper & Powerpoint? • C++ prototypes?

  20. FAST Testing Environment

  21. FAST Testing • Paper & PPT: structured walkthroughs with users, discusssions • C++: • User testing: observe simulated tasks, discussions, questionnaires • Inspections without users Q: Why evaluate both with and without users?

  22. Key Points • Iterate! • Involve users in both design and evaluation • Use rapid prototyping techniques

More Related