Human-Computer Interaction...22/38 Textbook: Preece, Rogers, Sharp (2007): Interaction Design: beyond human-computer interaction Related benefits: Access to companion website containing

HumanHuman--ComputerComputer InteractionInteraction

IntroIntro part I (of II)part I (of II)

PracticalPractical issuesissues

22/38/38

AimsAims of the HCI of the HCI coursecourse

1.1. The The aimaim is to is to aquireaquire basicbasic knowledgeknowledge, , theoriestheories, , and research and research methodsmethods in HCIin HCI

2.2. You You willwill learnlearn severalseveral methodsmethods forfori) i) the designthe design and ii) and ii) the the evaluationevaluation of of UIsUIs

3.3. As you As you knowknow thesethese methodsmethods, you , you shouldshould be be ableable to to useuse themthem in in practicalpractical UI designUI design

33/38/38

HowHow to to reachreach thesethese aimsaims??

---- The HCI The HCI coursecourse is is taughttaught by by oneone mainmain teacherteacher and and severalseveral guestguestlecturerslecturers and and coursecourse assistantsassistants

---- The HCI The HCI coursecourse employsemploys severalseveral educationaleducational modes:modes:•• LecturesLectures•• GuestGuest lectureslectures•• ExercisesExercises•• [MSc. and PhD[MSc. and PhD--level only: Assignment]level only: Assignment]•• Self Self studystudy

---- Course participants feedback their opinion at any time!Course participants feedback their opinion at any time!

44/38/38

For For goodgood feedback:feedback:student representativesstudent representatives

•• Student representatives:Student representatives:TwoTwo from Chalmers and from Chalmers and oneone from GUfrom GU

•• VolunteersVolunteers: : PleasePlease come up in the breakcome up in the break•• 3 3 MeetingsMeetings: : beginningbeginning, , duringduring, after , after coursecourse•• AnyAny opinion and opinion and coursecourse feedback feedback shouldshould be be

adressedadressed to the student representativesto the student representatives

55/38/38

PeoplePeople•• Main Main teacherteacher

MortenMorten Fjeld (MF), Fjeld (MF), AssociateAssociate Professor, ChalmersProfessor, ChalmersMoreMore on on www.fjeld.chwww.fjeld.ch and and www.t2i.sewww.t2i.se

•• Course AssistantsCourse Assistants

Anders Fougstedt (AF), Chalmers, MScAnders Fougstedt (AF), Chalmers, MSc

Fredrik Gustafsson (FG), Chalmers, MSc studentFredrik Gustafsson (FG), Chalmers, MSc student

Hannes Heller (HH), Chalmers, Computer Science. MSc studentHannes Heller (HH), Chalmers, Computer Science. MSc student

Zlatko Franjcic (ZF), Chalmers, MSc Zlatko Franjcic (ZF), Chalmers, MSc

Jonas Sunryd (JS), Chalmers & Monator, MScJonas Sunryd (JS), Chalmers & Monator, MSc

http://www.fjeld.ch/http://www.t2i.se/

66/38/38

PeoplePeople

•• Guest lecturererGuest lecturerer

Johanna Altenstedt (JA), TibcoJohanna Altenstedt (JA), Tibco--SpotfireSpotfire

Wolmet Barendregt (WM), PhD, IT UniversityWolmet Barendregt (WM), PhD, IT University

•• External Lecturers and AssistantsExternal Lecturers and Assistants

JonasJonas SunrydSunryd (JS), (JS), Monator, MScMonator, MSc

ErikErik Andersson (EA), Andersson (EA), Monator, MScMonator, MSc

77/38/38

LecturesLectures ((fföörelesningarrelesningar))•• New PowerPointsNew PowerPoints ((PPTsPPTs) on ) on webweb dayday after after lecturelecture•• Teaching material: Lectures, Teaching material: Lectures, PPTsPPTs, text book, and , text book, and

other resourcesother resources•• We may use multimedia tools for teaching.We may use multimedia tools for teaching.

Hence, Hence, PPTsPPTs will not cover everything we teachwill not cover everything we teach•• Examination will be based on the content of Examination will be based on the content of

teaching and exercises, not only on textbookteaching and exercises, not only on textbook•• Therefore, it is important to attend lecturesTherefore, it is important to attend lectures

88/38/38

