CMSC434 Intro to Human-Computer Interaction. Group Project Description Monday, January 30, 2012 Instructor: Jon Froehlich TA: Kotaro Hara

Size: px

Start display at page:

Download "CMSC434 Intro to Human-Computer Interaction. Group Project Description Monday, January 30, 2012 Instructor: Jon Froehlich TA: Kotaro Hara"

Piers Cameron
6 years ago
Views:

1 CMSC434 Intro to Human-Computer Interaction Group Project Description Monday, January 30, 2012 Instructor: Jon Froehlich TA: Kotaro Hara

2 LastTime 1. In-class design activity 2. Motivations for HCI 3. High-level overview of syllabus 4. Four small assignments Assignments Due Now! 1. Sign-up for Piazza 2. Take background survey 3. Read As We May Think 4. Think about group project Today 1. The Reading: As We May Think 2. Who You Are 3. Who I Am 4. High-level Design Process Overview 5. Group Project Description

3 Who You Are

4 YourMajors COMP ENGIN 4% IS BMGT 2% PHYSICS 2% 20 0 COMPUTER SCI COMP ENGIN IS BMGT PHYSICS COMPUTER SCI 92%

6 ProgrammingLanguage What programming languages do you have experience with and feel comfortable using? N=30 100% 100% 93% 80% 50% 0% 56% 42% 29% 29% 24% 24% 20% 9% 9% 9% 7%

7 ProgrammingLanguage What programming languages do you have experience with and feel comfortable using? N=30 100% 100% 93% 80% 50% 0% 56% 42% 29% 29% 24% 24% 20% 9% 9% 9% 7%

8 ProgrammingLanguage What programming languages do you have experience with and feel comfortable using? N=30 100% 100% 93% 80% 50% 0% 56% 42% 29% 29% 24% 24% 20% 9% 9% 9% 7%

9 ProgrammingLanguage What programming languages do you have experience with and feel comfortable using? N=45 100% 100% 93% 80% 50% 0% 56% 42% 29% 29% 24% 24% 20% 9% 9% 9% 7%

10 PLFavorite What programming languages do you have experience with and feel comfortable using? 60% 51% N=30 30% 18% 16% 0% 7% 4% 2% 2% 0% 0% 0% 0% 0% 0% 0%

11 PLFavorite What programming languages do you have experience with and feel comfortable using? 60% 51% N=45 30% 18% 16% 0% 7% 4% 2% 2% 0% 0% 0% 0% 0% 0% 0%

12 InternshipExperience No 47% Yes 53% Yes No

13 WhyThisClass? I like creativity and as much as I hate to say it, looks do matter. I believe that a visually appealing application that is intuitive, has a short learning curve is the most appealing to the users of the application. I hope to learn how to make my future application this way. I want to learn how to make software more user-friendly, so the older generations will not have a problem using the software. I am taking this class because interface design is an incredibly important part of creating software and applications. I believe one of the most important parts of making software, whether a simple tool or a game, is making sure that the user can understand it and easily use it to it's full potential.

14 WhyThisClass? It looked like it might be a bit different to have a class focused on usability and interfaces, since most of the other classes don't really deal with that.

15 WhyThisClass? It looked like it might be a bit different to have a class focused on usability and interfaces, since most of the other classes don't really deal with that. Also, it was in a convenient time slot.

17 YourSketches

18 Num of Students Num of Sketches SketchesBreakdown 15 Sketches N=41/ Student Num of Sketches

19 YourNameTags

20 Who I Am

21 ProgrammingLanguage What s my experience/comfort level with the following programming languages? 100% 100% 50% 60% 50% 50% 30% 0% 15% 15% 15% 15% 5% 0% 0% 0% 0%

22 ProgrammingLanguage What s my experience/comfort level with the following programming languages? 100% 100% 50% 60% 50% 50% 30% 0% 15% 15% 15% 15% 5% 0% 0% 0% 0%

