CMSC434 Intro to Human-Computer Interaction. Nametags and Intros Thursday, January 24, 2012 Instructor: Jon Froehlich TA: Matt Mauriello

Transcription

1 CMSC434 Intro to Human-Computer Interaction Nametags and Intros Thursday, January 24, 2012 Instructor: Jon Froehlich TA: Matt Mauriello

2

3

4 ClassActivity

5 ClassActivity Objective: design and personalize your own namebadge Rules 1. Your final design must be implementable in 15 minutes 2. You cannot irreparably damage plastic name holder Materials o Markers o Crayon o Paper 3. Your name (at least first name in full and last name as an initial) must be legible and visible to front of classroom

6 ThreesStages Objective: design and personalize your own name badge 1. Ideate & Sketch. You must create at least 10 sketches. 2. Share & Critique. You can use your partner s feedback to improve your design. 3. Refine & Implement. Refine your favorite idea and implement it. 10 minutes 5 minutes 15 minutes

7 ClassActivity Objective: design and personalize your own namebadge Rules 1. Your final design must be implementable in 15 minutes 2. You cannot irreparably damage plastic name holder Materials o Markers o Crayon o Paper 3. Your name (at least first name in full and last name as an initial) must be legible and visible to front of classroom Stages 1. Ideate & Sketch. You must create at least 10 sketches. 2. Share & Critique. Use feedback to improve your design. 3. Refine & Implement. Refine your favorite idea and implement it. 10 minutes 5 minutes 15 minutes

8 Thoughts about activity? What worked, what didn t? Did your designs change in stage 3? Why did we do this? Was this difficult? Why or why not?

9 Let s talk about design

10 What is it?

11

12

13

14

15

16

17

18 What about everyday things?

19

20

21

22 Spock Spork

23 ACHIEVEMENT UNLOCKED Spock/Spork reference in lecture Spock Spork

24

25

26

27

28 So, design is everywhere but what is it?

29 What is Design? Design is the creation of a plan or convention for the construction of an object or a system - Wikipedia

30 Design is making things better for people. Richard Seymour Designer

31 The art of design

32 The art of design

33 Getting the design right and the right design. Bill Buxton Sketching User Experiences

34 Returning to the class activity

35 Why sketch?

36 Many benefits of sketch Lightweight Lo-fidelity Easy, fast to translate ideas to paper Conducive for annotation / markup

37 Why 10 sketches?

38 Bayles and Orland, 2001, Art & Fear: Observations On the Perils (and Rewards) of Artmaking

39 DesignExperiment Quantity Group Quality Group Graded solely on the quantity of work they produced Graded solely on the quality of work they produced

40 DesignExperiment Quantity Group It seems that while the quantity group was busily churning out piles of work and learning from their mistakes the quality group had sat theorizing about perfection, and in the end had little more to show for their efforts than grandiose theories and a pile of dead clay. Graded solely on the quantity of work they produced - Bayles and Orland, 2001, p.29

41 Fail early, fail often learn from your mistakes

42 What is HCI? Human computer Interaction (HCI) involves the study, planning, and design of the interaction between people and computers - Wikipedia

43 hci

44 psychology hci

45 psychology hci

46 psychology hci

47 psychology hci

48 psychology hci

49 psychology hci And more Art Economics Physiology Human Geography Ergonomics

50 Why should you care?

51 Computation is now everywhere

52 # of transistors Moore s Law Exponential Growth FTW!

53 # of transistors Moore s Law Human Abilities Exponential Growth FTW!

54 # of transistors Moore s Law Human Abilities + Computers Exponential Growth FTW!

55 *This one a lot more scary. Another motivation*

56

57

58 Air France 447

59 The real focus of this investigation is the man-machine interface, and why the pilots didn't have everything they needed to understand what was happening - Air France Lawyer Fernand Garnault [The Sydney Morning Herald, Oct 6, 2011]

60 [ABC News, May 28, 2011]

61 Important HCI Questions o Why were the alarms confusing? o Why were the warning messages not followed? o Why and how were the cues on the display unclear? o Why wasn t there an interface to tell the pilots the orientation of the airplane with respect to the ground? Some of these questions from [Applied Human Factors and Ergonomics, June 2011]

62 Mobile Touchscreen Pocket-sized Devices Who got their first? Microsoft or Apple?

63 1993

64 1996

65 Windows CE Pocket PC 2000 April 2000 Pocket PC 2002 Oct 2001 Win Mobile 2003 June 2003 Win Mobile 5 May 2005 Win Mobile 6 Feb 2007

66 Windows CE Pocket PC 2000 April 2000 Pocket PC 2002 Oct 2001 Win Mobile 2003 June 2003 Win Mobile 5 May 2005 Win Mobile 6 Feb 2007 Apple iphone June 2007

67 Windows CE Apple Pocket iphone PC 2000 June April Pocket PC 2002 Oct 2001 Win Mobile 2003 June 2003 Win Mobile 5 May 2005 Win Mobile 6 Feb 2007 The iphone is certain to fade into history The ipod mp3 player is an industry Apple essentially created, the iphone isn't. Too many major players are in the mobile phone market, who have and will bring iphone-like products to market Microsoft's put a lot of thought into how to make the mobile phone interface more intuitive and easier to use, even more so than Apple's iphone [Network World, Jan 2008]

68 [Apple iphone vs. Windows Mobile Phone, Nov 2007]

69 [Why Windows Mobile Rules, May 2009]

70

71 Homework 1. Sign-up for Piazza 2. Take demographic / background survey 3. Read Vannevar Bush As We May Think and prepare a reading response 4. Start thinking about what kind of social value project you want to work on this semester Details for the above will be posted to piazza