Interface Design in the Context of Visual Culture and...
Transcript of Interface Design in the Context of Visual Culture and...
MS 1301 Introduction to Computer Graphics
Interface Design in the Context ofVisual Culture and Semiotics
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Visual Culture
N. Mirzeoff (1999):
• Pervasiveness of images in everydaylife
• Visual technologies increasinglyregulate our lives
• Image production of per se invisibleand non-representable objects/ideas(simulation)
• We increasingly use visuality as asource of reference for making meaningof our lives (identity)
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Semiotics
• Semiotics: the study of signs and theirmeanings
• Ferdinand de Saussure (1857-1913)
• Semiotics is about all cultural artefactsthat have an encoded meaning
• Good introduction: David Chandler's"Semiotics for Beginners”http://www.aber.ac.uk/media/Documents/S4B/
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
The Sign
• A sign is made up of two components:the signifier -that which is perceived(heard or seen) - and the signified, the‘message’
• The signifier is also referred to as thematerial aspect (a spoken or writtenword, a picture, an icon) and thesignified is also referred to as the mentalconcept, the idea of something.
• Meaning of a sign is only possible indifferentiation to another sign. There is noinherent meaning.
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
The Arbitrariness of a Sign
• The signifier is not engendered by thesignified
• Signifier and Signified have conventionalrelationships
• “No sign makes sense on its own butonly in relation to other signs. Bothsignifier and signified are purely relationalentities” (Saussure cited in Chandler1981)
• “Seeing is not believing butinterpreting.” (Mirzoeff 1999, p.14)
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Icon, Index, Symbol
• Pierce: Classification of Signs
- iconic signs (resemble the object orperson that they signify)
- indexical sign (gives some concretereference to the signified object)
- symbolic signs (are completelyarbitrary)
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Connotation & Myth
• Connotation: ‘associative relationship’ orsecond meaning (signified) of a signifier
"The myths which suffuse our lives areinsidious precisely because they appear sonatural.” (Barthes)
• Roland Barthes (1915-1980):Mythologies (1957)
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Connotation & Myth
• Connotation: ‘associative relationship’ orsecond meaning (signified) of a signifier
"The myths which suffuse our lives areinsidious precisely because they appear sonatural.” (Barthes)
• Roland Barthes (1915-1980):Mythologies (1957)
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Making References
Visual Synecdoche
Using a part (Statue of Liberty) torepresent the whole
Works vice versa as well
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Making References
Visual Metonym
Using an image that evokesassociation with the intendedsubject (yellow cab = New York)
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Making References
Visual Metaphor
Using a well known signifier (anapple) in order to refer to anunknown signified (the idea of afresh and bright city).
(see Ambrose 2005)
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Icons
• Icon: an "abstract or pictorialrepresentation of ideas, objects or actions(see Sassoon 1997, p.12)
• Icons can be iconic, indexical orsymbolic
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Icons
• In Computing, metaphors facilitate theunderstanding of complex tasks andimprove the speed of learning
• Using spatial metaphors: e.g. Browsing,navigating the Web, going back, forward,being ‘home’
• Critique: metaphors are constrainingidea of the associated signified. Usingmetaphors is like “using old half-ideas ascrutches” (Ted Nelson), quoted in Preece2002, p.57)
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Icons
• In Computing, metaphors facilitate theunderstanding of complex tasks andimprove the speed of learning
• Using spatial metaphors: e.g. Browsing,navigating the Web, going back, forward,being ‘home’
• Critique: metaphors are constrainingidea of the associated signified. Usingmetaphors is like “using old half-ideas ascrutches” (Ted Nelson), quoted in Preece2002, p.57)
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Logos
• A Logo encapsulates the essence of anobject or action in a recognisable andspecific form
• Logos: “half hidden, half recognizable”(Heraclitus)
• Logos can be iconic, symbolic, indexicalor even abstract. They can be made fromwords or letters only, they can be purelypictorial/graphic information or acombination of both.
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Logos
• A Logo encapsulates the essence of anobject or action in a recognisable andspecific form
• Logos: “half hidden, half recognizable”(Heraclitus)
• Logos can be iconic, symbolic, indexicalor even abstract. They can be made fromwords or letters only, they can be purelypictorial/graphic information or acombination of both.
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Logos
• A Logo encapsulates the essence of anobject or action in a recognisable andspecific form
• Logos: “half hidden, half recognizable”(Heraclitus)
• Logos can be iconic, symbolic, indexicalor even abstract. They can be made fromwords or letters only, they can be purelypictorial/graphic information or acombination of both.
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Logos
• A Logo encapsulates the essence of anobject or action in a recognisable andspecific form
• Logos: “half hidden, half recognizable”(Heraclitus)
• Logos can be iconic, symbolic, indexicalor even abstract. They can be made fromwords or letters only, they can be purelypictorial/graphic information or acombination of both.
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Logos
• A Logo encapsulates the essence of anobject or action in a recognisable andspecific form
• Logos: “half hidden, half recognizable”(Heraclitus)
• Logos can be iconic, symbolic, indexicalor even abstract. They can be made fromwords or letters only, they can be purelypictorial/graphic information or acombination of both.
Interface Design in the Context of Visual Culture and Semiotics
MS 1301 Introduction to Computer Graphics blabla
MS 1301 Introduction to Computer Graphics
Title
Concluding Thoughts
Visual Culture is the embedding context of what we are doingin this module: producing computer graphics and pieces ofvisual communication
The study of Semiotics delivers tools and vocabulary in order toread, interpret and deconstruct the complexity of signs andvisual artefacts.
Icons and logos are established signs in our visual everydayexperience. They are often carefully constructed and cancommunicate complex messages effectively and subtly.