![Page 1: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/1.jpg)
Introduc)ontoCOMP4461:Human-ComputerInterac0on
XiaojuanMa Fall2019
![Page 2: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/2.jpg)
AboutthisCourse• Instructor– XiaojuanMa– Email:[email protected]– Office:RM3507
• TA– TaewookKim([email protected])– Officehour:Tu9:00-9:50AM(originallab)me)
• TimeandLoca)on– Lecture:TTh12:00pm–1:20pm@Rm1410,LiW27-28– Lab:2in-classlabsessions(seecoursesyllabus:TA)
COMP4461XiaojuanMa 2
![Page 3: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/3.jpg)
CourseWebsiteandSpace
• Coursewebsite:h\p://home.cse.ust.hk/~mxj/page/COMP4461-201909.html
• TeamLink:h\ps://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-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/4.jpg)
COMP4461XiaojuanMa
h\p://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-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/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-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/6.jpg)
GradingScheme
• Experien0alLearning• Threegroupprojects 60%– Project1 15%– Project2 20%– Project3 25%
• Midterm: 15%• VideoPaper: 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-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/7.jpg)
PersonalPorjolioPage
• CreateapersonalporjoliopagetohostyourpersonalHCIprojectdiaries– Mayusefreewebsitebuilderse.g.,wix.com
• Examples:– h\p://harkmylord.com/– h\p://simonpan.com/– h\p://www.garyjanderson.com/index.html
• TAwillprovidesome)psonhowtosetupyourownpageonline
COMP4461XiaojuanMa 7
![Page 8: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/8.jpg)
(1)Projects60%• P1:DesigningMeaningfulInterac)veAd 15%– Iden)fyasustainabilitycampaignoncampus– Ini)alwireframedesign 5%
• IdeatewiththehelpofatoolcalledMetaphorac)on• Canusewireframetoolse.g.,h\ps://www.draw.io/
– Revised“interac)ve”videoprototype 10%• Pitchyourdesigninclassforpeerreview• Ar)culatethetargetedtheme,designprinciplesapplied,anddesigndecisionsmade
– Keepapersonaldiaryofproject1– Lab1:TutorialonMetaphorac)on(onSlack)
COMP4461XiaojuanMa 8
![Page 9: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/9.jpg)
(1)Projects60%(cont.)
• P2:MixedReality 20%– GroupPoint-of-View(POV)video 12%
• Empathize,needfinding,idea)on• Demonstra)onofproposedsolu)on
– PersonaldiaryofProject2 8%• Postedonindividualporjolio• Text,pictures,diagrams,etc.
– Lab2:ARprogramming(inclass)
• Groupassignment– WorkwithdifferentpeopleinP2andP3
COMP4461XiaojuanMa 9
![Page 10: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/10.jpg)
(1)Projects60%(cont.)• P3:Human-RobotInterac)on 25%– GroupPOVvideowithworkingdemo 15%– PersonaldiaryofProject3 10%– Lab3:robotprogramming(inclass)
• Latepolicy– Upto3daysintotal– AvailableonlybyrequestinadvancethroughemailorprivatemessageonSlacktotheTA
– Nocreditotherwise
COMP4461XiaojuanMa 10
![Page 11: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/11.jpg)
(2)Midterm15%
• In-class,TueOct15(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-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/12.jpg)
(4)FinalVideoPaper15%
• Theme“Nudging”• Length:2~5min• VideoShowcase– FinalScreeningonNov26&28– Audience’sChoice
• Bestvideo• Mosteduca)onalvideo(intellectuallyand/orsocially)• Mostinnova)onvideo(conceptand/orapplica)on)• Mostentertainingvideo(storyand/orpresenta)on)
COMP4461XiaojuanMa 12
![Page 13: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/13.jpg)
(4)Par)cipa)on+Bonus10%
• A\endance+Ac)veness– In-classexercises+peerreviewpar)cipa)on– In-classpresenta)on“Thegood,thebad,theugly” – Addi)onalbonusawardedtoexcellentworkineachproject
• Note– Bringapen/pencilandadeckofpaper– 1tokenearnedforac)vepar)cipa)oninonelecture– 10tokenscanbeusedtotradefor1addi)onallateday
COMP4461XiaojuanMa 13
![Page 14: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/14.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 14
![Page 15: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/15.jpg)
COMP4461XiaojuanMa 15
![Page 16: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/16.jpg)
COMP4461XiaojuanMa 16
![Page 17: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/17.jpg)
TextBook(Required)
• Hartson,Rex,andPardhaS.Pyla.TheUXBook:Processandguidelinesforensuringaqualityuserexperience.Elsevier,2012.ISBN-13:978-0123852410,ISBN-10:0123852412
h\p://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.
h\p://www.id-book.com/COMP4461XiaojuanMa 17
![Page 18: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/18.jpg)
ReferenceBook(Op)onal)
• Lazar,Jonathan,JinjuanHeidiFeng,andHarryHochheiser.Researchmethodsinhuman-computerinterac=on.MorganKaufmann,2017.eBookISBN:9780128093436,PaperbackISBN:9780128053904h\ps://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.
h\p://hcibook.com/e4/
COMP4461XiaojuanMa 18
![Page 19: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/19.jpg)
COMP4461XiaojuanMa
“Stayhungry.Stayfoolish.”
-BySteveJobs
19
![Page 20: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/20.jpg)
LearningAims
COMP4461XiaojuanMa
Conscious Cri0cal Crea0ve
20
![Page 21: Introduc)on to COMP4461: Human-Computer Interac0onhome.cse.ust.hk/~mxj/page/HCI-00-Intro2COMP4461-MXJ-201909.pdf · – Bring a pen/pencil and a deck of paper – 1 token earned for](https://reader033.vdocument.in/reader033/viewer/2022051011/6006855fb4a77a04f2484fb6/html5/thumbnails/21.jpg)
WorkforToday
• JoinSlackandplaywithit– Thereisadirect“joinslack”linkonCanvas– TAwillconfirmandverifymembershipbytheendoftheadd-and-dropperiod(Sep16)
• CreateyourownPorjolioPage– Ifyoualreadyhaveapersonalwebsite,great– Ifnot,youcansetupapersonalpageatHKUST– TAwillprovidefurtherinforma)ononSlack(#lab1_web)
COMP4461XiaojuanMa 21