cs/psyc 6755 human-computer interaction...

35
CS/PSYC 6755 Human-Computer Interaction Foundations and Design Fall 2017 Bruce Walker [email protected] http://sonify.psych.gatech.edu/~walkerb/classes/ms-hci/

Upload: buingoc

Post on 19-Mar-2018

219 views

Category:

Documents


5 download

TRANSCRIPT

Page 1: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

CS/PSYC 6755Human-Computer Interaction

Foundations and Design

Fall 2017

Bruce [email protected]://sonify.psych.gatech.edu/~walkerb/classes/ms-hci/

Page 2: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Agenda

ØIntroductionsv Mev You

ØAdministrative stuff…ØHCI Overview

v Objectivesv Principles

Page 3: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

IntroductionsØ Instructor

v Bruce Walkerv Psychology & Computingv GVU

Ø HCI - Alternative Interfacesv Sonification & Auditory Interfacesv Alternative Interaction Stylesv Engineering Psychology & Human Factorsv Assistive Technology

Ø Formative experiences…v Grad School Decisions ”To Boldly Go…”v NASA, IBM, Consulting

Page 4: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Introductions

ØTeaching Assistantsv Keenan May

• kmay @ gatech.edu

v Udaya Tattamangalam• udaya @ gatech.edu

Page 5: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Introductions

ØYour turnv Demographics:

• Males __ Females __• <18 __ 18-23 __ 24-29 __ >30 __• English __ Spanish __ Other language __• Years Computer use:

<1 __ 1-4 __ 5-8 __ 9-12 __ >12 __ • ??

Page 6: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Course InformationØText Books

v Interaction Design: Beyond Human - Computer Interaction (4th ed.), by Jenny Preece, Yvonne Rogers, Helen Sharp,. Wiley, 2015.

v Understanding Your Users: A Practical Guide to User Requirements Methods, Tools, and Techniques (2nd ed.), by Kathy Baxter, Catherine Courage, & Kelly Caine. Elsevier, 2015.

v Measuring the User Experience: Collecting, Analyzing, and Presenting Usability Metrics (Second Edition) (2nd ed.), by Thomas Tullis & William (Bill) Albert. Waltham, MA: Morgan Kaufmann/Elsevier. 2013.

ØWebv http://sonify.psych.gatech.edu/~walkerb/classes/ms-hci/index.htmlv Also via T-squarev Syllabus & Class Infov Schedulev Assignmentsv Wiki

Page 7: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Course Information

ØGradingv Group project, 4 parts (45%)

• More to come next time...v Mid-term & final exams (30% total)v Homeworks (15% total)

• One week to do, likely 3 or 4 in totalv Participation (10% total)

• Class involvement and peer review• Includes project involvement/effort

Page 8: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Resources

ØPrevious courses, courses elsewhere, info on the web, …

• Content, lectures, projects, …

ØBooksØWeb sitesØStandards documentsØGo further

v Move beyond lectures & bookv Further coursesv Step into research

Page 9: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

HCI and Evidence-Based Design

Here we go…

Page 10: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

HCI What? HCI Why?Ø What happens when a human and a

computer system interact to perform a task?v task - write document, calculate budget, solve equation,

learn about Iran, drive home, make a reservation, land a plane...

Ø Why is this important?1. Computer systems affect every person2. Safety, satisfaction, utility is critical3. Product success depends on ease of use

Page 11: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Interfaces in the World

ØNot just computers!v GPSv Mousev Phonev Copierv Carv Plane cockpitv Airline reservationv Air traffic controlv Home control

Page 12: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Thought Provoker #1ØSteering wheel head scratcher…

Fall 2017

Page 13: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Thought Provoker #1ØGotta see the details…

Fall 2017

Page 14: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Thought Provoker #1ØThe answer…? The issues…??

Fall 2017

Page 15: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

OMG! Head Exploding!

ØIssues of…v Designv Internationalizationv Supply Chainv Costsv Standardsv Documentationv Trainingv …etc., etc., etc….

Fall 2017

Page 16: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Goals of HCI

ØAllow users to carry out tasksv Safelyv Effectivelyv Efficientlyv Enjoyably

Page 17: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Usability

ØCrucial issue in this area!

ØCombination ofv Ease of learningv High speed of user task performancev Low user error ratev Subjective user satisfactionv User retention over time

Page 18: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

HCI How?

