Human Computer Interaction CSC 4730-100 User System Interface CSC 8570-001

1. Human Computer InteractionCSC 4730-100User System InterfaceCSC 8570-001 Meeting 3 September 11, 2012

2. Homework for Today • Research team membership • Finished • Research areas • Comments sent

3. Creating Tables Concerns: • 6of 12 tables didn’t follow specifications and example row • Can you trust users to follow directions?

4. Where is Gregor? One of the initial questions • Process vs. system • Systems (as suggested): • Google • Google Maps • Personal GPS (maybe phone-based) • Printed map • More Systems • Google Earth • Google Maps satellite view

5. Where is Gregor? (2) • But specifying a system doesn’t solve the problem. • Need a well-defined process • Note that well-defined process has a particular meaning: the process is unambiguously defined in terms of accepted atomic actions. These actions may vary from system to system, but they are clear to system users.

6. Where is Gregor? (3) The pairs of students below are matched with the system that they suggested as solving the problem, namely finding the latitude and longitude of the statue of Gregor Mendel. However, the problem asked for the process. For the next phase of the experiment, each pair is to • Find a process based on the system matched to them that gets the required latitude and longitude. • Run the process to get the data. • Report the data to the class. • Document the process so that others can follow it and obtain the same answer and so that researchers measure its efficiency.

7. Where is Gregor? (4) • Andrew D & James N with Google • Ken & Kristin with Google Maps • Anthony & Donald with Google Maps incorporating the steps you outlined • Mike & Tyler with Google Maps incorporating the steps you outlined • James B & Kevin [no clearly specified system] • Andrew L & Chris with smartphones • Shishir & John with Garmin GPS

8. Where is Gregor? (5) • Process reports

9. Where is Gregor? (6) Example: Google Earth • Start Google Earth • Enter “Villanova University” in search dialog box • Drag map to center on statue • Zoom to highest resolution • Point to statue • Read coordinates: 4002’15.92”N 7520’29.53”W

10. Where is Gregor? (7) Example: Garmin GPS • Push “on” button, label with light icon • Wait for satellite acquisition • Push “Page” button • Place GPS at Gregor’s feet and read location 40 02.290’ N 75 20.505’ W

11. Where is Gregor? (8) Example: Google Maps • Start Google Maps • Enter “Villanova University” in search dialog box • Switch to satellite view • Drag map to center on statue • Zoom to highest resolution • Point to statue (oops, no coordinates show) • Now what?

12. Where is Gregor? (6) Questions: • How do the answers compare? • How big is one hundredth of a second? • How big is one thousandth of a minute?

13. Generalizing How do users interact with the interface? Historically, starting a long time ago (What’s the date of the first computer?) • Push the Read button • Type a command at the prompt and press Enter • Click on a widget • Touch a widget • Multitouch the screen or pad

14. Interface Models Look at: • Physical interface • Operations of physical interface • Models of the physical interactions • Task set (of possible interactions) • Error cost

15. Physical Interface • Keyboard • Hard, soft, divided • Display (or displays) • Few lines, small, big, huge • Graphical interface device (GID) • Mouse, track ball, joy stick • Gesture interface device (GID) • Touch pad, touch screen, camera

16. Operations on Physical Interface • Tap • Double tap (double click) • Point • Drag • Swipe • Multiswipe (parameters are direction and number of fingers)

17. Buttons • What do you do to a button? • What do you expect the button to do?

18. Models of Physical Interaction • Keystroke Level (Card & Moran): timing predictions for a task represented as a sequence of “physical” operations • Fitts’ Law: moving a cursor to a target • Hick’s Law: time for choosing among a number of widgets

19. Models of Interaction All presume that a task is completed with a sequence of (atomic) actions. Actions are called operations, commands, or “keystrokes.” • KLM (Keystroke Level Model) • GOMS and extensions: deals with choices of paths to completion • PIE: deals with visible and invisible states

20. Models of Interaction (2) • BNF: formal specification of an interaction grammar • FSM: Finite State Machine or • Finite automaton • State Transition Diagram

