CS 3724 Introduction to Human Computer Interaction Section 2 CRN MW 2:30-3: McB

Where Are We? About 1/4 through the Semester  Scenario-Based Design  Read Chapters 1-5  Lectures/exercises on:  Team Building  Users, (Front-End) Requirements Analysis, and Ethnography  What is Design?  Where Do Ideas Come From?  Representations  Formative Evaluations  Information Visualization

Are We Meeting the Goals of Course ?  OFFICIAL VERSION  Survey of concepts, theory, and practice.  Interdisciplinary underpinnings.  Evaluation of computer-based technology.  User-oriented perspective: human (cognitive, social) and technological (i/o, interactions styles, devices).  Design guidelines, evaluation methods, participatory design, communication between users and system developers.  STEVE HARRISON’S VERSION  Learn that HCI topic is both wide and deep.  Design involves asking good questions  Convince some of you that HCI is phat / cool  Convince the rest of you that HCI expertise is needed in most computer projects

wHaT qUeStIoNs CoMe Up wHaT kInD oF dEsIgN iS “iNfOrMaTiOn ViSuAlIzAtIoN”? ArE tHeRe OtHeR KiNdS oF hCi DeSiGn? WhAt OtHeR mEtHoDs ArE uSeFuL tO kNoW? AnD jUsT wHeRe Is ThE InTeRfAcE?

Today’s Agenda  CS 3724 so far  Kinds of HCI Design  UE: Activity, Information, and Interaction  Experience, Narrative, and Genre  User-Centered  Speculative  Methods  Metaphor  Periscope  Role-playing  Design Review

Today’s Agenda  CS 3724 so far  Kinds of HCI Design  UE: Activity, Information, and Interaction  Experience, Narrative, and Genre  User-Centered  Speculative  Methods  Metaphor  Periscope  Role-playing  Design Review

Some Kinds of Design  Activity  Information  Interaction  Experience  Narrative  Genre  User-centered  Speculative UE: Highest level of abstraction Functionality Activity Design Scenarios Methods: Wizard of Oz Metaphor Persicope

Some Kinds of Design  Activity  Information  Interaction  Experience  Narrative  Genre  User-centered  Speculative UE: –Middle level of abstraction –Information theory –Presentation –Info Visualization Methods: –Graphic design –CogPsych lab experiments –Sketches of screens

Some Kinds of Design  Activity  Information  Interaction  Experience  Narrative  Genre  User-centered  Speculative UE: –Lowest level of abstraction –I/O –ergonomics Methods: –Mental models –Performance optimization (e.g. Fitt’s Law) –CogPsych lab experiments

Some Kinds of Design  Activity  Information  Interaction  Experience  Narrative  Genre  User-centered  Speculative Not In UE Used in: –Theme park rides –Immersive games Gestalt –“look and feel” –Crosses all UE Levels Methods: –storyboard

Some Kinds of Design  Activity  Information  Interaction  Experience  Narrative  Genre  User-centered  Speculative Not In UE Used in: –Games –Interactive fiction Literary/cinematic –Crosses all UE Levels –Scenarios users live in Methods: –Role-playing

Some Kinds of Design  Activity  Information  Interaction  Experience  Narrative  Genre  User-centered  Speculative Not In UE Used in: –New media –Exhibit design How is meaning communicated? –Crosses all UE Levels –What genres are possible? Methods: –Deconstruction –Persicope –Recombinant construction

Some Kinds of Design  Activity  Information  Interaction  Experience  Narrative  Genre  User-centered  Speculative Not In UE Used in: –Most HCI Think like a user –Crosses all UE Levels –Like SBD, but develops standards no scenarios Methods: –GOMS –Storyboards –Participatory

Some Kinds of Design  Activity  Information  Interaction  Experience  Narrative  Genre  User-centered  Speculative Not In UE Used in: –Quickly done products Come up with something unlike anything else –Crosses all UE Levels Methods: –Analogies from totally unrelated areas

