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: 1992 http://www.asktog.com/starfire/index.html

13

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 amyzhang@uic.edu.hk E408-R6 Office hour: Tue 11:00am-12:00pm

TA: Mr. Mark Weidong Chen markchenwd@gmail.com E408

Course website: 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/

18

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.

1919

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-assement04/20/23 2020

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

04/20/23 2121