CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb ›...

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

Transcript of CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb ›...

Page 1: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

CS/PSYC 6755Human-Computer Interaction

Foundations and Design

Fall 2019

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

Page 2: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

AgendaØIntroductions

v Mev You

ØAdministrative stuff…ØHCI Overview

v Objectivesv Principles

Page 3: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

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, Startups

Page 4: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

IntroductionsØTeaching Assistants

v Keenan May• kmay @ gatech.edu

v Nadia Fereydooni• nadia.fereydooni @ gatech.edu

v Megan Shepherd• mshepherd35 @ gatech.edu

Page 5: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

IntroductionsØYour turn

v 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 Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

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-square

v Syllabus & Class Infov Schedulev Assignmentsv Wiki

Page 7: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

Course InformationØ Grading

v Group project, 4 parts (40%)• More to come next time...

v Mid-term exam (20%)v Final exam (20%)v Homeworks (10% total)

• A couple weeks to do each one, likely 2 in totalv Participation (10% total)

• Class involvement and peer review• Note that your participation in the project is

factored into your project grade, not this separate participation score

v Comment on letter grade vs. points total

Page 8: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

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 Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

HCI and Evidence-Based Design

Here we go…

Page 10: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

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 Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

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 Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Thought Provoker #1ØSteering wheel head scratcher…

Fall 2019

Page 13: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Thought Provoker #1ØGotta see the details…

Fall 2019

Page 14: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

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

Fall 2019

Page 15: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

OMG! Head Exploding!ØIssues of…

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

Fall 2019

Page 16: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

Goals of HCIØAllow users to carry out tasks

v Safelyv Effectivelyv Efficientlyv Enjoyably

Page 17: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

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 Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

Evidence-Based Design ProcessØTao of User-Centered Design

v Analyze user�s goals & tasksv Create design alternativesv Evaluate optionsv Implement prototypev Testv Refine DESIGN

USE & EVALUATE

IMPLEMENT

Page 19: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Evidence-Based Design in HCI

Fall 2019

Page 20: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

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 21: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

Design EvaluationØ�Looks good to me� isn’t good enough!ØBoth subjective and objective metrics

ØSome things we can measurev Time to learnv Speed of performancev Rate of errors by userv Retention over timev Subjective satisfaction

Page 22: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

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

(without involving users)ØDesign for successØ Prototype & Express your creativityØEvaluate your design (with/without users)ØSpecial topics

v Ethics, InfoVis, Ubicomp, Agents, Audio

Page 23: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

Connections to Research Methods

Needs Analysis

Design & Prototype Evaluation

Research Methods for HCI 40% 20% 40%

HCI Foundations 25% 50% 25%

Page 24: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

Upcoming

ØHistory & Frameworks of HCIØ Project infoØ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 25: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Group Project

Semester-long team effort

Page 26: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

Group ProjectØDesign and evaluate an interface

v D0 - Team formation & topic choicev D1 - Understand the problem space v D2 - Exploring the design spacev D3 – Prototype and evaluation planv D4 – (Discount) Evaluation

ØMain 4 parts worth ~10% eachØ Individual grade adjusted based on

participation

Page 27: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

Group Project DetailsØPart 0 – Team and Topic

v Identify team & general topicv Suggestion: Pick a population and pick a

technology; check out intersection

ØPart 1 - Understanding the problemv Describe tasks, users, environment, social

contextv What are implications for design?

Page 28: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

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 full evaluation

Page 29: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

Group Project DetailsØPart 4 – (Discount) Evaluation

v Conduct evaluation with example usersv Feedback from classmatesv Analyze results of feedbackv Characterize what’s working and what’s

notv Iterate on prototype

Page 30: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

PresentationsØReview/Feedback Panels (2 x 1 hour)

v Panels of 2nd year studentsv Review your project at the early stagesv Feedback, not solutions, from the panel

ØPoster sessionsv End of P2 and P4

Page 31: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

Project TeamsØ 4 people

v You decide (or I will!) by THIS FRIDAYv Diverse/balanced is best!v Consider schedules v Use the Online Team Forming Tool (Canvas)

ØCool team name for P0ØDecide on a (tentative) user population and a

(tentative) task domain for those users ØTeam Contract!

Page 32: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

Project TopicsØSemester theme:

�On The Go�

v ?? What does this mean ??

ØGeneral Topic:v By next Friday (�P0 due�)v Indicate team and topic on Canvas WIKI

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

Page 33: CS/PSYC 6755 Human-Computer Interaction Foundations …sonify.psych.gatech.edu › ~walkerb › classes › ms-hci › pdf › 11-introduction.pdfFall 2019 Course Information ØText

Fall 2019

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ØConsider how it meshes with project in

Research Methods class