21. Notations for Actions Actions for a keyboard and graphical input device (GID) include: • Tap: pressing and immediately releasing a key. Implemented with a momentary contact (spring-loaded) switch. • Click: Position the GID and tap the GID button. • Double click: Position the GID and tap the GID button twice quickly, without repositioning. Are there any others?

22. Notation for Actions (2) • Keystroke Level Model • K[ ], a keystroke. E.g. K[b] means tapping lower case b • P, pointing. E.g. positioning the GID • H, homing. E.g. moving from keyboard to GID or GID to keyboard • M, mental processing • R, responding

23. Notations for Action (3) • What does the description To create a right justified paragraph, use Control + . ask you to do?

24. Notations for Action (4) More actions: • Press and hold a key • Release a key • But on what signal or input?

25. Notations and Actions (5) • Raskin/Beck • Press and hold: bi • Release: bh • Tap: bibh, shortened to bih or just b • Release on signal: bh[ ] • Note that key names are italicized • Examples: • Create an upper case M: ShiftimimhShifth, shortened to Shiftimihh

26. Notations for Action (6) • Examples (continued) • Distinguish between Enter and E n t e r Enter is the name of a key and E n t e r is short for Shiftieihhnihtiheihrih • bih[20] gives a string of bs • CtrliAltiDelihhhbrings up the Task Manager • Drag is the same as LMBiLMBh[on target]

27. Fitts’ Law The time to move a cursor to an object is given by T = A log (D/S) + B where A, B are constants, D is distance, S is size Think about interpretations and limiting cases.

28. Fitts’ Law Questions • How does Fitts’ Law generalize to 2-dimensional targets? • Where does the user aim? • Where does the user land? • What path is followed? • What happens with partially hidden targets?

29. GOMS Model for user interaction • Goal: task to be accomplished • Operators: set of atomic actions provided by system • Methods: set of sequences of operators. Each sequence accomplishes the goal • Selection rule: Governs which method the user chooses to use

30. GOMS (2) Example: • Goal: Unlocking the rear doors on a car using a three-button remote control. • Operators: {Lock, Unlock, Panic} • Methods: {Double click Unlock} • Selection Rule: {Only method available}

31. GOMS (3) Example: • Goal: Selecting an item from a menu • Method: • Find menu heading • Point cursor at menu heading • Click “mouse” button (displaying menu entries) • Find desired entry • Point cursor atmenu entry • Click “mouse” button (choosing menu option)

32. GOMS (4) Exercise: (for the interested student) Assume that you manage your email messages using a hierarchy of folders that is at least five levels deep. Develop a GOMS analysis for deleting a message in a level three folder when you currently are reading messages in your inbox (a level one folder).

33. Error Cost • Definition: The cost, measured in time or keystroke level actions, needed to recover from an erroneous action with a widget. • Example: Mistyping “the” as “teh”. Error cost is four keystrokes: 2 backspace and 2 for the correct keys.

34. Research Project • Teams (done) • Areas (should be narrowed, can be revised) • Hypothesis • Independent variables • Dependent variables • Theoretical foundation • Which models from this evening’s discussion apply?

35. Research Project (2) • Sources • ACM Digital Library • Look carefully at entries; follow up on citations • Science Citation Index • Web, but be careful • Have you edited a Wikipedia entry? • Have you checked www.dhmo.org? • Conference proceedings • Bibliography • Entered into EndNote

36. Research Project 3 • Human Subjects • IRB Form • Consent form • Data gathering process

37. Research Project (4) • Experimental design • Between subjects • Within subjects • Sources of bias • Sources of subjects • Logic of conclusions

38. Next Time • Carry out research project activities • Create a GOMS model for constructing the table of sums of powers of 2. The methods must be at the keystroke level and include the 45 keystrokes necessary to enter the data.

39. Next Time (2) • Research project • Submit hypothesis, independent variables, dependent variables • Submit draft of IRB form • Submit bibliography as printed from EndNote