PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open...
Transcript of PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open...
![Page 1: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/1.jpg)
CMSC434
Group Project Description
Monday, January 30, 2012
Instructor: Jon Froehlich
TA: Kotaro Hara
Intro to Human-Computer Interaction
![Page 2: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/2.jpg)
LastTime 1. In-class design activity
2. Motivations for HCI
3. High-level overview of syllabus
4. Four “small” assignments
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
Assignments Due Now!
1. Sign-up for Piazza
2. Take background survey
3. Read As We May Think 4. Think about group project
Today
![Page 3: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/3.jpg)
Who You Are
![Page 4: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/4.jpg)
44
2 1 1 0
20
40
COMPUTERSCI
COMPENGIN
IS BMGT PHYSICS
YourMajors
COMPUTER SCI 92%
COMP ENGIN
4%
IS BMGT 2%
PHYSICS 2%
![Page 5: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/5.jpg)
![Page 6: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/6.jpg)
ProgrammingLanguage
100% 93%
80%
56%
42%
29% 29% 24% 24%
20%
9% 9% 9% 7%
0%
50%
100%
What programming languages do you have experience with and feel comfortable using?
N=30
![Page 7: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/7.jpg)
ProgrammingLanguage
100% 93%
80%
56%
42%
29% 29% 24% 24%
20%
9% 9% 9% 7%
0%
50%
100%
What programming languages do you have experience with and feel comfortable using?
N=30
![Page 8: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/8.jpg)
ProgrammingLanguage
100% 93%
80%
56%
42%
29% 29% 24% 24%
20%
9% 9% 9% 7%
0%
50%
100%
What programming languages do you have experience with and feel comfortable using?
N=30
![Page 9: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/9.jpg)
ProgrammingLanguage
100% 93%
80%
56%
42%
29% 29% 24% 24%
20%
9% 9% 9% 7%
0%
50%
100%
What programming languages do you have experience with and feel comfortable using?
N=45
![Page 10: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/10.jpg)
PLFavorite What programming languages do you have experience with and feel comfortable using?
N=30 51%
18% 16%
7% 4%
2% 2% 0% 0% 0% 0% 0% 0% 0%
0%
30%
60%
![Page 11: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/11.jpg)
PLFavorite What programming languages do you have experience with and feel comfortable using?
N=45 51%
18% 16%
7% 4%
2% 2% 0% 0% 0% 0% 0% 0% 0%
0%
30%
60%
![Page 12: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/12.jpg)
InternshipExperience
24
21
19.5
20
20.5
21
21.5
22
22.5
23
23.5
24
24.5
Yes No
Yes 53%
No 47%
![Page 13: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/13.jpg)
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.”
It looked like it might be a bit different to have a class focused on usability and interface, since most of the other classes don't really deal with that. Also, it was in a convenient time slot.
![Page 14: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/14.jpg)
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.”
![Page 15: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/15.jpg)
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.”
![Page 16: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/16.jpg)
![Page 17: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/17.jpg)
YourSketches
![Page 18: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/18.jpg)
SketchesBreakdown
0 1 0
7 9 10
13
1 0
5
10
15
0 1-2 3-4 5-6 7-8 9-10 11-12 13-14
Num
of
Stud
ents
Num of Sketches
0
5
10
15
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41
Num
of
Sket
ches
Student
Sketches N=41/48
![Page 19: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/19.jpg)
YourNameTags
![Page 20: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/20.jpg)
Who I Am
![Page 21: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/21.jpg)
ProgrammingLanguage What’s my experience/comfort level with the following programming languages?
100%
60%
50% 50%
30%
15% 15% 15% 15%
5% 0% 0% 0% 0%
0%
50%
100%
![Page 22: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/22.jpg)
ProgrammingLanguage What’s my experience/comfort level with the following programming languages?
100%
60%
50% 50%
30%
15% 15% 15% 15%
5% 0% 0% 0% 0%
0%
50%
100%
![Page 23: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/23.jpg)
ProgrammingLanguage What’s my experience/comfort level with the following programming languages?
100%
60%
50% 50%
30%
15% 15% 15% 15%
5% 0% 0% 0% 0%
0%
50%
100%
![Page 24: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/24.jpg)
Minneapolis, MN
Ames, IA
Orange County, CA
Portland, OR
Seattle, WA
Washington DC
![Page 25: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/25.jpg)
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
![Page 26: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/26.jpg)
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
![Page 27: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/27.jpg)
SouthAmerica
![Page 28: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/28.jpg)
![Page 29: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/29.jpg)
![Page 30: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/30.jpg)
![Page 31: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/31.jpg)
Design4Good
![Page 32: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/32.jpg)
For Example…
The following example is from my Phd dissertation
But also useful as a case study to illustrate iterative design
![Page 33: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/33.jpg)
are the most water consuming
activities in the average North
American home?
![Page 34: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/34.jpg)
Top Water Usage Activities
[Vickers, Handbook of Water Use and Conservation, 2001]
31.4%
18.3%
14.9%
11.5%
10.8%
9.4%
1.6%
1.2%
1.0%
0% 10% 20% 30%
Outdoor Use
Toilets
Laundry Machine
Showers
Faucets
Leaks
Other
Baths
Dishwasher
Title
![Page 35: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/35.jpg)
How much water do people think
common activities actually use?
![Page 36: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/36.jpg)
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
![Page 37: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/37.jpg)
[Kempton & Layne, Energy Policy, 1994]
![Page 38: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/38.jpg)
What if you could
get the same level
of feedback in the
home?
![Page 39: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/39.jpg)
kitchen sink 28 gallons
refrigerator 0.3 gallons
dishwasher 6.5 gallons
Today‘s Usage
![Page 40: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/40.jpg)
toilet 78.4 gallons
shower 62.4 gallons
bath 6.5 gallons
bathroom sink 1 4.2 gallons
bathroom sink 2 0.8 gallons
Today‘s Usage
![Page 41: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/41.jpg)
toilet 78.4 gallons
shower 10.4 gallons
bath 0.0 gallons
bathroom sink 1 1.2 gallons
bathroom sink 2 0.8 gallons
shower 52.4 gallons
bath 6.5 gallons
bathroom sink 1 3.2 gallons
bathroom sink 2 2.4 gallons
Today‘s Usage: hot vs. cold
![Page 42: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/42.jpg)
Traditional water meters measure
aggregate consumption
Requires
cutting into
pipe to install
![Page 43: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/43.jpg)
• Single, screw-on sensor
• Identifies fixture usage
• Estimates flow
HydroSense
Froehlich et al., UbiComp2009; Froehlich et al., Pervasive2011
![Page 44: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/44.jpg)
water tower water tower
hose spigot
utility water meter
pressure regulator
laundry
bathroom 1
hot water heater bathroom 2
dishwasher
incoming cold water from supply line
toilet flushed
toilet
kitchen
thermal expansion
tank
![Page 45: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/45.jpg)
water tower water tower
hose spigot
utility water meter
pressure regulator
laundry
bathroom 1
hot water heater bathroom 2
kitchen
dishwasher
incoming cold water from supply line
toilet
kitchen sink cold open
kitchen sink cold
thermal expansion
tank
Have another toilet as 2nd example rather than kitchen
sink
![Page 46: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/46.jpg)
water tower water tower
hose spigot
utility water meter
pressure regulator
laundry
bathroom 1
hot water heater bathroom 2
kitchen
dishwasher
incoming cold water from supply line
toilet
kitchen sink hot open
kitchen sink cold
kitchen sink hot
thermal expansion
tank
Change this to red
![Page 47: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/47.jpg)
water tower water tower
hose spigot
utility water meter
pressure regulator
laundry
bathroom 1
hot water heater bathroom 2
kitchen
dishwasher
incoming cold water from supply line
kitchen sink hot open
thermal expansion
tank
kitchen sink hot
Change this to red
![Page 48: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/48.jpg)
What can we do with this data?
This is an interface design problem!
![Page 49: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/49.jpg)
![Page 50: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/50.jpg)
MetaphorView
![Page 51: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/51.jpg)
SpatialView
![Page 52: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/52.jpg)
Per-Occupant View
![Page 53: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/53.jpg)
TimeSeries Day View
![Page 54: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/54.jpg)
We also explored more ambient
displays that were less “data-centric”
and more fun and playful
![Page 55: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/55.jpg)
water
savings
tracker
“Frank”
the fish
Water savings
goal met
“Frank” the fish
meets his mate
New water
savings goal met
Frank and his
mate have
children and so on…
display is also
interactive so
fish respond
to touch
AquaticEcosystem
![Page 56: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/56.jpg)
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…
1
2
3
StudyMethods
4
![Page 57: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/57.jpg)
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…
1
2
3
StudyMethods
4
Formative
Evaluative
![Page 58: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/58.jpg)
OverallPreference
![Page 59: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/59.jpg)
64% 14%
12% 10%
OverallPreference
![Page 60: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/60.jpg)
PhysicalPrototyping
![Page 61: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/61.jpg)
HomeInterviews
![Page 62: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/62.jpg)
Display Location Preferences
Kitchen
Near thermostat
High traffic areas
Accessible when needed
![Page 63: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/63.jpg)
DesignCycle
Design
Prototype
Evaluate
![Page 64: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/64.jpg)
DesignCycle
Design
Prototype
Evaluate
![Page 65: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/65.jpg)
DesignCycle
![Page 66: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/66.jpg)
Lo-Fidelity
Prototype Mid-Fidelity
Prototype
DesignCycle
Hi-Fidelity
Prototype
![Page 67: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/67.jpg)
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.
![Page 68: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/68.jpg)
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
1
2
3
4
5
6
7
8
9
![Page 69: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/69.jpg)
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
1
2
3
4
5
6
7
8
9
I would rather you spend more
time picking a good project and
leaving less time for final
implementation than the
alternative.
![Page 70: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/70.jpg)
ProjectChallenges Time management
Teamwork and equity
Not getting wedded to an early, suboptimal idea
Coding
Too Early!
![Page 71: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/71.jpg)
"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
![Page 72: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/72.jpg)
UnderstandingPeople
![Page 73: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/73.jpg)
TaskAnalysis
You’ll define three tasks specific to your problem space
You’ll create storyboards and prototypes around those tasks
![Page 74: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/74.jpg)
Sketching
![Page 75: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/75.jpg)
StoryBoarding
![Page 76: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/76.jpg)
MoreSketching
![Page 77: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/77.jpg)
PaperPrototyping
![Page 78: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/78.jpg)
PaperPrototypeTesting
![Page 79: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/79.jpg)
LoFiVideoPrototyping
![Page 80: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/80.jpg)
InteractivePrototype
![Page 81: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/81.jpg)
VideoDemo Team Buddy Map : Scenario 1
![Page 82: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/82.jpg)
VideoDemo Team Buddy Map : Scenario 2
![Page 83: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/83.jpg)
WorkloadWarning
![Page 84: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/84.jpg)
![Page 85: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/85.jpg)
Hall of Fame/Shame
Class discussions
Posting content to Piazza including questions,
responses, clarifications, inspirations
ClassParticipation
![Page 86: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/86.jpg)
ForWednesday
Watch IDEO Video
Post 1 to 2 paragraph
comment to Piazza
![Page 87: PowerPoint Presentation · dishwasher incoming cold water from supply line kitchen sink hot open thermal expansion tank kitchen sink hot Change this to red . What can we do with this](https://reader030.fdocuments.in/reader030/viewer/2022041010/5eb9138f18500d789438ec56/html5/thumbnails/87.jpg)
events
Information Visualization for Medical Informatics Professor Ben Shneiderman Wednesday, February 1st, 4PM 1146 A.V. Williams Building
Quantified Self Meetup @ HacDC Headquarters Wednesday, February 1st, 7PM 1525 Newton St NW, Washington, DC http://www.meetup.com/DC-Quantified-Self/
HCIL Brown Bag Seminar Talk Thursday, February 2nd, 12-1PM HCIL: Hornbake Library, South, 2nd Floor http://hcil.cs.umd.edu