Today’s Agenda  CS 3724 so far  Kinds of HCI Design  UE: Activity, Information, and Interaction  Experience, Narrative, and Genre  User-Centered  Heroic  Methods  Metaphor  Periscope  Role-playing  Design Review

wHaT wErE aLl ThOsE mEtHoDs AgAiN?  WiZaRd Of Oz  MeTaPhoR  pErSiCoPe  GrApHiC dEsIgN  CoGpSyCh LaB eXpErImEnTs  MeNtAl MoDeLs  PeRfOrMaNcE oPtImIzAtIoN  rOlE-pLaYiNg  DeCoNsTrUcTiOn  ReComBiNaNt CoNsTrUcTiOn  GoMs  StOrYbOaRdS  pArTiCiPaToRy  AnAlOgIeS fRoM tOtAlLy UnReLaTeD ArEaS

Methods we already know:  Brainstorming  Delphi planning method  Hierarchical task analysis  Morphological box  Wizard of Oz  Metaphor  Persicope  Graphic Design  CogPsych Lab Experiments  Mental Models  Performance Optimization  Role-playing  Deconstruction  Recombinant Construction  GOMS  Storyboards  Participatory  Analogies From Totally Unrelated Areas  Concept Selection  Design Review

Methods we don’t have time to learn right now:  Brainstorming  Delphi planning method  Hierarchical task analysis  Morphological box  Wizard of Oz  Metaphor  Persicope  Graphic Design  CogPsych Lab Experiments  Mental Models  Performance Optimization  Role-playing  Deconstruction  Recombinant Construction  GOMS  Storyboards  Participatory  Analogies From Totally Unrelated Areas  Concept Selection  Design Review

Methods we need to learn soon:  Brainstorming  Delphi planning method  Hierarchical task analysis  Morphological box  Wizard of Oz  Metaphor  Persicope  Graphic Design  CogPsych Lab Experiments  Mental Models  Performance Optimization  Role-playing  Deconstruction  Recombinant Construction  GOMS  Storyboards  Participatory  Analogies From Totally Unrelated Areas  Concept Selection  Design Review

Methods we’ll learn this week:  Brainstorming  Delphi planning method  Hierarchical task analysis  Morphological Box  Wizard of Oz  Metaphor  Persicope  Graphic Design  CogPsych Lab Experiments  Mental Models  Performance Optimization  Role-playing  Deconstruction  Recombinant Construction  GOMS  Storyboards  Participatory  Analogies From Totally Unrelated Areas  Concept Selection  Design Review

Role Playing  Very much like Wizard of Oz  Ideation / validation  Method:  Start with scenario  Act out interaction  Improvise  Use props

Metaphor  Ideation  Method:  Generate (I.e. brainstorm) analogs  Re-describe activity in scenario using metaphor  Develop representations based on metaphor  Do not confuse metaphor with what is being represented!

Periscope  Ideation / Validation  Can be used with morphological box and/or brainstorming  Method:  Come up with “good” ideas  Figure out what category they are in  Then figure out other ideas in same category (space)  Are they also “good” ideas?

Design Review  Validation, Analysis, Teaming  Like “claims” in SBD  The compliment to brainstorming  Form of reflection  Method:  Give alternative courses of action  Golden Rule: focus on idea  Articulate the position you coming from (that is, are you speaking as an expert, pretending to be the user, someone with a particular model of how the system works, etc.)

Today’s Agenda  CS 3724 so far  Kinds of HCI Design  UE: Activity, Information, and Interaction  Experience, Narrative, and Genre  User-Centered  Speuclative  Methods  Metaphor  Periscope  Role-playing  Design Review

For Wednesday:  Team 7: Hall of Fame / Hall of Shame  HW 3 (Visualization)  Complete UE Chapter 5  Next Lecture: “Where is the interface” with more methods For Next Week:  Monday:  Team 8: Hall of Fame / Hall of Shame  Complete UE Chapter 6  Wednesday:  Team Report 2 Due  Mid Term