View
220
Download
0
Category
Tags:
Preview:
Citation preview
Emphasis History of Arts & Usability
• Direction• Gaze
• Color & Contrast• Shapes• The proximity rule
HOW TO CREATE EMPHASIS?
• Direction- Gaze
o Gaze + Texto Eye-Contact Communication
HOW TO CREATE EMPHASIS?
GAZE + TEXT• Heatmaps• Eyetracking
GAZE + TEXTEmphasis had been already used long time ago communicating the visual information. The following example will show us a relationship between the figure and the picture and the viewer in the museum who is directed by the gaze and the finger of the girl, to find out more information about her.
The connection between the direction of a gaze of a little girl and dates of creation of this painting. She points with her hand towards the beads and is looking at the information of the creation of the picture.
Iconographic Interpretation –Erwin Panofskyhttp://www.archimuse.com/mw2010/papers/milekic/milekic.html
In his article James Breeze drew similar analogies showing the picture of the baby and the text and proved with the heat maps experiment that as soon as the baby is looking at the text – the user looking at the webpage is looking at the same direction as the baby.
Eye Tracking Tool - Tobii T60 eye tracker http://usableworld.com.au/2009/03/16/you-look-where-they-look/
The viewer of the webpage is looking at the direction the baby is looking Heatmaps Technology
http://usableworld.com.au/2009/03/16/you-look-where-they-look/
Application of the this findings in designof landing pages
https://www.strato.de//
Eye-Contact Communication• Eyetracking
Paul Delaroche's 'The Execution of Lady Jane Grey' (National Gallery, London iv& Applied Vision Research Unit at the Institute for Behavioral Science).
Ilya Repin, “Unexpected Visitors” (or “They Did Not Expect Him”), 1884-1888. Oil on canvas. 63.19 x 65.95 in. The Tretyakov Gallery, Moscow, Russia.
An example of Yarbus’s eye tracking studies, circa 1967.
http://blog.art21.org/2013/01/07/tracking-the-gaze/#.UyXZivl5NDA
DIRECTION + CONTRAST
DIRECTION + CONTRAST
The strong contrast of the red complexion of the female figure and her central position, shows her dominance over male characters
Jealousy II", 1907, by Edvard Munch
Recommended