15
Emphasis tory of Arts & Usabil

Arts & Usability - Emphasis

Embed Size (px)

Citation preview

Page 1: Arts & Usability - Emphasis

Emphasis History of Arts & Usability

Page 2: Arts & Usability - Emphasis

• Direction• Gaze

• Color & Contrast• Shapes• The proximity rule

HOW TO CREATE EMPHASIS?

Page 3: Arts & Usability - Emphasis

• Direction- Gaze

o Gaze + Texto Eye-Contact Communication

HOW TO CREATE EMPHASIS?

Page 4: Arts & Usability - Emphasis

GAZE + TEXT• Heatmaps• Eyetracking

Page 5: Arts & Usability - Emphasis

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.

Page 6: Arts & Usability - Emphasis

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

Page 7: Arts & Usability - Emphasis

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/

Page 8: Arts & Usability - Emphasis

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/

Page 9: Arts & Usability - Emphasis

Application of the this findings in designof landing pages

https://www.strato.de//

Page 10: Arts & Usability - Emphasis

Eye-Contact Communication• Eyetracking

Page 11: Arts & Usability - Emphasis

Paul Delaroche's 'The Execution of Lady Jane Grey' (National Gallery, London iv& Applied Vision Research Unit at the Institute for Behavioral Science).

Page 12: Arts & Usability - Emphasis

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.

Page 13: Arts & Usability - Emphasis

An example of Yarbus’s eye tracking studies, circa 1967.

http://blog.art21.org/2013/01/07/tracking-the-gaze/#.UyXZivl5NDA

Page 14: Arts & Usability - Emphasis

DIRECTION + CONTRAST

Page 15: Arts & Usability - Emphasis

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