Designing Visual Persuasion

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

Text of Designing Visual Persuasion

  • 1. - Wouter Middendorf & Martijn van der Heijden -DESIGNING VISUAL PERSUASION The Web And Beyond
  • 2. WIE ZIJN WIJ? Even voorstellen
  • 3. WOUTER Interactie ontwerper
  • 4. MARTIJN Strateeg
  • 5. FABRIQUE
  • 6. FABRIQUEVisie & Strategie Merk & Identiteit Online & AppsRuimtelijk Campagnes Grafisch & DTP
  • 7. WIE ZIJN JULLIE? Dan kennen we elkaar
  • 8. WIE ZIJN JULLIE? Dan kennen we elkaar Ho u het kort! :-)
  • 9. WIE ZIJN JULLIE Wat staat er op je visitekaartje? Wat verwacht je van vandaag? Wat was je laatste project?
  • 10. WAT WE VANDAAG GAAN DOEN Wat jullie dus echt kunnen verwachten
  • 11. SCRUMMEN!
  • 12. OVER INSIGHTS Waar komt ie vandaan?!
  • 13. PSYCHOLOGISCHE PRINCIPES Die emoties benvloeden om uiteindelijk te motiveren
  • 14. VISUELE PRINCIPES Die benvloeden op een visueel niveau
  • 15. NAUWELIJKS &INTUITIEF
  • 16. ALL OVER THE WORLD
  • 17. WAT WE ZIEN (EN WAT NIET) Een klein stukje theorie over perceptie
  • 18. AWARENESS TEST
  • 19. AWARENESS ATTENTION TEST
  • 20. AWARENESS ATTENTION TEST Gaat over attention en perception Het proces van het verwerven, interpreteren, selecteren en organiseren van zintuiglijke informatie.Bron: Wikipedia
  • 21. PERCEPTION2 basis processen Top-down attentie proces versterkt relevante informatie
  • 22. PERCEPTION2 basis processen Top-down attentie proces versterkt relevante informatie Zelfs zo erg dat andere dingen niet meer ziet!
  • 23. PERCEPTION2 basis processen Top-down attentie proces versterkt relevante informatie Bottom-up informatie zorgt voor herkenbare objecten
  • 24. PERCEPTION2 basis processen Top-down attentie proces versterkt relevante informatie Visuele eigenschappen - Patronen - Herkenbare objecten
  • 25. WAT WE ZIENHangt af van welk proces de overhand heeft
  • 26. WAT WE ZIENHangt af van welk proces de overhand heeft
  • 27. PRE-PROCESSING
  • 28. PRE-ATTENTIVE
  • 29. PRE-ATTENTIVE Vorm Grootte Orientatie Kleur Beweging Layout
  • 30. PRE-ATTENTIVE Vorm Grootte Orientatie Kleur Beweging Layout CONTRA ST!
  • 31. CONTRASTBron: Visual Thinking for Design - Colin Ware
  • 32. WAT WE (MAKKELIJK) ZIENHangt af van het proces in combinatie met de (ontworpen) omgeving
  • 33. OPDRACHT 1 Kijken met een andere bril
  • 34. OPDRACHT 2 Inside inSights
  • 35. OPDRACHT 3 Eigen ontwerp!
  • 36. VANDAAG...Hebben we iets nieuws geleerd?
  • 37. VISUAL PERSUASION Alles in de waaier moet bekend voorkomen...
  • 38. BEDANKT!
  • 39. brands, design & interaction