Upload
wouter-middendorf
View
364
Download
2
Embed Size (px)
DESCRIPTION
This presentation was given during the workshop Designing Visual Persuasion at The Web And Beyond conference in Amsterdam. The videos can be found here: inSights: http://vimeo.com/35127122 Awareness: http://www.youtube.com/watch?v=oSQJP40PcGI More on inSights: http://www.fabrique.nl/insights
Citation preview
DESIGNING VISUAL PERSUASION- Wouter Middendorf & Martijn van der Heijden -
The Web And Beyond
WIE ZIJN WIJ?Even voorstellen
• Interactie ontwerper
WOUTER
• Strateeg
MARTIJN
FABRIQUE
FABRIQUE
Visie & Strategie Merk & Identiteit Online & Apps
Ruimtelijk Campagnes Grafisch & DTP
WIE ZIJN JULLIE?Dan kennen we elkaar
WIE ZIJN JULLIE?Dan kennen we elkaar
Hou het kort!
:-)
WIE ZIJN JULLIE
Wat staat er op je visitekaartje?
Wat was je laatste project?
Wat verwacht je van vandaag?
WAT WE VANDAAG GAAN DOENWat jullie dus echt kunnen verwachten
SCRUMMEN!
OVER INSIGHTSWaar komt ie vandaan?!
PSYCHOLOGISCHE PRINCIPESDie emoties beïnvloeden om uiteindelijk te motiveren
VISUELE PRINCIPESDie beïnvloeden op een visueel niveau
NAUWELIJKS & INTUITIEF
ALL OVER THE WORLD
WAT WE ZIEN (EN WAT NIET)Een klein stukje theorie over perceptie
AWARENESS TEST
AWARENESS ATTENTION TEST
• Gaat over attention en perception
“Het proces van het verwerven, interpreteren, selecteren en organiseren van zintuiglijke informatie.”
AWARENESS ATTENTION TEST
Bron: Wikipedia
PERCEPTION• 2 basis processen
Top-down attentie proces versterkt relevante informatie
PERCEPTION
Zelfs zo erg dat andere dingen niet meer ziet!
• 2 basis processen
Top-down attentie proces versterkt relevante informatie
Bottom-up informatie zorgt voor herkenbare objecten
PERCEPTION• 2 basis processen
Top-down attentie proces versterkt relevante informatie
PERCEPTION• 2 basis processen
Visuele eigenschappen - Patronen - Herkenbare objecten
Top-down attentie proces versterkt relevante informatie
WAT WE ZIENHangt af van welk proces de overhand heeft
WAT WE ZIENHangt af van welk proces de overhand heeft
PRE-PROCESSING
PRE-ATTENTIVE
• Vorm• Grootte• Orientatie• Kleur• Beweging• Layout
PRE-ATTENTIVE
• Vorm• Grootte• Orientatie• Kleur• Beweging• Layout
PRE-ATTENTIVE
CONTRAST!
CONTRAST
Bron: Visual Thinking for Design - Colin Ware
WAT WE (MAKKELIJK) ZIENHangt af van het proces in combinatie met de (ontworpen) omgeving
OPDRACHT 1Kijken met een andere bril
OPDRACHT 2Inside inSights
OPDRACHT 3Eigen ontwerp!
VANDAAG...Hebben we iets nieuws geleerd?
VISUAL PERSUASIONAlles in de waaier moet bekend voorkomen...
BEDANKT!
brands, design & interaction