![Page 1: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/1.jpg)
Introduc)ontoCOMP4461:
Human-ComputerInterac0on
XiaojuanMa Fall2017
![Page 2: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/2.jpg)
AboutthisCourse
• Instructor– XiaojuanMa
– Email:[email protected]
– Office:RM3507
• TA– ZhidaSun([email protected])
• TimeandLoca)on– Lecture:WF4:30pm–5:50am@Rm4503,LiV25-26
– Lab:4in-classlabsessions(seecoursesyllabus)
COMP4461XiaojuanMa 2
![Page 3: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/3.jpg)
CourseWebsiteandSpace
• Coursewebsite:hZp://home.cse.ust.hk/~mxj/page/COMP4461-201709.html
• TeamLink:hZps://comp4461.slack.com/
• Wewilluse forcoursecommunica)on– Makecourseannouncement– Publishcoursematerials– Submitassignments– Publicdiscussion– Privatemessage
• GivemeanemailaddressandIwillinviteyou– MySlackTeamIDisxm
COMP4461XiaojuanMa 3
![Page 4: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/4.jpg)
COMP4461XiaojuanMa
hZp://www.forbes.com/sites/ellenhuet/2014/10/31/slack-raises-120m-at-1b-valua)on/
4
![Page 5: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/5.jpg)
CourseLearningOutcomes
• Knowledge/ContentRelated:• CourseILO#1:UnderstandingthebasicconceptsandmethodsinHCI
research• CourseILO#2:Understandingthefounda)onsandtrendsofHCI
applica)ons
• AcademicSkills/Competencies:• CourseILO#3:Designaninterac)vesystemusingvariousmethods
throughdifferentdesignac)vi)es.• CourseILO#4:Prototypeaninterac)vesystemwithassorteddigital
andphysicaltools• CourseILO#5:Evaluateaninterac)vesystemthroughuserstudies.
• OtherLearningOutcomes:• CourseILO#6:Communicateeffec)velywithtargetusersanddifferent
stakeholdersinacademiaandindustry
COMP4461XiaojuanMa 5
![Page 6: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/6.jpg)
GradingScheme
• Threeprojects – Project1(individual) 20%
– Project2(group) 25%
– Project3(group) 30%
• Midterm: 15%
• Par)cipa)on+Bonus: 10%
COMP4461XiaojuanMa 6
![Page 7: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/7.jpg)
(1)Projects75%
• P1:DesignpersonalCOMP4461porioliopage 20%– Ini)alwireframedesign 5%
• Canusewireframetoolse.g.,hZps://www.draw.io/
• Mainpage+individualprojectpage
– Revisedhigh-fidelityprototype 10%• Pitchyourdesigninclassforpeerreview• Ar)culatethechangesyouhavemade,decisionprinciplesapplied,anddesigndecisionsmade
– Launchingaworkingversion 5%• Keepapersonaldiaryofproject1
– Lab1:webprogramming
COMP4461XiaojuanMa 7
![Page 8: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/8.jpg)
P1PersonalPoriolioPage
• Examples:– hZp://raghavanand.com/bank-of-america-cmu-capstone-project
– hZp://harkmylord.com/
– hZp://simonpan.com/
– hZp://www.garyjanderson.com/index.html
COMP4461XiaojuanMa 8
![Page 9: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/9.jpg)
(1)Projects75%(cont.)
• P2:(Re)designingLight 25%– GroupPoint-of-View(POV)video 15%
• Empathize,needfinding,idea)on
• Demonstra)onofproposedsolu)on
– PersonaldiaryofProject2 10%• Postedonindividualporiolio• Text,pictures,diagrams,etc.
– Lab2:programmingPhilipsHue
• Groupassignment– WorkwithdifferentpeopleinP2andP3
COMP4461XiaojuanMa 9
![Page 10: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/10.jpg)
(1)Projects75%(cont.)
• P3:Human-RobotInterac)on30%– GroupPOVvideowithworkingdemo 20%
– PersonaldiaryofProject3 10%
– Lab3&4:robotprogramming
• Latepolicy– Upto3daysintotal– AvailableonlybyrequestinadvancethroughemailorprivatemessageonSlack
– Nocreditotherwise
COMP4461XiaojuanMa 10
![Page 11: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/11.jpg)
(2)Midterm15%
• In-class,WedOct25(80min)
• 3~5Ques)ons• OpenBook– Textbookandprintedlecturenotesonly– Nophone/pad,nocomputer(unlessspecified)
COMP4461XiaojuanMa 11
![Page 12: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/12.jpg)
(3)Par)cipa)on+Bonus10%
• AZendance+Ac)veness– ThreePeerReviews 6%
– In-classpresenta)on“Thegood,thebad,theugly” 4%– Addi)onalbonusawardedtoexcellentworkineachproject
• Note– Bringapen/pencilandadeckofpaper– 1tokenearnedforac)vepar)cipa)oninonelecture– 10tokenscanbeusedtotradefor1addi)onallateday
COMP4461XiaojuanMa 12
![Page 13: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/13.jpg)
CourseLearningOutcome
• Lecture,Projects,Midterm– UnderstandthebasicconceptsandmethodsinHCI– Understandthefounda)onsandtrendsofHCIapplica)ons
• Lecture,Projects– Learntoiden)fyuserneeds,abili)es,andconstraints– Learntodesign,prototype,andevaluateHCItechnologies
• Lecture,Projects,(Midterm)– Analyzepoten)alsocialimpactandresponsibili)esaswellaspossibleethical,legal,securityandprivacyissues
• ProjectsandPar)cipa)on– Communicateeffec)velywithtargetusersanddifferentstakeholdersinacademiaandindustry
COMP4461XiaojuanMa 13
![Page 14: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/14.jpg)
COMP4461XiaojuanMa 14
![Page 15: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/15.jpg)
COMP4461XiaojuanMa 15
![Page 16: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/16.jpg)
TextBook(Required)
• Hartson,Rex,andPardhaS.Pyla.TheUXBook:Processandguidelinesforensuringaqualityuserexperience.Elsevier,2012.ISBN-13:978-0123852410,ISBN-10:0123852412
hZp://www.theuxbook.net/
• YvonneRogers,HekenSharp,&JennyPreece.Interac=onDesign:BeyondHuman-ComputerInterac=on(3rdEdi)on).JohnWiley&Sons,Inc,2011.ISBN0-470-66576-9,978-0-470-66576-3.
hZp://www.id-book.com/
COMP4461XiaojuanMa 16
![Page 17: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/17.jpg)
ReferenceBook(Op)onal)
• Lazar,Jonathan,JinjuanHeidiFeng,andHarryHochheiser.Researchmethodsinhuman-computerinterac=on.MorganKaufmann,2017.eBookISBN:9780128093436,PaperbackISBN:9780128053904hZps://www.elsevier.com/books/research-methods-in-human-computer-interac)on/lazar/978-0-12-805390-4
• AlanDix,JanetFinlay,GregoryAbowd&RussellBeale.Human-ComputerInterac=on(3rdEdi)on).Pren)ceHall,2004.ISBN0-13-046109-1.
hZp://hcibook.com/e4/
COMP4461XiaojuanMa 17
![Page 18: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/18.jpg)
COMP4461XiaojuanMa
“Stayhungry.Stayfoolish.”
-BySteveJobs
18
![Page 19: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/19.jpg)
LearningAims
COMP4461XiaojuanMa
Conscious Cri0cal Crea0ve
19
![Page 20: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201709.pdf– Learn to design, prototype, and evaluate HCI technologies • Lecture,](https://reader034.vdocument.in/reader034/viewer/2022051807/6006855eb4a77a04f2484fb1/html5/thumbnails/20.jpg)
WorkforToday
• JoinSlackandplaywithit– TAwillsendoutaninvita)ontoyourUSTemailaccountbeforeMonday
– Ifyouhaven’treceivedanyinvita)onbytheendofMonday,pleasecontacthim.
– Ifyouprefertouseanotheremail,pleaselethimknowbeforeSunday
– Theinvita)onmaygointoyourspam/junkmailfolder.Pleasecheckitbeforereques)ngforanewinvita)on
COMP4461XiaojuanMa 20