COMP3050 Human Computer Interface - By Dr. Amy Zhang

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

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

What is Human Computer Interface? 4

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

Example: Mobile interaction design 6

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

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

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

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

Observe 11

Storyboard / Paper Prototype 12

Video prototype  Starfire :

User testing  Questionnaires  Reviews 14

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

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

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

Administrative Matters  Lecturer: Dr. Amy Zhang   E408-R6  Office hour: Tue 11:00am-12:00pm  TA: Mr. Mark Weidong Chen   E408  Course website:   Lectures:  Monday 10:00-11:50 am E302  Tuesday 16:00-16:50 pm C304  No textbook, but a reference book: 

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

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

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