Lectures of the HCI CourseLectures of the HCI CourseOrder may change, look at web siteOrder may change, look at web site## DateDate WhoWho Textbook, Ch.Textbook, Ch. Lecture Headline [links to Notes]Lecture Headline [links to Notes]

1 Jan 21 MF TBD Course Introduction; Exercise Groups are formed

2 Jan 24 MF TBD Human CognitionEvaluation Techniques

3 Jan 28 MF TBD Interaction; Assignment orientation (I)

4 Jan 31 MF TBD Task Analysis, Interaction Design Basics Assignment orientation (II)

5 Feb 4 MF TBD Cognitive Models

6 Feb 7 MF TBD HCI and Software Engineering

7 Feb 11 MF TBD Multimodal Interaction and Universal Design

8 Feb 14 JA TBD Guest lecture 1: TIBCO-Spotfire on information visualization

9 Feb 18 MF TBD Ubiquitous Computing, VR, and AR

10 Feb 21 MF TBD Design Knowledge

11 Feb 25 MF TBD Collaboration and Groupware

12 Feb 28 MF TBD Test Details

13 March 3 EA, JS TBT Guest Lecture 2: Monator on next generation web applications based on AJAX (Asynchronous JavaScript and XML)

14 March 6 MF TBD "Tentaprep"

99/38/38

Guest Lectures of the HCI CourseGuest Lectures of the HCI CourseOrder may change, look at web siteOrder may change, look at web site## DateDate WhoWho Textbook, Ch.Textbook, Ch. Lecture Headline [links to Notes]Lecture Headline [links to Notes]













13 March 3 EA, JS TBD Guest Lecture 2: Monator on next generation web applications based on AJAX (Asynchronous JavaScript and XML)


1010/38/38

GuestGuest LectureLecture 1, 1, TIBCOTIBCO--SpotfireSpotfire

Johanna Johanna AltenstedtAltenstedt (JA)(JA)http://spotfire.tibco.com/http://spotfire.tibco.com/

http://spotfire.tibco.com/

1111/38/38

GuestGuest LectureLecture 2, 2, MonatorMonatorNext generation web applications based on AJAX(Asynchronous JavaScript and XML)

Jonas Jonas SunrydSunryd (JS) and Erik Andersson (EA)(JS) and Erik Andersson (EA)http://www.chalmers.se/HyperText/ChalmersMagasin/nr3_2005/interahttp://www.chalmers.se/HyperText/ChalmersMagasin/nr3_2005/interaktion.pdfktion.pdf, , pppp. 14. 14--15 15 http://http://www.monator.comwww.monator.com//

http://www.chalmers.se/HyperText/ChalmersMagasin/nr3_2005/interaktion.pdfhttp://www.monator.com/

1212/38/38

OtherOther practicalpractical issuesissues## DateDate WhoWho Textbook, Ch.Textbook, Ch. Lecture Headline [links to Notes]Lecture Headline [links to Notes]













13 March 3 EA, JS TBD Guest Lecture 2: Monator on next generation web applications based on AJAX (Asynchronous JavaScript and XML)


1313/38/38

ExercisesExercises ((öövningar)vningar)•• One One exerciseexercise per per weekweek, , 6 6 exercisesexercises in in totaltotal

•• Tasks Tasks willwill be given in the start of be given in the start of eacheach exercisesexercises sessionsession

•• All ExercisesAll Exercises are are compulsorycompulsory, , they arethey are part of the part of the examinationexamination

•• 1 page 1 page individualindividual reportreport isis requiredrequired

•• Report template is offered on course web siteReport template is offered on course web site

•• You choose one of the sessions: A, B, C, or DYou choose one of the sessions: A, B, C, or D

•• One of the sessions is only for One of the sessions is only for MScMSc and PhDand PhD

1414/38/38

ExercisesExercises ((öövningar)vningar)

•• MondaysMondaysSession A: 15Session A: 15--18, ES6318, ES63

•• WednesdaysWednesdaysSession B: 09Session B: 09--12, ES6112, ES61Session C: 13Session C: 13--16, ES6116, ES61

•• FridaysFridaysSession D: 09Session D: 09--12, ES6112, ES61

1515/38/38

ExercisesExercises ((öövningar)vningar)

# Date Who Exercise Headline [links to Exercise Text]

1 21st - 25th Jan AF, JS Ex. 1: Paper prototyping of a PDA navigation system 2 28thJan - 1st Feb FG, ZH Ex. 2: Evaluation of an interactive system

