1

stanford hci group / cs247

http://cs247.stanford.edu9 January 2012

Human-Computer Interaction

Design StudioCourse GoalsCourse StaffCourse StructureP1: Thoughtless Acts

Course GoalsCourse StaffCourse StructureP1: Thoughtless Acts

What is HCI?

HumansTechnology

Task

Design

Organizational &Social Issues

2

Stanford HCI Curriculum

147 Introduction to HCILearn the fundamentals of HCI

247 Interaction Design StudioIntensive, hands-on HCI design practice

376 Research Topics in HCILearn HCI research landscape & frontier

448B Data Visualization, 294H Social SoftwareIn-depth study of specific HCI topics

Course Goals

Deepen the design cycle from CS147Design novel user experiencesMore strategies for creativityIntensive sketchingRapid design iterationsReflective design processLearn by doing!

Gestural interfaces:novel interactive

experiences using sensing technologies.

3

Apple Knowledge Navigator Concept Video

Navigator Video (1987)iPhone (2007)Siri (2011)

Microsoft Productivity Concept Video (2011)

4

[O’Sullivan]

…this vision, from an interaction perspective, is not visionary. It's a timid

increment from the status quo, and the status quo, from an interaction

perspective, is actually rather terrible.

- Bret Victor

http://worrydream.com/ABriefRantOnTheFutureOfInteractionDesign/

5

? ?

How might we enable new interactions appropriate to the context of use?

What application domains are the most compelling?

What pitfalls lie in wait?

Course GoalsCourse StaffCourse StructureP1: Thoughtless Acts

Jeffrey Heer — vis.stanford.edu/jheerAssistant Professor, Computer Science

6

Course GoalsCourse StaffCourse StructureP1: Thoughtless Acts

7

Class Sessions

Studio and critiqueShow and tellLecturesGuest speakersIn-class exercises / sharing

Lab Sections (1-unit, optional)

Wed 6-8pm in 4 Cummings Art Building

Will cover skills & technologies useful in class:SketchingVisual Studio and C# ProgrammingThe Kinect SDKWindows Presentation Framework (WPF)Advanced techniques that you request,e.g., Image, Speech, or Audio Processing

Expected BackgroundIn general, there are no pre-requisites.However, we do assume:

Familiarity with HCI fundamentals (~CS147)Need-finding, prototyping, evaluation

Substantial programming ability (~CS106/7)Comfort learning and working with new languages, platforms, and APIsThe Microsoft Kinect SDK (requires Win 7) is the “officially” supported platformBUT you can deviate (e.g., open-source API)

AssignmentsP1 Individual observation exercise – 2 daysP2 Fieldwork & brainstorming – 1 week

P3 Gesture controller – 1 weekP4 Course project – 8 weeks

Prototyping & critique in studio sessionsCoaches from industryMultiple testing cyclesFinal presentation fair during finals week

8

Grading

P1 Thoughtless Acts (individual) 5%P2 Interviews & brainstorming (groups) 15%P3 Gesture controller (groups) 20%P4 Course project (groups) 50%Course Participation 10%

But isn’t design work inherently subjective?We provide rubrics for each assignment to help.

Course GoalsCourse StaffCourse StructureP1: Thoughtless Acts

Thoughtless Acts

"... notice the subtle and amusing ways that people react to the world around them. These 'thoughtless acts' reveal how people behave in a world not always perfectly tailored to their needs and demonstrate the kind of real-world observational approach that can inspire designers...“

Jane Fulton SuriIDEO

9

P1: Thoughtless Acts

The goals of this project are to:Become more sensitive to how people interact

with the designed environment

Recognize underlying needs that lead to improvisational behaviors

Discovering design opportunitiesUse sketching to highlight an observation

P1: Thoughtless Acts (due Wed)

Look around you for potential situations of design improvisation.

Choose a situation that you find most interesting in revealing people's unmet needs.

Take a photo that captures your example.

Draw a sketch that captures the essentials.

Brainstorm design opportunities.

P1: Thoughtless Acts (due Wed)

Prepare an 11" × 17" poster including:Your photo, sketch (with annotations as useful),

a short description, and design opportunities.

Come to class prepared to display and discuss your poster. Use simple sketches and bold lettering; it should be easy to read from 4-6 feet away.

10

Next Steps

EnrollmentWe will review course applications and send enrollment updates by Tuesday morning.Application link at cs247.stanford.edu

Wednesday LectureBring in P1 posters for sharing and review.

Lab Section Wed 6-8pm (recommended!)Sketching w/ Bill Verplank. Bring a sketch book!

Course Q & A

CS247 Q&A Forum on piazza.com:piazza.com/stanford/winter2012/cs247

For questions likely to be of interest to other students (e.g., clarification or guidance on projects), please post to the online forum.

More sensitive questions should be sent to the course staff at cs247@cs.stanford.edu.

Questions? Haikus are easybut sometimes they don't make senserefrigerator.

11

HCI Education

an important HCI courseboth theoretical and practical very good experience

A user focusis needed for good design.I'd like to learn more.

Observing usersAnd predicting their patternsExcites me so much.

12

Product a passionmore than that a mission247 - tools and revision

Used to shun designTook a d.school class; loved itNow I'm HCI

please, don't make me takeCS245.......................yawnit looks very duuuuuuuuullllll

I want to learn frommy peers since last quarter I did all the coding

13

Graduation

To take, or not to take that is not the questionI need to graduate

Graduation me?I hope so with much much glee...247 with tea!

if istaken(cs247) equals false:can't graduate! world ends 2012!puppy eyes kthxbai

14

Kinect

facing the sensorbody language speaks volumestechnical magic

vast spaces between vision and executionkinecting the blocks

Microsoft did notKnow Kinect was so awesomeUntil we got there

15

Misc

Interaction is redDesign is blueCS247 I belong to you

Users, the poor souls.Things obvious to The Godsare, in fact, not so.