Persuasive design op het web en verder. Voorbeelden en workshop.

Post on 25-Jan-2015

108 views 0 download

description

Waar Usability het alleen gemakkelijk maakt voor de bezoeker van je website, helpt Persuasive Design om de gebruiker te motiveren en zo meer en langere interactie uit te lokken. Met inspirerende voorbeelden ontdek je hoe Persuasive Design tegenwoordig slim toegepast wordt. Je leert de wetenschappelijke principes achter Persuasive Design en past die toe.

Transcript of Persuasive design op het web en verder. Voorbeelden en workshop.

PERSUASIVE DESIGN - Anton Vanhoucke -

Een workshop in online verleiden

@antonvh

DOEL VAN DE WORKSHOP · Praktisch inzicht in het gebruik van persuasive

design

Waar begin ik?

Saliency? Hoe werkt persuasive design ?

Waarom persuasive deisgn?

MAAK HET INTERACTIEF! · Vragen ophangen · Leuk, maar wat betekent dit voor…

... Mijn team

... Mijn gemeente

... Mijn projecten

... Mijn taken

... mezelf

DEZE OCHTEND · 09:30 · 09:50 · 10:00 · 10:30 · 10:40 · 10:50 · 11:45 · 12:15 · 12:30

Kennis maken Inleiding Mechanismes & voorbeelden Ontwerptools Koffie Zelf aan de slag Presentaties Conclusie Lunch

KENNIS MAKEN Wat doe je? Waarom persuasive design? Ervaring?

FABRIQUE · Merken · Design · Interactie

· Sinds 1992

WELKOM IN DELFT

WELKOM IN AMSTERDAM

WELKOM IN ROTTERDAM

WE WERKEN VOOR B2C MERKEN

WE WERKEN SAMEN

BEKEND VAN RIJKSMUSEUM,

ALLERHANDE APP,

EN 9292

INLEIDING Voor een effectieve workshop

THEORIE Met inzichten van:

VOORBEELDEN Nieuw!

2 Bonus Technieken

SIGNALS

SPARKING

FACILITATING

LOSS AVERSION

LOSS AVERSION

LIMITED DURATION

SOCIAL PROOF

AUTHORITY

AUTHORITY

HUMAN STARE

VISUAL IMAGERY

VISUAL IMAGERY - SPOKEN

METAPHOR

4G

3G

4G internet is 22x as fast

SALIENCY

SALIENCY

ORDER

ORDER

SALIENCY & DEFAULTS

SELF-EFFICACY

RECIPROCITY

CURIOSITY

STATUS

FLUENCY

FLUENCY

FLUENCY

Hele kleine lettertjes

STORY

UNEXPECTED

SET COMPLETION Bonus 1

FRONT LOADING Bonus 2

CONSISTENCY & COMMITMENT Bonus 3

TOOLS Gebruikt door vele tevreden professionals

DESIGN WITH INTENT

WHEEL OF PERSUASION

ABILITY · inSights

GEBRUIKEN IN BRAINSTORMS

ABILITY · inSights

GEBRUIKEN BIJ ONTWERPEN

CHECK · http://requisitevariety.co.uk/design-with-intent-

toolkit/ · http://www.wheelofpersuasion.com/ · http://getmentalnotes.com/ · http://www.fabrique.nl/insights/

TOEPASSEN Wij gaan persuasive ontwerpen

AANPAK 1.  Vorm teams van 2-3 personen 2.  Kies een belangrijke pagina van je site 3.  Bedenk wat het gewenste gedrag is van je

bezoeker 4.  Kies willekeurig 1 principe uit inSights of Mental

notes 5.  Vraag je af: “Hoe kunnen met dit principe

bezoekers verleiden om gedrag x te vertonen” 6.  Schets of schrijf dit op een post-it 7.  Als je niks kan bedenken neem je de volgende

NA DEZE TRAINING Waar begin je?

JE EIGEN VERZAMELING

MEER LEZEN · Stanley Milgram · Edward Deci · Robert Cialdini · Chip & Dan Heath · Tom Stafford and

Matt Webb · Daniel Kahneman · Stephen Anderson

ANTWOORDEN? Tot slot

@antonvh