How will we design?

SYS 214 - Principles of HCI

Agenda

• Housekeeping
  • A note on preparing for class discussions and homework
• How will we design
  • Design Process Introduction
  • Design Method — Divergent thinking

Homework and Discussions

Homework is to prepare you for the next class and is due (loaded into Moodle) before class

Discussion prep

• Questions / Topics (not outline of content)
• Include your key points under each topic
• Submit in Moodle AND bring to class

Homework for Friday

Exercise

Design a better _____

You will be given several minutes to design a better _____. Use sketching and descriptive text to illustrate and explain your design.

Note: The purpose of the sketch is to explain, not to draw perfectly the object. We all have basic skills to make circles and lines. Go for it!

Exercise

Interactive Objects

Step 2

In a group of 3 or 4

• Share your results
• Talk about the process you used to design the object
• Draw a visual representing the design process you used
• Use a cell phone to capture your process

Discussion

What steps do we need to design well?

PHCI

Principles	+	Process	=	Interaction

People-centered design process

Current State	--------------------->	Future State
"What Is"	(concrete world)	"What Could Be"

People-centered design process

People-centered design process

Research:

• Understanding, Concrete World (↙)
• Current State, "What is"

People-centered design process

Research:

• Collect: (What is the current situation?)
  • People's needs
  • People's desires
  • People's challenges
  • People's goals
  • Processes
  • Context

People-centered design process

Research:

• Methods:
  • Interviews
  • Surveys
  • Shadow
  • Photography
  • Observation

People-centered design process

Analyze:

• Understanding, Abstract Model (↖)
• Current State, "What is"

People-centered design process

Analyze:

• Find Patterns and Trends: (What is the current situation?)
  • People's needs
  • People's desires
  • People's challenges
  • Processes
  • Context

People-centered design process

Analyze:

• Methods: (Analysis and Modeling)
  • Visual Pattern Finding
  • Color coding
  • Sorting
  • Categorizing
  • Sketching
  • Personas
  • Process Models
  • Context Diagrams
  • Stakeholder Diagrams

People-centered design process

Dream:

• Making and Trying, Abstract Model (↗)
• Future State, "What could be"
• Generate Ideas: What could the future be like?

People-centered design process

Dream:

• Methods
  • Brainstorm
  • Sketch
  • Scenarios
  • Act things out

People-centered design process

Prototype:

• Making and Trying, Concrete World (↘)
• Future State, "What could be"
• Try it out: What if we did this?

People-centered design process

Prototype:

• Methods
  • Act it out
  • Sketching
  • Paper prototyping
  • Roll Playing

People-centered design process

Messy design process

PHCI

Why

How

How — Way of thinking

Divergent Thinking	Convergent Thinking

How — Way of thinking

Divergent Thinking	Convergent Thinking
Quantity
No judgment
Wild ideas
Build upon ideas of others
Capture every idea
Number the ideas

How — Way of thinking

Divergent Thinking	Convergent Thinking
Quantity	Quality
No judgment	Judgment based on criteria
Wild ideas
Build upon ideas of others
Capture every idea
Number the ideas

Diverge vs. Brainstorming

Diverge Exercise

In groups of 5, how might we travel from the classroom to the DC?

Remember:

• Quantity
• No judgment
• Wild ideas
• Build upon ideas of others
• Capture every idea
• Number the ideas
• Visuals are good

Converge

1. Diverge on criteria that are important
2. Converge on criteria
3. Agree on a decision making process
4. Evaluate (discussion)

Discussion

People-centered Design