



Study with the several resources on Docsity
Earn points by helping other students or get them with a premium plan
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Community
Ask the community for help and clear up your study doubts
Discover the best universities in your country according to Docsity users
Free resources
Download our free guides on studying techniques, anxiety management strategies, and thesis advice from Docsity tutors
Material Type: Notes; Professor: Gwizdka; Class: 547 - HUMAN COMPU INTERACT; Subject: INFORMATION TECHNOLOGY AND INFORMATICS; University: Rutgers University; Term: Unknown 1989;
Typology: Study notes
1 / 6
This page cannot be seen from the preview
Don't miss anything!
http://www.scils.rutgers.edu/~jacekg/teaching/
ITI 230 – HCI – © Jacek Gwizdka (^2)
ITI 230 – HCI – © Jacek Gwizdka 3
ITI 230 – HCI – © Jacek Gwizdka 4
Future Trends End!
Evaluation w. experts
Lo-Fi & Hi-Fi Prototyping
Conceptual Design
Week 8
Info Design
Week 5
Week 10
Week 7 Week 8
User Needs & Requirements
Evaluation w. users
Color Design
Info Architecture
Week 3 Understanding users – Human Cognition
Week 14 & 15
Evaluation w/o people
Week 4 Data Gathering
Week 6
Design
Evaluate
Prototype / Implement
Requirements Weeks 11…
ITI 230 – HCI – © Jacek Gwizdka (^5)
ITI 230 – HCI – © Jacek Gwizdka (^6)
ITI 230 – HCI – © Jacek Gwizdka (^7)
Visible Spectrum Visible Spectrum
ITI 230 – HCI – © Jacek Gwizdka (^8)
Color Dimensions Color Dimensions
ITI 230 – HCI – © Jacek Gwizdka 9
Color Dimensions (cont.) Color Dimensions (cont.)
from http://www2.ncsu.edu/scivis/lessons/colormodels/color_models2.html#saturation. ITI 230 – HCI – © Jacek Gwizdka 10
Color models Color models
ITI 230 – HCI – © Jacek Gwizdka (^11)
Color models (cont.)Color models (cont.)
from http://www2.ncsu.edu/scivis/lessons/colormodels/color_models2.html#saturation. ITI 230 – HCI – © Jacek Gwizdka (^12)
Human Visual SystemHuman Visual System
ITI 230 – HCI – © Jacek Gwizdka (^19)
Color Sensitivity (cont.) Color Sensitivity (cont.)
Blue text on a dark background to be avoided. We have few short- wavelength sensitive cones in the retina and they are not very sensitive. Older users need brighter colors
Blue text on a dark background to be avoided. We have few short- wavelength sensitive cones in the retina and they are not very sensitive. Older users need brighter colors ITI 230 – HCI – © Jacek Gwizdka (^20)
FocusFocus
ITI 230 – HCI – © Jacek Gwizdka 21
Color great for classification Color great for classification
white black red
green yellow
yellow green
blue brown
pink purple orange grey
ITI 230 – HCI – © Jacek Gwizdka 22
Color coding/labelingColor coding/labeling
ITI 230 – HCI – © Jacek Gwizdka (^23)
Color coding/labeling (cont.) Color coding/labeling (cont.)
The same rules apply to color coding text and other similar information. Small areas can have high saturation colors
Large areas should be coded with low saturation colors
Avoid high saturation colors for large areas
ITI 230 – HCI – © Jacek Gwizdka (^24)
Color guidelinesColor guidelines
ITI 230 – HCI – © Jacek Gwizdka (^25)
Color guidelines (cont.)Color guidelines (cont.)
ITI 230 – HCI – © Jacek Gwizdka (^26)
Color guidelines (cont.) Color guidelines (cont.)
ITI 230 – HCI – © Jacek Gwizdka 27
Color guidelines (cont.)Color guidelines (cont.)
ITI 230 – HCI – © Jacek Gwizdka 28
Differences in ColorDifferences in Color Perception & InterpretationPerception & Interpretation
ITI 230 – HCI – © Jacek Gwizdka (^29)
Color blindness Color blindness
ITI 230 – HCI – © Jacek Gwizdka (^30)
Cultural Differences Cultural Differences
Green % Red % Yellow % Safe 62.2 Hot 31.1 Caution 44. Go 44.7 Danger 64. On 22.3 Stop 48. Americans Safe 61.4 Hot 94.5 Caution 81. Go 99.2 Danger 89. Stop 100
Chinese