Ø How do we improve interfaces?1. Educate software professionals2. Draw upon fast accumulating body of

knowledge and evidence regarding H-C interface design

3. Integrate UI design methods & techniques into standard software development methodologies now in place

Page 19: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Evidence-Based Design Process

ØTao of User-Centered Designv Analyze user’s goals & tasksv Create design alternativesv Evaluate optionsv Implement prototypev Testv Refine DESIGN

USE & EVALUATE

IMPLEMENT

Page 20: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Evidence-Based Design in HCI

Fall 2017

Page 21: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Above All Else…

Ø Know the User!v Physical & cognitive abilities (& special needs)v Personality & culture, contextv Knowledge & skillsv Motivation, Wants, Needsv Etcetera, etcetera!!

Ø Two Fatal Mistakes:1. Assume all users are alike2. Assume all users are like the designer

Page 22: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Design Evaluation

Ø“Looks good to me” isn’t good enough!ØBoth subjective and objective metricsØSome things we can measure

v Time to learnv Speed of performancev Rate of errors by userv Retention over timev Subjective satisfaction

Page 23: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Course OverviewØ Interdisciplinary teamsØThe UCD Process and philosophyØKnow your user!ØEvaluate an existing system

(without involving users)ØDesign for successØDialog & interaction stylesØEvaluate your design (with users)ØSpecial topics

v Ethics, InfoVis, Ubicomp, Agents, Audio

Page 24: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Connections to Research Methods

Needs Analysis

Design & Prototype Evaluation

Research Methods for HCI 40% 20% 40%

HCI Foundations 25% 50% 25%

Page 25: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Upcoming

ØHistory & Frameworks of HCIØProject infoØTeam trainingØUser Centered Design

ØStart reading... v ID book (note order of chapters on Schedule)

v UYU book (note order of chapters on Schedule)

v DOET (if you want)

Page 26: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Group Project

Semester-long team effort

Page 27: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Group Project

ØDesign and evaluate an interfacev P0 - Team formation & topic choicev P1 - Understand the problem space v P2 - Exploring the design spacev P3 - Prototypev P4 - Evaluation

ØMain 4 parts worth ~10% eachØPresentation, documentation ~ 5%

Page 28: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Group Project Details

ØPart 0 - Topic definitionv Identify team & general topicv Create web notebook (on WIKI)v Suggestion: Pick a population and pick a

technology; check out intersectionØPart 1 - Understanding the problem

v Describe tasks, users, environment, social context

v What are implications for design?

Page 29: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Group Project DetailsØPart 2 - Design alternatives

v Storyboards, mock-ups for multiple different designs

v Explore, push boundaries of design spacev Explain decisions

ØPart 3 - System prototype & eval planv More detailed prototype (semi-working ok)v Plan for conducting evaluation

Page 30: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Group Project Details

ØPart 4 - Evaluationv Conduct formal evaluation with example

usersv Use appropriate methodsv Analyze results of evaluationv Characterize what’s working and what’s

not

Page 31: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Presentations

ØReview/Feedback Panels (3 x 1 hour)v Panels of 2nd year studentsv Review your project at the 3 earliest

stagesv Feedback, not solutions, from the panel

ØFinal poster sessionv Last day of classes

Page 32: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Project TeamsØ 4 people

v You decide (or I will!)v Diverse/balanced is best!v Consider schedules v Use the Online Team Forming Tool (T-Square)

ØCool project and team name for P0ØTeam Contract

Page 33: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Project TopicsØSemester theme:

“Retail”

v ?? What does this mean ??

ØGeneral Topic:v By next Friday (“P0 due”)v Set up web notebook on t-square wiki

ØReal “client” seems cool; but use cautionØ Instructor or TA can serve as client

Page 34: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

What Makes a Good Project

ØTypically:v Access to/knowledge of domain experts &

usersv “Real” clientsv Interesting human issuesv Rich domain for design

ØTheme has a LOT of range for topics

Page 35: CS/PSYC 6755 Human-Computer Interaction …sonify.psych.gatech.edu/~walkerb/classes/ms-hci/pdf/1A...Course Information ØText Books ... learn about Iran, drive home, make a reservation,

Fall 2017

Previous Topic Ideas

ØMobile/handheld (cars, tour guides, etc.)ØWedding plannerØGISØCalendar agent (speech)ØAudio / Web sitesØDomain that you know wellØBrowse old projects for more ideas...