CS/PSYC 6755 Human-Computer Interaction...
Transcript of CS/PSYC 6755 Human-Computer Interaction...
![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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/1.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/2.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/3.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/4.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/5.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/6.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/7.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/8.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/9.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/10.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/11.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/12.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/13.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/14.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/15.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/16.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/17.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/18.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/19.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/20.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/21.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/22.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/23.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/24.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/25.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/26.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/27.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/28.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/29.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/30.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/31.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/32.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/33.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/34.jpg)
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,](https://reader035.fdocuments.us/reader035/viewer/2022062907/5aaedd4f7f8b9a59478c9bbb/html5/thumbnails/35.jpg)
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...