Introduc)ontoCOMP4461:Human-ComputerInterac0on

XiaojuanMa Fall2019

AboutthisCourse•  Instructor– XiaojuanMa– Email:mxj@cse.ust.hk– Office:RM3507

•  TA– TaewookKim(tkimam@connect.ust.hk)– Officehour:Tu9:00-9:50AM(originallab)me)

•  TimeandLoca)on– Lecture:TTh12:00pm–1:20pm@Rm1410,LiW27-28– Lab:2in-classlabsessions(seecoursesyllabus:TA)

COMP4461XiaojuanMa 2

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

COMP4461XiaojuanMa

h\p://www.forbes.com/sites/ellenhuet/2014/10/31/slack-raises-120m-at-1b-valua)on/

4

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

GradingScheme

•  Experien0alLearning•  Threegroupprojects 60%– Project1 15%– Project2 20%– Project3 25%

•  Midterm: 15%•  VideoPaper: 15%•  Par)cipa)on+Bonus: 10%

COMP4461XiaojuanMa 6

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

(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

(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

(1)Projects60%(cont.)•  P3:Human-RobotInterac)on 25%– GroupPOVvideowithworkingdemo 15%– PersonaldiaryofProject3 10%– Lab3:robotprogramming(inclass)

•  Latepolicy– Upto3daysintotal– AvailableonlybyrequestinadvancethroughemailorprivatemessageonSlacktotheTA

– Nocreditotherwise

COMP4461XiaojuanMa 10

(2)Midterm15%

•  In-class,TueOct15(80min)•  3~5Ques)ons•  OpenBook– Textbookandprintedlecturenotesonly– Nophone/pad,nocomputer(unlessspecified)

COMP4461XiaojuanMa 11

(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

(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

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

COMP4461XiaojuanMa 15

COMP4461XiaojuanMa 16

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

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

COMP4461XiaojuanMa

“Stayhungry.Stayfoolish.”

-BySteveJobs

19

LearningAims

COMP4461XiaojuanMa

Conscious Cri0cal Crea0ve

20

WorkforToday

•  JoinSlackandplaywithit– Thereisadirect“joinslack”linkonCanvas– TAwillconfirmandverifymembershipbytheendoftheadd-and-dropperiod(Sep16)

•  CreateyourownPorjolioPage–  Ifyoualreadyhaveapersonalwebsite,great–  Ifnot,youcansetupapersonalpageatHKUST– TAwillprovidefurtherinforma)ononSlack(#lab1_web)

COMP4461XiaojuanMa 21

XiaojuanMamxj@cse.ust.hk

Ques)ons?