1 While you are looking at the picture, check out: - PowerPoint Presentation

1. 1While you are looking at the picture, check out:http://hcitang.github.io/481Sign up on slack: http://cpsc481-ucalgary.slack.com

2. Course IntroductionCPSC 481: HCI I2

3. Foundations of Human-Computer InteractionFoundations of Human-X InteractionFoundations of Design for Human-X Interaction3

4. 4

5. 5

6. Bad Design is Everywhere6

7. Bad Design Affects UsMoneyA $200 withdrawal turns into $20000Bad font choice  “,” looks like “.”Lives: Therac-25 Radiation MachineMassive doses of radiation led to several deathsCause: backing out and changing settings within 8s would not put the shield in place7

8. 8

9. 9

10. 10

11. Anticipated snarky response: “But, I wouldn’t make those mistakes!”Maybe, but you’re not the only one working on most projects. Your team might still make that mistake.Here’s the problem: You are typically not the user. You have your own biases and blind spots.11

12. What this course is about…Understanding why bad design is so prevalentLearning and practicing methods for “good” designHands-on experience with multiple design methods: involving users, prototyping, testing12

13. SummaryDesign is everywhereGood design is hardPoorly designed things have big consequencesGood design practices can helpYou’re going to be a good designer13

14. Introduction: MeInstructor: Anthony TangCall me Dr Tang, Professor Tang, Tony(not “Hey”)Assistant Professor in the CS DepartmentPh.D. in Electrical and Computer Engineering from UBCResearch in Human-Computer InteractionCollaborative computing, personal informaticsPersonal interests: Volleyball, Food, Video Games14

15. Introduction: Your TAsTerrance MokMSc studentKurtis DanylukMSc student15» I made an award-winning video game» I have a black belt in judo

16. SyllabusBasic informationExpectationsAssessmentAssignmentsProjectLabsOffice hours/contact information16

17. Basic Course InformationWebsitehttp://hcitang.github.io/481» password: hello481 (no spaces)Communicationshttp://cpsc481-ucalgary.slack.com» used for communicating with instructors and your teamsReadings, Podcasts, and SlidesPosted online at the main website17

18. Flippin’ the ClassroomPodcasts and slide materials are your homework» If the podcast or slides are not clear, then bring this up as a question» If you are uncertain about some concept, then bring this up as a questionClass time for your questions and activities. If there are no questions, we’ll end early.18

19. What do you expect of me?19

20. What You Can Expect of MeI will be here on timeYour assignments will be graded in a timely mannerTypically within 1-2 weeksSlack questions will be responded to in a timely mannerTypically within 1-2 daysIf I don't know the answer to your question, I will find outI will treat you as professional colleaguesYou will have several chances to evaluate the course

21. Feedback MechanismThree volunteers: act as liaisons between you (students) and meBrief (weekly) meetings post-class on WednesdaysHave I blown it on something?Am I going to fast?Am I going to slowly?21

22. What I expect of youCome to class prepared – read carefully prior to class meetingsBe an active listener – be attentive, be engaged, use in-class technology with discretionTreat all with respect – be constructive in all discussionsTutorial materials are set up for you—I expect your best efforts on all componentsBe here on timeTurn in everything on time22

23. Assessment23ComponentWorthClass Participation10%Assignments10%Project35%Mid-term15%Final30%

24. Participation – 10%Ask challenging questionsComment, build on, or clarify others' contributionsPost useful or interesting information to the class discussion boardVisit me during office hours to chat, to ask questions, or to give feedback.ParticipationTutorial participationOnline survey participation

25. Assignments – 10%25AssignmentWorthA0: Slack post-%A1: Thinking about design4%A2: User-centered design4%Teammate feedback2%BONUS: 2%Regularly posting #gooddesign and #baddesign to the Slack channel. (once a week through the term)

26. Team Project – 35%Opportunity for you to engage in hands-on design with a real projectGroups of four (3) people. Your TA will facilitate group construction based on your background knowledge/skills.26

27. Team Project – 35%Project ideas:Curated maps and routes (e.g. Spotify for walking or biking)Garden guide (e.g. planning, managing and tracking a garden)Back-end system for an animal shelter (for employees to manage animals)Back-end of restaurant menu ordering system (e.g. employee interface for adding inventory)Catalog store shopping assistantRecreation Centre appSki hill applicationMobile field guide for a park (e.g. for mushrooms, flowers, etc.)Driving data appPeriod tracking appFarmer market vendor appSomething of your choosing (note that this choice needs to be cleared by your TA by the time P0 is due)27

28. Team Project – 35%Grading principle: BLOW MY SOCKS OFF.28Project ComponentWorthP0: Team contracts1P1: User Research7P2: Ideation & Lo fi prototypes10P3: Hi-fi prototypes and heuristic evaluation15P4: Final report and presentation7

29. LabsParticipation in these labs comprises part of your gradeHands-on with specific skills and activitiesDesign activitiesAndroid appsPresentations29

30. Office Hours/Contact InformationOffice hours: MW after class (11am) or by appointmentQuestions: Use Slack http://cpsc481-ucalgary.slack.comDo not email me or your TAs directly.30

31. Handing In AssignmentsAssignments are due at the beginning of lecture on the day specifiedYou have a 10 minute grace period from the start of classAfter that, I will not accept assignments31

32. Policies – See SyllabusAcademic integrityGradingExtensionsLate assignmentsAccommodationQuality of written assignmentsAttendance

33. Questions, comments, queries?…33

34. Coming up…Wednesday:Podcast is already posted! Go for it!Sign up for slack and introduce yourself in #profilesFor first tutorial:- Complete the first (individual) section of the team contracts handout34

35. 35

36. 36