3 4th - 8th Feb ZF, FG Ex. 3: Fitt’s Law

11th – 15th Feb AF, FG, ZF Pick-up-heat (for Ex. 1, 2, and 3); Session A and D4 18th – 22nd Feb FG, HH Ex. 4: Taks analysis for interface (re-) design

5 25th – 29th Feb HH, JA Ex. 5: With Tibco-Spotfire on information visualization

6 3rd – 7th March EA, JSEx. 6: With Monator on Customer Relation

Management (CRM) systems and Web technologies

NB: CHARM, 13th NB: CHARM, 13th FebrFebr.: No exercises.: No exercises

1616/38/38

AssignmentAssignment ((MScMSc-- or PhDor PhD--level)level)

•• JoinJoin intointo groupsgroups of 3 personsof 3 persons(no (no moremore/less)/less)

•• AssignmentAssignment task: Design of new system OR task: Design of new system OR evaluationevaluation of of existingexisting (alternative) systems(alternative) systems

•• You You choosechoose the taskthe task•• EachEach group group writeswrites oneone paperpaper, 6 pages, 6 pages

(no (no moremore/less)/less)•• GuidelinesGuidelines and and templatestemplates at the at the webweb sitesite

1717/38/38

Examination Examination rulesrules

•• All 6All 6 exercisesexercises must be must be acceptedaccepted

•• The The coursecourse cancan givegive a maximum of a maximum of 6060pointspoints..TheseThese are the are the levelslevels for different for different scoresscores::

3.0, G: 3.0, G: 33334.0: 4.0: 4242 pointspoints5.0, VG: 5.0, VG: 5151 pointspoints

1818/38/38

WrittenWritten test (test (tentamententamen))

•• 11th11th MarchMarch 2008,2008, morning, morning, V VV V--HusetHuset•• Given in EnglishGiven in English•• Can be Can be answeredanswered in English, Swedish or in English, Swedish or

bothboth ((otherother languageslanguages at at requestrequest))•• Old examinations on the Old examinations on the coursecourse webweb sitesite•• TentegranskingTentegransking: to be : to be defineddefined

1919/38/38

TextbookTextbook, , languagelanguage

•• Read the Read the respectiverespective chapterschapters in the in the bookbookbeforebefore attendingattending the the coursecourse

•• ActiveActive exercisesexercises participationparticipation is is expectedexpected•• The The wholewhole coursecourse is given in English, is given in English,

includingincluding lectureslectures, , assignmentassignment, and , and writtenwritten testtest

•• All All writtenwritten workwork must be in Englishmust be in English

2020/38/38

Course Course webweb--pagepage

•• URL: URL: www.cs.chalmers.se/Cs/Education/Courses/mdi/2008/www.cs.chalmers.se/Cs/Education/Courses/mdi/2008/

•• Check it Check it onceonce a a weekweek•• Check the Check the websitewebsite beforebefore sendingsending questionquestion•• QuestionsQuestions willwill be be answeredanswered duringduring lectureslectures

or or individuallyindividually (per (per EE--mailmail):):hcihci--08[@]cs.chalmers.se08[@]cs.chalmers.se

http://www.cs.chalmers.se/Cs/Education/Courses/mdi/2008/mailto:hci-05@]cs.chalmers.se

2121/38/38

Course Course facebook pagefacebook page

•• URL: URL: http://www.facebook.com/group.php?gid=22891445561http://www.facebook.com/group.php?gid=22891445561

•• For students and course assistantsFor students and course assistants

•• (Teacher will not be involved) (Teacher will not be involved)

http://www.facebook.com/group.php?gid=22891445561

2222/38/38

Textbook: Preece, Rogers, Sharp (2007):

Interaction Design: beyond human-computer interaction

Related benefits:

Access to companion website containing a broad range of material, links to additional sites and much more

Covers the latest topics and gives details of HCI in practice so you can understand the real world applications of the theory

Extensive coverage of social and contextual models and theories with numerous worked examples

Buy at Cremona (or from LP1 2007 students)

2323/38/38

Human-computer Interaction WebsiteIncludes additional learning resources such as design projects and exercises:

URL: www.id-book.com

Provides supplementary material including case studies and useful links

HumanHuman--ComputerComputer InteractionInteraction

IntroIntro part II (of II)part II (of II)