23 ProgrammingLanguage What s my experience/comfort level with the following programming languages? 100% 100% 50% 60% 50% 50% 30% 0% 15% 15% 15% 15% 5% 0% 0% 0% 0%

24 Seattle, WA Portland, OR Minneapolis, MN Ames, IA Washington DC Orange County, CA

25 WorkExperience Software Engineer HealthSystem Minnesota CyberOptics Corporation Intel Corporation Unisys Corporation Research Assistant University of California, Irvine University of Washington, Seattle Intel Research Microsoft Research Telefónica Research

26 WorkExperience Software Engineer HealthSystem Minnesota CyberOptics Corporation Intel Corporation Unisys Corporation Research Assistant University of California, Irvine University of Washington, Seattle Intel Research Microsoft Research Telefónica Research

27 SouthAmerica

31 Design4Good

32 For Example The following example is from my Phd dissertation But also useful as a case study to illustrate iterative design

33 are the most water consuming activities in the average North American home?

34 Top Water Usage Activities Outdoor Use 31.4% Toilets 18.3% Laundry Machine 14.9% Showers Faucets Leaks 9.4% 11.5% 10.8% Other Baths Dishwasher 1.6% 1.2% 1.0% 0% 10% 20% 30% [Vickers, Handbook of Water Use and Conservation, 2001] Title

35 How much water do people think common activities actually use?

this even more surprising is that the individuals surveyed were greatly

36 Water Usage Estimates (N=656) 3.5 gpm 35 gallons 2.5 gpm 25 gallons 3 gpm = 180 gal 4 gpm = 240 gal 5 gpm = 300 gal What makes this even more surprising is that the individuals surveyed were greatly interested in water conservation! 88% interested in conserving water at home 84% try to limit their water usage

38 What if you could get the same level of feedback in the home?

39 Today s Usage refrigerator 0.3 gallons dishwasher 6.5 gallons kitchen sink 28 gallons

40 Today s Usage shower 62.4 gallons bath 6.5 gallons bathroom sink gallons bathroom sink gallons toilet 78.4 gallons

Today s Usage: hot vs. cold shower 52.4 gallons shower 10.4 gallons bathroom sink 1 3.2 gallons bathroom sink 1 1.

41 Today s Usage: hot vs. cold shower 52.4 gallons shower 10.4 gallons bathroom sink gallons bathroom sink gallons bathroom sink gallons bath 6.5 gallons bath 0.0 gallons bathroom sink gallons toilet 78.4 gallons

42 Traditional water meters measure aggregate consumption Requires cutting into pipe to install

43 HydroSense Single, screw-on sensor Identifies fixture usage Estimates flow Froehlich et al., UbiComp2009; Froehlich et al., Pervasive2011

44 water tower water tower toilet hose spigot toilet flushed bathroom 1 kitchen incoming cold water from supply line dishwasher utility water meter pressure regulator thermal expansion tank hot water heater bathroom 2 laundry

45 toilet water tower water tower hose spigot kitchen sink cold bathroom 1 kitchen sink cold open kitchen incoming cold water from supply line dishwasher utility water meter pressure regulator thermal expansion tank hot water heater bathroom 2 laundry

46 toilet water tower water tower kitchen sink cold hose spigot kitchen sink hot kitchen sink hot open bathroom 1 kitchen incoming cold water from supply line dishwasher utility water meter pressure regulator thermal expansion tank hot water heater bathroom 2 laundry

47 water tower water tower hose spigot kitchen sink hot kitchen sink hot open bathroom 1 kitchen incoming cold water from supply line dishwasher utility water meter pressure regulator thermal expansion tank hot water heater bathroom 2 laundry

48 What can we do with this data? This is an interface design problem!

50 MetaphorView

51 SpatialView

52 Per-Occupant View

53 TimeSeries Day View

54 We also explored more ambient displays that were less data-centric and more fun and playful

