1. The Interaction

2. Overview Interaction Models understand human-computer communication Ergonomics Physical characteristics of interaction Context Social Organizational

3. Task Analysis Domain - area of expertise e.g. web site design Concepts - important aspects e.g. HTML, Java, JPEG, editor, browser Task - operation within domain e.g. design a web page Intention - specific action toward goal e.g. insert a picture here

5. The human action cycle is a psychological model which describes the steps humans take when they interact with computer systemspsychological model humanscomputer systems The three stages of the human action cycle (goal formation, execution and evaluation). The model is divided into three stages of seven steps in total, and is (approximately) as follows: Goal formation stage 1. Goal formation. Execution stage 2. Translation of goals into a set of (unordered) tasks required to achieve the goal. 3. Sequencing the tasks to create the action sequence. 4. Executing the action sequence. Evaluation stage 5. Perceiving the results after having executed the action sequence. 6. Interpreting the actual outcomes based on the expected outcomes. 7. Comparing what happened with what the user wished to happen.

6. The Execution-Evaluation Cycle Evaluation Perceive the system state Interpret the system state Evaluate the system state

7. Pressing a Button

8. Problems

9. Interface Interaction Framework S Core U Task O Output I Input articulation performance presentation observation

10. Turning on the Lights S Core U Task O Output I Input articulation performance presentation observation

11. Turning on the Lights S Core U Task O Output I Input articulation performance presentation observation switches wiringflip lights circuit powerphotons

12. Social Context Ergonomics Dialog Design Screen Design The Framework and HCI SU O I

13. The Ergonomics of Arrangement

14. Physical Ergonomics

15. Social Context

16. Interaction Styles

17. Command Line

18. Menus

19. Natural Language

20. Query Dialog

21. Forms

22. WIMP

23. Windows

24. Icons

25. Pointers

26. Menus

27. More menus

28. Menu Organization Time to decide =.15 lg(choices+1) seconds

30. Buttons

31. Toolbars

32. Dialog Boxes

33. Screen Design and Layout

34. Presenting Information

35. Aesthetics vs. Utility

36. Knowing What to Do

37. Culture