CS228 HumanComputer Interaction

1
CS228 Human-Computer Interaction
The design process for interactive systems
2
CS228 Human-Computer Interaction
The design process for interactive systems
Scenario A set of stories about (P)eople
carrying out (A)ctivities, in (C)ontext,
using (T)echnology. Provide the ability to move
back and forth between the specific and the
general technology and human needs Helps to
make the reasons behind design decisions
explicit (eg. Difficult to find a time to
meet ? Interface should highlight
overlapping free periods of time) Four kinds
of scenarios
3
CS228 Human-Computer Interaction
The design process for interactive systems
Abstract away differences and irrelevancies
Add in design constraints, generate options
Choose, formalize and integrate concrete scenarios
User Stories
Conceptual Scenarios
Concrete Scenarios
Use Cases
user will be able to do x
user will be able to do x using component y
I wish I could do x
Actor a
Task x
Actor c
Device y
Service z
Actor b
4
CS228 Human-Computer Interaction
The design process for interactive systems
Abstract away differences and irrelevancies
User Stories
Conceptual Scenarios
Concrete Scenarios
Use Cases
Im a female atmospheric scientist, and I troll
journals X, Y and Z for atmospheric data from the
Amazon rainforest. I then type in the data, and
place colored pins into a map of the rainforest
on my wall. The color of the pin indicates when
the data was collected, and what data it
represents (humidity, temperature, etc.). Im
frustrated by the lack of real-time data.
Im a male high school teacher, and I try to
impress upon my students the effects of
deforestation. I tell them the statistics about
how much rainforest is disappearing per day, and
what effect thats having on the region, and the
world. The students dont seem to respond much to
numbers and words, but they do to images and
video.
Q What differences and irrelevancies exist?
(Abstract them away) Q What commonalities
exist? (Abstract into a conceptual scenario)
5
CS228 Human-Computer Interaction
The design process for interactive systems
Add in design constraints, generate options
User Stories
Conceptual Scenarios
Concrete Scenarios
Use Cases
Users will be able to log into a website that
provides distributed, real-time data from the
Amazon rainforest
Conceptual scenarios clarify the requirements of
the system what must the interactive system
allow users to do? Conceptual scenarios point
the way toward multiple design possibilities wha
t are the different ways the requirements could
be instantiated? Q Enumerate some concrete
scenarios for this example What subtasks are
done by technology? Which by people?
6
CS228 Human-Computer Interaction
The design process for interactive systems
Choose, formalize and integrate concrete scenarios
User Stories
Conceptual Scenarios
Concrete Scenarios
Use Cases
Data collected automatically
A user logs into the rainforest website
Data collected manually
A user logs into the rainforest website
Q Assume we go with option 2. Who are the
actors (who interacts with the system)? What
tasks, services and devices are there?
7
CS228 Human-Computer Interaction
The design process for interactive systems
Choose, formalize and integrate concrete scenarios
User Stories
Conceptual Scenarios
Concrete Scenarios
Use Cases
Can move backward and forward along scenario
continuum Q What might warrant a move
backward to collect more user stories? Q
What might warrant a move forward toward use
cases?
Researcher
Export data to Matlab
Government official
Visualize data
Collect data
Data
Educator
8
CS228 Human-Computer Interaction
The design process for interactive systems
User Stories
Conceptual Scenarios
Concrete Scenarios
Use Cases
Prototyping, Envisionment and Evaluation
General Requirements
Specific Requirements
Physical Design
Conceptual Design