55 AquaticEcosystem water savings tracker Water New savings water savings goal met goal met Frank the fish and so on Frank and his mate have children Frank the fish meets his mate display is also interactive so fish respond to touch

56 StudyMethods Online survey of 656 respondents exploring water usage attitudes, beliefs, knowledge Online survey of 651 respondents evaluating design dimensions and design probes Interviews with 10 households examining a greater set of designs and exploring social dynamics within household Ongoing

57 StudyMethods Online survey of 656 respondents exploring water usage attitudes, beliefs, knowledge Online survey of 651 respondents evaluating design dimensions and design probes Interviews with 10 households examining a greater set of designs and exploring social dynamics within household Ongoing Formative Evaluative

58 OverallPreference

59 OverallPreference 64% 14% 12% 10%

60 PhysicalPrototyping

61 HomeInterviews

62 Display Location Preferences Kitchen Near thermostat High traffic areas Accessible when needed

63 DesignCycle Prototype Design Evaluate

64 DesignCycle Prototype Design Evaluate

65 DesignCycle

66 DesignCycle Lo-Fidelity Prototype Mid-Fidelity Prototype Hi-Fidelity Prototype

67 ProjectOverview Goal: Apply and integrate user-centered concepts learned in this class along with your other (current and prior) computer science education. Secondary Goal: Work on real problems! Intense end-to-end design. Focus: Social value applications (i.e., applications that are targeted at improving a person or persons health, welfare, and/or everyday life) Teams: Divided up based on skills and interest. If you have a significantly good practical reason for working with someone, let me know. You must be committed to working with your team throughout the semester.

68 ProjectDeliverables Individual brainstorming project ideas exercise Group brainstorm project ideas Project proposal and presentation Contextual inquiry and needfinding Task analysis, design sketches, and storyboarding Lo-fidelity video prototypes and presentation User testing analysis and report Interactive prototype Final prototype demo, video, and presentation

69 ProjectDeliverables Individual brainstorming project ideas exercise Group brainstorm project ideas Project proposal and presentation Contextual inquiry and needfinding Task analysis, design sketches, and storyboarding Lo-fidelity video prototypes and presentation User testing analysis and report Interactive prototype Final prototype demo, video, and presentation I would rather you spend more time picking a good project and leaving less time for final implementation than the alternative.

70 ProjectChallenges Time management Teamwork and equity Not getting wedded to an early, suboptimal idea Coding Too Early!

71 "The first 90 percent of the code accounts for the first 90 percent of the development time. The remaining 10 percent of the code accounts for the other 90 percent of the development time." -Tom Cargill, Bell Labs

72 UnderstandingPeople

73 TaskAnalysis You ll define three tasks specific to your problem space You ll create storyboards and prototypes around those tasks

74 Sketching

75 StoryBoarding

76 MoreSketching

77 PaperPrototyping

78 PaperPrototypeTesting

79 LoFiVideoPrototyping

80 InteractivePrototype

81 VideoDemo Team Buddy Map : Scenario 1

82 VideoDemo Team Buddy Map : Scenario 2

83 WorkloadWarning

85 ClassParticipation Hall of Fame/Shame Class discussions Posting content to Piazza including questions, responses, clarifications, inspirations

86 ForWednesday Watch IDEO Video Post 1 to 2 paragraph comment to Piazza

87 Information Visualization for Medical Informatics Professor Ben Shneiderman Wednesday, February 1 st, 4PM 1146 A.V. Williams Building Quantified Self HacDC Headquarters Wednesday, February 1 st, 7PM 1525 Newton St NW, Washington, DC HCIL Brown Bag Seminar Talk Thursday, February 2 nd, 12-1PM HCIL: Hornbake Library, South, 2 nd Floor events

Strategies for Large Scale Deployment of Energy Monitoring and Sensing in the Home

Strategies for Large Scale Deployment of Energy Monitoring and Sensing in the Home Shwetak N. Patel University of Washington http://ubicomplab.cs.washington.edu/ Sensing in the home Focus of this talk