1. COMP3050 Human Computer Interface - By Dr. Amy Zhang

2. A public service announcement  Please take front seats, so that  I can see you  Students that sit up front learn more  Note-taking can be valuable 2

3. Introduction  What is Human Computer Interface?  Examples  Why HCI  HCI design process  Administrative Matters 3

4. What is Human Computer Interface? 4

5. Technology trends  Moore’s law  Human-computer interaction was born out of these two lines crossing.  When computing time is expensive, people supplicate themselves to the machine.  When computing is cheap, we put machine work for us. Unaided human abilities Processing 5

6. Example: Mobile interaction design 6

7.  Culture context: to find the Holy Land for the Islam in Malaysia. 7

8. Mobile interaction design  Many Design Choices  Think different from GUI/Web  Specific vs. general usage  Pen/speech modalities  Integrate with other tasks  Social apps  Always in your pocket 8

9. The process for design (simplified)  Observe  Storyboard  Prototype: paper, video, etc.  User testing: questionnaires etc.  Design reviews  (Iteration) 9

10. Observe  To get design ideas, you can start out by doing fieldwork, for example, in  Exercising  Getting healthy food at the grocery store  Singing practice  The science lab  Tour guides, etc 10

11. Observe 11

12. Storyboard / Paper Prototype 12

13. Video prototype  Starfire : 1992 http://www.asktog.com/starfire/index.html 13

14. User testing  Questionnaires  Reviews 14

15. Course Values  Designs are for people.  Quality is about fit to a task  not arbitrary, but it is contextual.  People’s ability to use a design is the ultimate test of its quality  The best way to create good designs is:  Observe people and find an actual problem worth solving  Rapidly and iteratively create many prototypes  Create multiple prototypes in parallel to explore alternatives  Seek feedback from peers and users 15

16. LECTURES  Methods  Discovery, human-centered design, mobile, prototyping, design reviews  Principles  Direct manipulation, representations, input Graphic Design, Information Design  Evaluation  Tools and the future 16

17. Introduction  What is Human Computer Interface?  Examples  Why HCI  HCI design process  Administrative Matters 17

18. Administrative Matters  Lecturer: Dr. Amy Zhang  amyzhang@uic.edu.hk amyzhang@uic.edu.hk  E408-R6  Office hour: Tue 11:00am-12:00pm  TA: Mr. Mark Weidong Chen  markchenwd@gmail.com markchenwd@gmail.com  E408  Course website:  www.uic.edu.hk/~amyzhang/COMP3050 www.uic.edu.hk/~amyzhang/COMP3050  Lectures:  Monday 10:00-11:50 am E302  Tuesday 16:00-16:50 pm C304  No textbook, but a reference book:  http://www.hcibook.com/e3/ http://www.hcibook.com/e3/ 18

19. Grading  The final grade depends on:  Continuous assessment: 50%  Random quiz and tests: 20%  Assignment average: 30%  Final exam: 50%  You have to pass both the continuous assessment and the final exam. 19

20. Assignment  Individual assignments  Programming or written  1 student independently  Submit via email or written paper  The deadline is non-negotiable  Projects  3-4 students  Studio & self-assement 10/4/201520

21. Academic Honesty  You must identify works that are not your own  Mention original author(s)  Do not collaborate with other students  Except by permission for the project 10/4/201521