Emerce Conversion - Pieter Jongerius - Fabrique

1,904 views
1,843 views

Published on

1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total views
1,904
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
55
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide
  • WelkomIvm met de tijdgraagvragenaan het eind.Ikheb nu welalvast twee vragen :-) wie van jullie noemt zich ontwerper of zit in de creatieve industrie? wie van jullie is aanbieder van producten of diensten die ontwerp nodig hebben?
  • Dat is natuurlijk lachen. Maar deze vogels zien er zo uit omdat ze een concurrentievoordeel hebben.En dat is waar persuasive design over gaat: overleven in een concurrerende omgeving.En overlevengaat niet over middelen en kanalen, maar over gedrag beinvloeden.
  • En dat is precies wat Robert Fabricant twee jaar geleden op Interaction’09 zei: Behavior is our medium.Alleen dankzij gedrag van onze klanten zijn we effectief.Dus de grote vraag is...
  • BJ Fogg heeft daarover nagedacht.User ability > hoe gemakkelijker..
  • Ik trek de parallel met flirts:je wilt iets van iemand.En bij het flirten gaat het om drie dingen.
  • Bij persuasive design is net net zo.De drie: birkigt & stadlerBijvoorbeeld: je vraagt 0 euro...Toch nog kennis nodig van HOE jete gedragen welk uiterlijk werkt, en wat precies te zeggen.
  • Gelukkig ontstaat er een aantal frameworks.Gedrag - Mental Notes, stephen anderson (wie kent deze tool? Wie gebruikt hem?)Uiterlijk - Insights, dat we zelf ontwikkelden samen met de TU Delft...communicatie...Ik zal kort ingaan op deze tools en vooral veel voorbeelden laten zien.Er zijn steeds meer frameworks voor persuasive design, ik pik er twee uit.Mental Notes, vooral op GedragStephen AndersonVooral psychologisch, goed voor concept- en feature brainstormsinSights, vooral op Symbolen.Wouter MiddendorfVooral perceptie, goed als visual design guidelineGebaseerd op onderzoek, en wat bijzonder is: heeft effect gemetenCommunicatie: ??Anderson and middendorf both seem to struggle with classification
  • Ten eerste de mental notes.Stephen heeft tonnen met research gedaan om tot deze set te komen.Niemand weet precies hoeveel kaarten het zijn...54?De mental notes zijn vooral psychologisch van aard.Hij zou het zelf vast niet zo zeggen, maar er is een heel herkenbare DARK SIDE aan de gedrags-kant van persuasive design.
  • Hier zie je de belangrijkste mechanismenZe zijn opgedeeld in categorieën zoals persuasion · attention · comprehension · memoryIk zie ook :hebzucht · trots · luiheidDaar zit de dark side...
  • Nieuwe speler op de internationale schoenenmarkt.Meesters van de persuasive design.---TODO: 1 ZIN ACHTERGRONDINFO, OPRICHTER, ?http://www.fabshoereviews.com/
  • Natuurlijk hebben ze een top 5 met producten voor jou.
  • Groupon?Meesters van de schaarsheid
  • De natuurlijke habitat van de Mental Notes is de brainstorm sessie. Kaarten pakken, associeren, eventueel met force fit oplossingen verzinnen.Wij hebben zelf al enorm profijt van deze tool en kunnen hem aan iedereen aanraden.
  • Zoals ik al zei op uiterlijk, op perceptie.Ontwikkeld in samenwerking met de TU Delft.De vraag is:Hoe kan je users met behulp van visueel ontwerp onbewust sturen?
  • Insights heeft 64 heel praktische richtlijnen. Hier zie je de belangrijkste.Dimensies zoals:Saliency (opvallendheid)Guiding (leiden)Fluency (vloeiendheid)Magnetic (aantrekkelijkheid)
  • groot, opvallend: niet de goedkoopste of de populairste.nog kleiner: de goedkoopste en gratis.Dit heeft met usability niks te maken.
  • concentrische lijnen leiden het oogje moet kijkeneergister was het free cone day in Delftwe zijn gaan kijkenen je weet nooit of het daardoor komt...of het fantastische marketingtruc is of een geste...
  • Geenverrassingdatkleur van invloed is.Toepassing is complex, hangtaf van context, et cetera.Dit is watwijontdekthebben:-- Groen: kalm,positief. Toegangaangeven: hiernaarbinnen-- Oranje: aandacht, betaalbaar.
  • Miljoen dollar , 500.000 donaties.Zo irritant, parodieengingenmaken (waarikjullienietmeezalvermoeien)Nogeen magnetic effect: animation.16M opgebracht! 500.000 donationshttp://www.liquida.com/blog-news/15297330/wikimedia-foundation-wikipedia-jimmy-wales/
  • De natuurlijke habitat van Insight is de werkplek. Hier zijn Bram en Stan een ontwerp aan het maken op basis van de principes.En het werkt.Het onderzoek van de TU Delft laat zien dat de principes in E-commerce en ook in communicatieve websites significant effectievere ontwerpen oplevert. Goed nieuws :-)
  • Het is duidelijk: met persuasive design op gedrag en uiterlijkzoalssocialedruk, schaarste, animatie, kleuren, etc.kan je **DESIGNS FROM HELL** maken.Gebruik met mate.
  • Een ding is zeker---Daarover zijn de meeste mensen het inmiddels wel eens.
  • We verwachten veel van persuasive design.Zeker nu het tastbaar wordt, met deze tools.
  • Voor nu. Want we zijn het ontwerpvak wel steedsingewikkelder aan het maken.Met steeds meer dingen waar je aan moet denken.Je kunt je daarom afvragen:
  • We hebben de afgelopen 15 jaar een steeds verdergaande splitsing van functies en aandachtgebieden gezien.Het is waarschijnlijk dat dat zich voortzet.
  • Die paradijsvogels, de prachtige natuur, die is ook niet ontworpen.
  • Emerce Conversion - Pieter Jongerius - Fabrique

    1. 1. - Pieter Jongerius -<br />PERSUASIVE DESIGN<br />Usability is een commodity<br />Follow me on Twitter: @pieterj<br />
    2. 2. 2<br />PERSUASIVE DESIGN<br />Wat is het?<br />Aan de slag<br />De toekomst<br />EMERCE #CONVERSION . @PIETERJ<br />
    3. 3.
    4. 4. 4<br />EMERCE #CONVERSION . @PIETERJ<br />
    5. 5. ROBERT FABRICANT<br />5<br />EMERCE #CONVERSION . @PIETERJ<br />“Behavior is our medium”<br />vimeo.com/3730382<br />
    6. 6. hoe verander je gedrag?<br />
    7. 7. PERSUASIVE DESIGN<br />FAIL<br />7<br />EMERCE #CONVERSION . @PIETERJ<br />WIN<br />MOTIVATION<br />MOTIVATION<br />TRIGGER<br />TRIGGER<br />USABILITY<br />USER ABILITY<br />BRON: BJ FOGG BEHAVIORMODEL.ORG (VEREENVOUDIGD)<br />
    8. 8. Okay, aan de slag<br />
    9. 9. EEN SUCCESVOLLE FLIRT<br />9<br />EMERCE #CONVERSION . @PIETERJ<br />“How you doin’?”<br />uiterlijk<br />gedrag<br />communicatie<br />VRIJ NAAR: BIRKIGT & STADLER (1986)<br />
    10. 10. PERSUASIVE DESIGN<br />10<br />EMERCE #CONVERSION . @PIETERJ<br />Nul euro<br />Gratis!<br />€ 0,00<br />uiterlijk<br />gedrag<br />communicatie<br />
    11. 11. FRAMEWORKS<br />11<br />EMERCE #CONVERSION . @PIETERJ<br />?<br />uiterlijk<br />gedrag<br />communicatie<br />
    12. 12. MENTAL NOTES<br />12<br />EMERCE #CONVERSION . @PIETERJ<br />
    13. 13. MENTAL NOTES<br />13<br />EMERCE #CONVERSION . @PIETERJ<br />
    14. 14. SHOEDAZZLE<br />14<br />EMERCE #CONVERSION . @PIETERJ<br />
    15. 15. SELF EXPRESSION<br />15<br />EMERCE #CONVERSION . @PIETERJ<br />
    16. 16. SOCIAL PROOF<br />16<br />EMERCE #CONVERSION . @PIETERJ<br />
    17. 17. SCARCITY<br />17<br />EMERCE #CONVERSION . @PIETERJ<br />
    18. 18. CURIOSITY<br />
    19. 19. RECOGNITION OVER RECALL<br />
    20. 20. CHALLENGES & REWARDS<br />
    21. 21. STATUS<br />21<br />EMERCE #CONVERSION . @PIETERJ<br />
    22. 22. SOCIAL PROOF<br />22<br />EMERCE #CONVERSION . @PIETERJ<br />
    23. 23. SCARCITY<br />
    24. 24. HUNKEMÖLLER<br />
    25. 25. LOSS AVERSION<br />
    26. 26. LOSS AVERSION<br />
    27. 27. WERKEN MET MENTAL NOTES<br />27<br />EMERCE #CONVERSION . @PIETERJ<br />
    28. 28. 28<br />EMERCE #CONVERSION . @PIETERJ<br />
    29. 29. INSIGHTS<br />29<br />EMERCE #CONVERSION . @PIETERJ<br />
    30. 30. INSIGHTS<br />30<br />EMERCE #CONVERSION . @PIETERJ<br />
    31. 31. SALIENCY<br />
    32. 32. GUIDING<br />32<br />EMERCE #CONVERSION . @PIETERJ<br />
    33. 33. GUIDING<br />33<br />EMERCE #CONVERSION . @PIETERJ<br />
    34. 34. COLOR<br />
    35. 35. FLUENCY<br />
    36. 36. FLUENCY<br />
    37. 37. MAGNETIC: HUMAN STARE<br />
    38. 38. WERKEN MET ‘INSIGHT’<br />38<br />EMERCE #CONVERSION . @PIETERJ<br />
    39. 39. FRAMEWORKS<br />39<br />EMERCE #CONVERSION . @PIETERJ<br />?<br />uiterlijk<br />gedrag<br />communicatie<br />
    40. 40. 40<br />EMERCE #CONVERSION . @PIETERJ<br />
    41. 41. Usability voldoet niet meer.<br />
    42. 42. Persuasive design is het antwoord<br />
    43. 43. ...voor nu.<br />
    44. 44. what’s next?<br />
    45. 45. DESIGN, BUT NOT AS WE KNOW IT<br />User centered design<br />Brand design<br />Usability engineering<br />Persuasive design<br />Story design<br />User experience design<br />Interaction design<br />Visual design<br />Transmedia design<br />...<br />45<br />EMERCE #CONVERSION . @PIETERJ<br />
    46. 46. HET EINDE VAN DESIGN<br />Evidence based<br />Patterns<br />Multivariaat testen<br />Google’s‘41 shades of blue’<br />46<br />EMERCE #CONVERSION . @PIETERJ<br />
    47. 47. 47<br />EMERCE #CONVERSION . @PIETERJ<br />
    48. 48. intelligent design?<br />
    49. 49. 49<br />EMERCE #CONVERSION . @PIETERJ<br />all content copyright of their respective owners<br />

    ×