WhatWhat isisHumanHuman--ComputerComputer Interaction (HCI)?Interaction (HCI)?

2525/38/38

User Interfaces (UIs)User Interfaces (UIs)

User Interfaces (UIs) are the part of User Interfaces (UIs) are the part of application that allows usersapplication that allows users–– to interact with computerto interact with computer–– to carry out their taskto carry out their task

HumanHuman--Computer Interaction (HCI) consists Computer Interaction (HCI) consists of design, prototyping, evaluation, and of design, prototyping, evaluation, and realization of User Interfaces (UIs)realization of User Interfaces (UIs)

2626/38/38

Richer interactionRicher interactionUser Interfaces (UIs)User Interfaces (UIs)

2727/38/38

User Interfaces (UIs)User Interfaces (UIs)

As far as the customer is concerned, the user interface is the product

-Jef Raskin

2828/38/38

HCI HCI –– ItsIts’’ major componentsmajor components

Technology

Organizational &Social Issues

Humans

Task

2929/38/38

Technical disciplines• Linguistic sciences• Signal process• Information theory• Computer modeling• Softerware engineering• Microchip design

Human sciences• Cognitive science• Psychophysiology• Ergonomics• Social science

Interaction Design• Graphic design• Product design• Artist design• Industrial design• Film industry

HCI

HCI is HCI is multidisciplinarymultidisciplinary

3030/38/38

New and Alternative UIsNew and Alternative UIs Example: The cubic mouseExample: The cubic mouse

http://www.vrgeo.org/index.php?id=59

http://www.vrgeo.org/index.php?id=59

3131/38/38

Multimodal UIs,Multimodal UIs,e.g. facial trackinge.g. facial tracking

VActor VActor system (1993)(1993)

3232/38/38

Simulators and CavesSimulators and Caves

Jens Grimsgaard, Norsk Hydro, Bergen, Norway

3333/38/38

Virtual reality (VR)Virtual reality (VR) and 3D Displaysand 3D Displays

Jens Grimsgaard, Norsk Hydro, Bergen, Norway

3434/38/38

The The goalgoal of HCIof HCI

To design To design productsproducts/interfaces that are:/interfaces that are:

UsefulUseful : : accomplishaccomplish whatwhat is is requiredrequired

UsableUsable : : dodo it it easilyeasily and with and with lowlow risk of risk of errorerror

BeingBeing usedused : make : make peoplepeople wantwant to to useuse themthem, , theythey are are attractiveattractive, , engagingengaging, and , and funfun to to useuse

3535/38/38

PrejusticesPrejustices aboutabout HCI HCI ……whichwhich wewe wantwant you to you to overcomeovercome•• PrejPrej. 1: HCI is a . 1: HCI is a fuzzyfuzzy subjectsubject? (? (seemsseems, , butbut not)not)

•• PrejPrej. 2: HCI is easy to . 2: HCI is easy to learnlearn? (? (seemsseems, , butbut not)not)

•• PrejPrej. 3: HCI is . 3: HCI is basedbased on on peoplepeople’’ss feeling and feeling and experienceexperience? (your ? (your experienceexperience, or , or whatwhat you you thoughtthoughtof of commoncommon sensesense maymay turnturn outout not to be not to be truetrue))

To To overcomeovercome PrejPrej. 1. 1--33 meansmeans::To To understandunderstand UIsUIs basedbased on on theoriestheories and on and on scientificscientific factsfacts, not , not onlyonly by by commoncommon sensesense

3636/38/38

HowHow to to learnlearn and and howhow to to putput intointopracticepractice whatwhat you you willwill learnlearn•• HowHow to to learnlearn HCIHCI

–– UnderstandyUnderstandy theoriestheories–– PutPut thesethese theoriestheories intointo practicepractice: design and : design and evaluationevaluation

•• HowHow and and wherewhere to to putput intointo practicepractice–– UsefulUseful for your later studies and for your later studies and workwork in in industryindustry–– AlsoAlso usefuluseful for your for your dailydaily lifelife

3737/38/38

AimsAims of the HCI of the HCI coursecourse

1.1. The The aimaim is to is to aquireaquire basicbasic knowledgeknowledge, , theoriestheories, , and research and research methodsmethods in HCIin HCI

2.2. You You willwill learnlearn severalseveral methodsmethods forfori) i) the designthe design and ii) and ii) the the evaluationevaluation of of UIsUIs

