Introduction to Human Computer...

29
Introduction to Human Computer Interaction Course on NPTEL, Spring 2018 Week 1 Ponnurangam Kumaraguru (“PK”) Associate Professor ACM Distinguished & TEDx Speaker Linkedin/in/ponguru/ fb/ponnurangam.kumaraguru, @ponguru

Transcript of Introduction to Human Computer...

Page 1: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

IntroductiontoHumanComputerInteraction

CourseonNPTEL,Spring2018Week1

PonnurangamKumaraguru(“PK”)AssociateProfessor

ACMDistinguished&TEDx SpeakerLinkedin/in/ponguru/

fb/ponnurangam.kumaraguru,@ponguru

Page 2: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

2

Page 3: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

WhoamI?

� AssociateProfessor,IIIT-Delhi� Ph.D.fromSchoolofComputerScience,CarnegieMellonUniversity(CMU)

� Researchinterests-HumanComputer Interaction, Privacy,e-crime,onlinesocialmedia,andusablesecurity

� Co-ordinateandmanagePrecog,precog.iiitd.edu.in� Foundinghead,CERCcerc.iiitd.ac.in� CoursesthatIteach@IIITD

-DesigningHumanCentered Systems- PrivacyandSecurity inOnlineSocialMedia- Researchmethods/Advancedresearchmethods - FoundationsofComputerSecurity

3

Page 4: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

4

Page 5: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

5

Page 6: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

6

Page 7: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

BuildingBetterInterfaces

� https://www.facebook.com/ponnurangam.kumaraguru/media_set?set=a.978806875477959.1073741876.100000459677395&type=3

7

Page 8: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

MyPhilosophy

�Workhard,playhard� Brickwallsarethereforareason.Thebrickwallsarenottheretokeepusout.Thebrickwallsaretheretoshowhowbadlywewantsomething.

Page 9: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

MyPhilosophy

� “Itisourchoices,Harry,thatshowwhatwetrulyare,farmorethanourabilities.”

� ProfessorAlbus PercivalWulfricBrianDumbledore/J.K.Rowling,HarryPotterandtheChamberofSecrets

Page 10: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Whyshouldyoutakethisclass?

�Whyarethingssohardtousethesedays?�Whydoesn’tthisthingIjustboughtwork?�Whyisthiswebsitesohardtouse?�Whyareusersnotlikingmydesign?�Whyismyappnotgettingpopular?

Thesearefrustrationsthatwehaveallfacedfromsystemsnotdesignedwithpeopleinmind.

10

Page 11: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Whyshouldyoutakethisclass?

Thequestionthiscoursewillfocusonis:howcanwedesignhuman-centeredsystemsthatpeoplefindusefulandusable? Thiscourseisanintroductiontodesigning,prototyping,andevaluatinguserinterfaces.IfyoutakeonlyonecourseinHuman-ComputerInteraction,thisisthecourseforyou.

11

Page 12: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

WhyShouldITeachthiscourse?

� Enjoyseeingstudentsgetintroducedtothistopic!

� Tookthesamecourseinmygraduateschool�Oneofmyresearchinterests� RegularlypublishresearchworkatCHI� HavePh.D.studentsandResearchAssociatesworkingwithmeonthistopic

12

Page 13: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Postconditions

� ThisisanINTRODUCTORYcourse!� Understandwhatmakesinterfacesmore/lessusablebyhumans,andthescience/theoriesofusability

� Havetheabilitytodesignusableinterfacesusingestablisheddesignparadigms

� Havetheabilitytobuildusableinterfacesusingestablisheddesignparadigms

� Beabletomethodologically/scientificallyevaluatetheusabilityofagiveninterfaceusingquantitativeandqualitativemethodsandidentifyspecificscopesforimprovement

13

Page 14: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

CoursePhilosophy

�Objectives-IntroducevariousHCItopics-WhirlwindtourofvariousHCItopics

� Learning-Lectures,questions,discussions-Hangoutsessions,#AskMeAnything-Physicalmeet-ups

� Evaluation-HWs (willbedrivenbydoingsomethingwithrealusers)-Exams

14

Page 15: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Grading

�Wewillhaveatleast10HWsand8ofitwillbeusedforevaluation-HWswillincludeinteractingwithrealusers

� Finalexam

15

Page 16: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Onlinediscussion

� Participate

16

Page 17: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

TeachingAssistants!

17

Page 18: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Someincentivesfordoingwellinthecourse

18

Page 19: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Someincentivesfordoingwellinthecourse

19

Page 20: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Testimonial:Dr.EdCutrell

