comp3050 human computer interface
DESCRIPTION
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. Introduction. What is Human Computer Interface? Examples Why HCI HCI design process - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/1.jpg)
COMP3050 Human Computer Interface
- By Dr. Amy Zhang
![Page 2: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/2.jpg)
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
![Page 3: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/3.jpg)
Introduction
What is Human Computer Interface? Examples Why HCI HCI design process
Administrative Matters
3
![Page 4: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/4.jpg)
What is Human Computer Interface?
4
![Page 5: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/5.jpg)
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
![Page 6: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/6.jpg)
Example: Mobile interaction design
6
![Page 7: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/7.jpg)
Culture context: to find the Holy Land for the Islam in Malaysia.
7
![Page 8: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/8.jpg)
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
![Page 9: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/9.jpg)
The process for design (simplified)
Observe Storyboard Prototype: paper, video, etc. User testing: questionnaires etc. Design reviews (Iteration)
9
![Page 10: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/10.jpg)
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
![Page 11: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/11.jpg)
Observe
11
![Page 12: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/12.jpg)
Storyboard / Paper Prototype
12
![Page 13: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/13.jpg)
Video prototype
Starfire: 1992 http://www.asktog.com/starfire/index.html
13
![Page 14: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/14.jpg)
User testing
Questionnaires Reviews
14
![Page 15: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/15.jpg)
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
![Page 16: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/16.jpg)
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
![Page 17: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/17.jpg)
Introduction
What is Human Computer Interface? Examples Why HCI HCI design process
Administrative Matters
17
![Page 18: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/18.jpg)
Administrative Matters
Lecturer: Dr. Amy Zhang [email protected] E408-R6 Office hour: Tue 11:00am-12:00pm
TA: Mr. Mark Weidong Chen [email protected] 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
![Page 19: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/19.jpg)
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
![Page 20: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/20.jpg)
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
![Page 21: COMP3050 Human Computer Interface](https://reader036.vdocuments.net/reader036/viewer/2022062301/56813e18550346895da7fb91/html5/thumbnails/21.jpg)
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