cognitive and physiological design drivers judy kay chai: computer human adapted interaction...
Post on 15-Jan-2016
218 views
TRANSCRIPT
![Page 1: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/1.jpg)
Cognitive and physiological design drivers
Judy Kay
CHAI: Computer human adapted interaction research group
School of Information Technologies
![Page 2: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/2.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Overview
• Thinking about people
• Cognitive constraints
• Physical constraints
• Physiological constraints
![Page 3: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/3.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Postconditions for this week
• Identify human constraints that are important for design and evaluation of pervasive systems– Cognitive
– Physical
– Physiological
• For a particular design for a pervasive interface, explain how these may be important
• Explain how to refine a proposed to design to take account of these factors
• Identify such issues particular to pervasive computing
![Page 4: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/4.jpg)
Stroop effect
http://faculty.washington.edu/chudler/java/ready.html
![Page 5: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/5.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Stroop Effect
From http://faculty.washington.edu/chudler/words.html
![Page 6: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/6.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Coding
• Means distinguishing different parts of an interface• Includes
– Font changes such as these
– Font withwith style and sizesize– Use of colour such as here and here – seriously
– Special symbols, shapes
– Sound
– Movement
• All are about ...
![Page 7: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/7.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Coding
• Means distinguishing different parts of an interface• Includes
– Font changes such as these
– Font withwith style and sizesize– Use of colour such as here and here – seriously
– Special symbols, shapes
– Sound
– Movement
• All are about ... gaining attention
![Page 8: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/8.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Colour can be poorly used• Means distinguishing different parts of an interface• Includes
– Font changes such as these
– Font withwith style and sizesize– Use of colour such as here and here – seriously
– Special symbols, shapes
– Sound
– Movement
• All are about ... gaining attention
![Page 9: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/9.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Colour
• Properties– Hue – wavelength (red .. violet)
– Saturation, chroma (purity, mix of wavelengths)• High saturation very pure
• Low saturation, greyish
– Brightness, intensity, value • very low intensity becomes black
![Page 10: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/10.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Physiology and colour
• Rods and cones• Fovea – detailed vision (eg text)• Only cones sensitive to colour
– 64% respond to red
– 32% to green
– 2% to blue (none in fovea!)
• Opposing colours at the neuron level– Red-green, yellow-blue
![Page 11: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/11.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
• Visual acuity reduced for violet end of spectrum• Insensitivity to blue increases with age• Blue seems harder to read, especially on some
backgrounds• With normal light, we see mid-spectrum colours
vesr (ie green, yellow)• Colour blindness
– 8% men, 0.4% women
– Use additional redundant cue eg colour + box + brightness difference and this improves broad performance
![Page 12: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/12.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
• Reds appear closer than blues• Warm colours appear larger than cool colours
– eg red larger than blue
• Blooming effect– Light colours on dark backgrounds appear larger
• Colours distant on spectrum require refocusing• After images and shadows can follow
– Opposing colours
– Highly saturated colours
• Illumination matters too - pervasive?
![Page 13: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/13.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Light text on a dark background
Dark text on a light background
![Page 14: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/14.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Red text on a dark background
Red text on a light background
![Page 15: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/15.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Red text seems to focus differently
![Page 16: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/16.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Red text seems to focus differentlyRed text seems to focus differently
Red text seems to focus differently
Red text seems to focus differently
Red text seems to focus differently
Red text seems to focus differently
Red text seems to focus differently
Red text seems to focus differently
Red text seems to focus differently
Red text seems to focus differently
![Page 17: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/17.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
![Page 18: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/18.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
![Page 19: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/19.jpg)
So many ways to make mistakes...
![Page 20: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/20.jpg)
Guidelines
eg http://colorusage.arc.nasa.gov/guidelines.php
![Page 21: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/21.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Examples:
• Pure blue shall not be used on a dark background for text, thin lines, or high resolution information. [Source: DOE-HFAC 1, 1992] FAA Human Factors Design Standard, p 8-58
• 8.6.2.2.7 Blue. Blue should not be used as the foreground color if resolution of fine details is required. [Source: DOD HCISG V2.0, 1992] FAA Human Factors Design Standard, p 8-57.
![Page 22: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/22.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
• http://colorusage.arc.nasa.gov/assets/blue_1.gif
![Page 23: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/23.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
More examples from NASA:from http://colorusage.arc.nasa.gov/guidelines_discrim_id.php
• Use no more than six colors to label graphic elements.
• Use colors in conformity with cultural conventions.• Use color coding consistently across displays and
pages• Use color coding redundantly with other graphic
dimensions. • Don't use color coding on small graphic elements
![Page 24: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/24.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Recommendations
• Use colour sparingly• Maximum codings 5 (+ or – 2) matching short term
memory• Design in monochrome first• Optimise all other aspects of design and layout• Add colour (with awareness of problems)• Use colour to:
– Draw attention (better than shape, size, brightness)
– Show organisation, status, relationships
![Page 25: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/25.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
cont
• With black foreground, use cyan, magenta, white• Ensure contrast ib hue and brightness of fore- and
background
• Allow users to control colour coding• Use colour consistently across system• Use other (redundant) cues as well• Avoid saturated blue for small text and thin lines
![Page 26: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/26.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
![Page 27: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/27.jpg)
Blinking and movement
When is it good?
And not?
![Page 28: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/28.jpg)
Take yourself back to hunter and gatherer times:
A hungry tiger is coming from the distance at your right
![Page 29: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/29.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Blinking and movement
• Hard to ignore• Reduces legibility• Can be really annoying
• Helpful for tiny cursors (otherwise hard to find and large ones are obtrusive)
• Helpful for critical situations
![Page 30: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/30.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Shapes
• Conventions for some shapes– eg warning and errors
• Special shapes– eg little hand pointing
• Cultural boundaries
![Page 31: Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies](https://reader036.vdocuments.mx/reader036/viewer/2022062322/56649d635503460f94a458df/html5/thumbnails/31.jpg)
HAI2008.Lifelong ambient companions: challenges and steps to overcome them
Summary
• Awareness of constraints on design of pervasive computing interfaces because of human constraints
• Ignoring them can create systems that nobody can use effectively
• Next week personalisation