IwanttocongratulatePKonthecompletionofhisCSE501course,"DesigningHuman-CenteredSystems."Theareaofhuman-computerinteraction(HCI)isfastbecomingacriticalareaincomputerscienceeducationandresearchintheworldtoday:SIGCHIisoneofthelargestSIGsintheACM,andtheCHIconference,sponsoredbySIGCHI,routinelyattracts2500attendees(enormouscomparedtomostSIGs).Moreimportantly,familiarity(andexpertise)inHCIhasbecomeveryimportantinindustry.Increasingly,apps,websitesandhardwareareevaluatedfarmoreontheireaseofuseanduserinterface(UI)designthanontheengineeringthatunderliesthem.ExposuretotheideasandmethodologiesofHCIisincrediblyvaluablefornewgraduatesenteringtheworkforce.”

20

Page 21: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Testimonial:Dr.EdCutrell

Unfortunately,CSeducationinIndiahasbeenveryslowtorecognizetheimportanceofHCI-exposuretothetopiccomes(ifatall)fromdesignschoolsordepartments.ThisiswhyIwassopleasedtohearaboutPK's plansforCS501,andwashappytocontributeaguestlecture.TomyknowledgethisisthefirstHCIcourseinIndiaofferedasaCScourse(asopposedtodesign).TheideabehindCSE501istogiveCSstudentsanoverviewofdesign,prototypingandevaluationofinteractiveUI.StudentsatIIIT-Delhiarefortunatetohavethisopportunity-theyareattheforefrontofwhatIhopewillsoonbecommonatthebestCSschoolsinIndia.

21

Page 22: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Testimonial:Prof.AnirudhJoshiNotmanyComputerScienceschoolsinIndiateachHCI,itisgreattoseePKteachthisclass.ItisgoodthatyouaregettingexposedtosuchtopicsfrominstructorlikePK.Thecoursecontentlooksgood.

22

Page 23: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Someannonymousfeedback

� "…activitiesandhw'swereveryniceandhelpedtounderstandtheconcepts.”

� "He[PK]triedtomakecourseinteractiveforustomakeiteffective”

� "Gettingprojectreviewmultipletimesinthesemester.Givingfeedback&suggestions.Goodthing.”

� "He[PK]arrangedsomeguestlecturesalsowhichhelpedalotandgaverealworldexamplestoexplaineverything.”

� "Alotofclassactivities,gavepracticalexperience..andmadelearningeffective- alotofinterestingtalksbyprofessionalsintheareaofdesign....wasfascinatedbysomeoftheirwork….."

23

Page 24: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Topicstocover

�Week1:CourseIntroduction;Designprocessoverview

�Week2:ContextualInquiry;Guestlecture�Week3:Taskanalysis;Sketchingandprototyping

�Week4:Humanfactors&Mentalmodels;Projectpresentation

�Week5:Low-Fidelityprototyping;Guestlecture�Week6:Visualdesign;Usabilityengineering�Week7:Usabilityevaluation:thinkaloud,observingusers,testingandmodelingusers,expertevaluations

24

Page 25: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Topicstocover

� Week8:Informationvisualization;Guestlecture� Week9:HCIandmobility;HCIandsecurity� Week10:Projectpresentations� Week11:Usermodeling,personalization;Guestlecture

� Week12:Interfacemodalities:color,sound,etc.;theroleofgraphicandindustrialdesign;CoolcharacteristicsofagoodHCIdesigner,userexperienceengineer

� Week13:RecenttrendsandhappeningsinHCI;Whirlwindtourofdifferentresearchgroups,academicconferences,andorganizationsinthespaceofHCI

25

Page 26: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Coursematerials

� Allmaterialswillbesharedorpointedoutintheclass/notes

26

Page 27: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Creditsto

� Prof.JasonHong,CMUandhisclass� VariousbooksandonlinematerialsthatIuse-Iwilltrytoputapointertoallthesewhereverappropriate

27

Page 28: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Today’sactivity

� Takeyourlaptop/phone,useyourdefaultemailclient,lookfromausabilitypointofview

�Whatyoushouldsubmitinthemailinglist-Goods&Bads whileusing/looking-Speakwithapersonwhoalsousesthesameclienttogethis/heropinion-Writeyournameandrollnumber

28

Page 29: Introduction to Human Computer Interactionprecog.iiitd.edu.in/hcionnptel/2018/slides/HCIonNPTEL-Spring-2018-L1.pdfIntroduction to Human Computer Interaction Course on NPTEL, Spring

Thankyou

29