Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer...

59
stanford hci group / cs247 Human-Computer Interaction D i St di Desi gn Studio Terry Winograd and Bill Verplank TAs: Steve Marmon and Neil Patel http://cs247.stanford.edu 06 January 2009

Transcript of Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer...

Page 1: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

stanford hci group / cs247

Human-Computer InteractionD i St diDesign Studio

Terry Winograd and Bill Verplanky g pTAs: Steve Marmon and Neil Patel

http://cs247.stanford.edu06 January 2009

Page 2: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

TodayToday

Teaching staff & student introductionsTeaching staff & student introductionsCourse contentCourse detailsQuestions

Page 3: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Who is Terry?y

Page 4: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Who is Bill?

Page 5: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Who is Hayes?y

Page 6: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

How ‘bout Steve?

Page 7: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

…and Neil?

Page 8: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

d…and you

Page 9: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

TodayToday

Teaching staff & student introductionsTeaching staff & student introductionsCourse contentCourse detailsQuestions

Page 10: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Wh t i HCI?What is HCI?Organizational &

Taskg

Social Issues

Design

HumansTechnology

Design

Page 11: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Why Study HCI?y y

Page 12: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Why Study HCI?y y

Page 13: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Getting Physical

Page 14: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Physical Play

Page 15: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 16: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 17: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Interaction Design

Page 18: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Studio Learning

Page 19: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Course Structure

Page 20: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 21: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 22: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 23: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 24: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 25: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 26: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 27: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 28: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 29: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 30: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 31: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 32: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 33: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 34: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 35: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 36: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

2009: Toys for Learning2009: Toys for Learning

Page 37: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Capturing the design processCapturing the design process

Page 38: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 39: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 40: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 41: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 42: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 43: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

CS247L LaboratoryCS247L Laboratory

Hands on learning of technologiesHands-on learning of technologiesOptional extra 1 unit

Separate signup on Axess

Wed 6:30-8:30pm at the d.school (most weeks)

Page 44: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Product Realization Lab

Page 45: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Physical prototyping

Page 46: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Physical computing with Arduino

Page 47: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Flash integration with Arduino

Page 48: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Nokia 810 Mobile (unix based)

Page 49: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Soldering and Electronicsg

Page 50: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Lab Questions or Suggestions?Lab Questions or Suggestions?

We have some extra sessions allocated for whatever is relevant that you’re especiallywhatever is relevant that you re especially interested in learning

Page 51: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

TodayToday

Teaching staff & student introductionsTeaching staff & student introductionsCourse contentCourse administrative detailsQuestions

Page 52: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

AdministriviaAdministrivia

Course InfoCourse InfoTuesdays and Thursdays1:15-3:05pm Wallenberg 124 & 1271:15-3:05pm, Wallenberg 124 & 127http://cs247.stanford.educs247@cs stanford [email protected]

Terry’s InfoOffi H W d d G tOffice Hours: Wednesdays 10am-12:00pm, Gates 388http //hci stanford edu/winogradhttp://hci.stanford.edu/[email protected]

Page 53: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

cs247@cs

Page 54: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Two SectionsTwo Sections

We’ll sometimes meet together andWe ll sometimes meet together and sometimes separateW ’ll ti i tWe’ll announce section assignments on Thursday

Page 55: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Expected backgroundExpected background

This course has cs147 as a prerequisite – we’llThis course has cs147 as a prerequisite – we ll assume basic HCI knowledge.You’re also responsible for having sufficient skillsYou re also responsible for having sufficient skills in your group to “do the projects”

Page 56: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 57: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon
Page 58: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

For ThursdayFor Thursday

Complete P1 ErrorsComplete P1: ErrorsBuy a sketch book and start using it for your

id lidea log

Page 59: Human-Computer Interaction Di StdiDesign Studio · stanford hci group / cs247 Human-Computer Interaction Di StdiDesign Studio Terr yyg p Winograd and Bill Verplank TAs: Steve Marmon

Q tiQuestions