3.3. As you As you knowknow thesethese methodsmethods, you , you shouldshould be be ableable to to useuse themthem in in practicalpractical UI designUI design

3838/38/38

Some background linksSome background links

www.chalmers.sewww.chalmers.sewww.cse.chalmers.sewww.cse.chalmers.sewww.cs.chalmers.se/idcwww.cs.chalmers.se/idcwww.fjeld.chwww.fjeld.chwww.t2i.sewww.t2i.se

http://www.chalmers.se/http://www.cse.chalmers.se/http://www.cs.chalmers.se/idchttp://www.fjeld.ch/http://www.t2i.se/

Human-Computer InteractionAims of the HCI courseHow to reach these aims?For good feedback:�student representativesPeoplePeopleLectures (förelesningar)Lectures of the HCI Course�Order may change, look at web siteGuest Lectures of the HCI Course�Order may change, look at web siteGuest Lecture 1, TIBCO-SpotfireGuest Lecture 2, Monator�Next generation web applications based on AJAX�(Asynchronous JavaScript and XML)Other practical issuesExercises (övningar)Exercises (övningar)Exercises (övningar)Assignment (MSc- or PhD-level)Examination rulesWritten test (tentamen)Textbook, languageCourse web-pageCourse facebook pageHuman-Computer InteractionUser Interfaces (UIs)Richer interactionUser Interfaces (UIs)HCI – Its’ major componentsNew and Alternative UIsMultimodal UIs,�e.g. facial trackingSimulators and CavesVirtual reality (VR) and 3D DisplaysThe goal of HCIPrejustices about HCI …�which we want you to overcomeHow to learn and how to put into practice what you will learnAims of the HCI courseSome background links

/ColorImageDict > /JPEG2000ColorACSImageDict > /JPEG2000ColorImageDict > /AntiAliasGrayImages false /CropGrayImages true /GrayImageMinResolution 300 /GrayImageMinResolutionPolicy /OK /DownsampleGrayImages true /GrayImageDownsampleType /Bicubic /GrayImageResolution 300 /GrayImageDepth -1 /GrayImageMinDownsampleDepth 2 /GrayImageDownsampleThreshold 1.50000 /EncodeGrayImages true /GrayImageFilter /DCTEncode /AutoFilterGrayImages true /GrayImageAutoFilterStrategy /JPEG /GrayACSImageDict > /GrayImageDict > /JPEG2000GrayACSImageDict > /JPEG2000GrayImageDict > /AntiAliasMonoImages false /CropMonoImages true /MonoImageMinResolution 1200 /MonoImageMinResolutionPolicy /OK /DownsampleMonoImages true /MonoImageDownsampleType /Bicubic /MonoImageResolution 1200 /MonoImageDepth -1 /MonoImageDownsampleThreshold 1.50000 /EncodeMonoImages true /MonoImageFilter /CCITTFaxEncode /MonoImageDict > /AllowPSXObjects false /CheckCompliance [ /None ] /PDFX1aCheck false /PDFX3Check false /PDFXCompliantPDFOnly false /PDFXNoTrimBoxError true /PDFXTrimBoxToMediaBoxOffset [ 0.00000 0.00000 0.00000 0.00000 ] /PDFXSetBleedBoxToMediaBox true /PDFXBleedBoxToTrimBoxOffset [ 0.00000 0.00000 0.00000 0.00000 ] /PDFXOutputIntentProfile () /PDFXOutputConditionIdentifier () /PDFXOutputCondition () /PDFXRegistryName () /PDFXTrapped /False

/Description > /Namespace [ (Adobe) (Common) (1.0) ] /OtherNamespaces [ > /FormElements false /GenerateStructure true /IncludeBookmarks false /IncludeHyperlinks false /IncludeInteractive false /IncludeLayers false /IncludeProfiles true /MultimediaHandling /UseObjectSettings /Namespace [ (Adobe) (CreativeSuite) (2.0) ] /PDFXOutputIntentProfileSelector /NA /PreserveEditing true /UntaggedCMYKHandling /LeaveUntagged /UntaggedRGBHandling /LeaveUntagged /UseDocumentBleed false >> ]>> setdistillerparams> setpagedevice

Documents

Human-Computer Interaction...22/38 Textbook: Preece, Rogers, Sharp (2007): Interaction Design: beyond human-computer interaction Related benefits: Access to companion website containing