introduc)on to comp4461: human-computer...

Introduc)ontoCOMP4461:

Human-ComputerInterac0on

XiaojuanMa Fall2017

AboutthisCourse

•  Instructor– XiaojuanMa

– Email:mxj@cse.ust.hk

– Office:RM3507

•  TA– ZhidaSun(zhida.sun@connect.ust.hk)

•  TimeandLoca)on– Lecture:WF4:30pm–5:50am@Rm4503,LiV25-26

– Lab:4in-classlabsessions(seecoursesyllabus)

COMP4461XiaojuanMa 2

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

COMP4461XiaojuanMa

hZp://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

•  Threeprojects – Project1(individual) 20%

– Project2(group) 25%

– Project3(group) 30%

•  Midterm: 15%

•  Par)cipa)on+Bonus: 10%

COMP4461XiaojuanMa 6

(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

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

(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

(1)Projects75%(cont.)

•  P3:Human-RobotInterac)on30%– GroupPOVvideowithworkingdemo 20%

– PersonaldiaryofProject3 10%

– Lab3&4:robotprogramming

•  Latepolicy– Upto3daysintotal– AvailableonlybyrequestinadvancethroughemailorprivatemessageonSlack

– Nocreditotherwise

COMP4461XiaojuanMa 10

(2)Midterm15%

•  In-class,WedOct25(80min)

•  3~5Ques)ons•  OpenBook– Textbookandprintedlecturenotesonly– Nophone/pad,nocomputer(unlessspecified)

COMP4461XiaojuanMa 11

(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

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

COMP4461XiaojuanMa 14

COMP4461XiaojuanMa 15

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

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

COMP4461XiaojuanMa

“Stayhungry.Stayfoolish.”

-BySteveJobs

18

LearningAims

COMP4461XiaojuanMa

Conscious Cri0cal Crea0ve

19

WorkforToday

•  JoinSlackandplaywithit– TAwillsendoutaninvita)ontoyourUSTemailaccountbeforeMonday

–  Ifyouhaven’treceivedanyinvita)onbytheendofMonday,pleasecontacthim.

–  Ifyouprefertouseanotheremail,pleaselethimknowbeforeSunday

– Theinvita)onmaygointoyourspam/junkmailfolder.Pleasecheckitbeforereques)ngforanewinvita)on

COMP4461XiaojuanMa 20

XiaojuanMa

mxj@cse.ust.hk

Ques)ons?