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

1. - Wouter Middendorf & Martijn van der Heijden -
DESIGNING VISUAL PERSUASION
The Web And Beyond

2. WIE ZIJN WIJ?
Even voorstellen

3. WOUTER
• Interactie ontwerper

5. MARTIJN
• Strateeg

8. FABRIQUE

9. FABRIQUE
Visie & Strategie Merk & Identiteit Online & Apps
Ruimtelijk Campagnes Grafisch & DTP

10. WIE ZIJN JULLIE?
Dan kennen we elkaar

11. WIE ZIJN JULLIE?
Dan kennen we elkaar
Ho u het kort!
:-)

12. WIE ZIJN JULLIE
Wat staat er op
je visitekaartje?
Wat verwacht je
van vandaag?
Wat was je
laatste project?

13. WAT WE VANDAAG GAAN DOEN
Wat jullie dus echt kunnen verwachten

14. SCRUMMEN!

15. OVER INSIGHTS
Waar komt ie vandaan?!

21. PSYCHOLOGISCHE PRINCIPES
Die emoties beïnvloeden om uiteindelijk te motiveren

26. VISUELE PRINCIPES
Die beïnvloeden op een visueel niveau

27. NAUWELIJKS &
INTUITIEF

31. ALL OVER THE WORLD

32. WAT WE ZIEN (EN WAT NIET)
Een klein stukje theorie over perceptie

34. AWARENESS TEST

35. AWARENESS ATTENTION TEST

36. AWARENESS ATTENTION TEST
• Gaat over attention en perception
“Het proces van het verwerven, interpreteren,
selecteren en organiseren van zintuiglijke
informatie.”
Bron: Wikipedia

38. PERCEPTION
•2 basis processen
Top-down attentie proces versterkt relevante informatie

39. PERCEPTION
•2 basis processen
Top-down attentie proces versterkt relevante informatie
Zelfs zo erg dat
andere dingen
niet meer ziet!

40. PERCEPTION
•2 basis processen
Top-down attentie proces versterkt relevante informatie
Bottom-up informatie zorgt voor herkenbare objecten

41. PERCEPTION
•2 basis processen
Top-down attentie proces versterkt relevante informatie
Visuele eigenschappen - Patronen - Herkenbare objecten

42. WAT WE ZIEN
Hangt af van welk proces de overhand heeft

43. WAT WE ZIEN
Hangt af van welk proces de overhand heeft

45. PRE-PROCESSING

46. PRE-ATTENTIVE

47. PRE-ATTENTIVE
• Vorm
• Grootte
• Orientatie
• Kleur
• Beweging
• Layout

48. PRE-ATTENTIVE
• Vorm
• Grootte
• Orientatie
• Kleur
• Beweging
• Layout
CONTRA
ST!

49. CONTRAST
Bron: Visual Thinking for Design - Colin Ware

50. WAT WE (MAKKELIJK) ZIEN
Hangt af van het proces in combinatie met de (ontworpen) omgeving

51. OPDRACHT 1
Kijken met een andere bril

52. OPDRACHT 2
Inside inSights

54. OPDRACHT 3
Eigen ontwerp!

55. VANDAAG...
Hebben we iets nieuws geleerd?

56. VISUAL PERSUASION
Alles in de waaier moet bekend voorkomen...

58. BEDANKT!

59. brands, design & interaction