Persuasive design op het web en verder. Voorbeelden en workshop.
-
Upload
anton-vanhoucke -
Category
Design
-
view
108 -
download
0
description
Transcript of Persuasive design op het web en verder. Voorbeelden en workshop.
![Page 1: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/1.jpg)
PERSUASIVE DESIGN - Anton Vanhoucke -
Een workshop in online verleiden
@antonvh
![Page 2: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/2.jpg)
DOEL VAN DE WORKSHOP · Praktisch inzicht in het gebruik van persuasive
design
Waar begin ik?
Saliency? Hoe werkt persuasive design ?
Waarom persuasive deisgn?
![Page 3: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/3.jpg)
MAAK HET INTERACTIEF! · Vragen ophangen · Leuk, maar wat betekent dit voor…
... Mijn team
... Mijn gemeente
... Mijn projecten
... Mijn taken
... mezelf
![Page 4: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/4.jpg)
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
![Page 5: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/5.jpg)
KENNIS MAKEN Wat doe je? Waarom persuasive design? Ervaring?
![Page 6: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/6.jpg)
FABRIQUE · Merken · Design · Interactie
· Sinds 1992
![Page 7: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/7.jpg)
WELKOM IN DELFT
![Page 8: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/8.jpg)
WELKOM IN AMSTERDAM
![Page 9: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/9.jpg)
WELKOM IN ROTTERDAM
![Page 10: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/10.jpg)
WE WERKEN VOOR B2C MERKEN
![Page 11: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/11.jpg)
WE WERKEN SAMEN
![Page 12: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/12.jpg)
BEKEND VAN RIJKSMUSEUM,
![Page 13: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/13.jpg)
ALLERHANDE APP,
![Page 14: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/14.jpg)
EN 9292
![Page 15: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/15.jpg)
INLEIDING Voor een effectieve workshop
![Page 16: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/16.jpg)
THEORIE Met inzichten van:
![Page 17: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/17.jpg)
![Page 18: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/18.jpg)
![Page 19: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/19.jpg)
![Page 20: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/20.jpg)
VOORBEELDEN Nieuw!
2 Bonus Technieken
![Page 21: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/21.jpg)
SIGNALS
![Page 22: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/22.jpg)
SPARKING
![Page 23: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/23.jpg)
FACILITATING
![Page 24: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/24.jpg)
LOSS AVERSION
![Page 25: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/25.jpg)
LOSS AVERSION
![Page 26: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/26.jpg)
LIMITED DURATION
![Page 27: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/27.jpg)
SOCIAL PROOF
![Page 28: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/28.jpg)
AUTHORITY
![Page 29: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/29.jpg)
AUTHORITY
![Page 30: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/30.jpg)
HUMAN STARE
![Page 31: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/31.jpg)
VISUAL IMAGERY
![Page 32: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/32.jpg)
VISUAL IMAGERY - SPOKEN
![Page 33: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/33.jpg)
METAPHOR
4G
3G
4G internet is 22x as fast
![Page 34: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/34.jpg)
SALIENCY
![Page 35: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/35.jpg)
SALIENCY
![Page 36: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/36.jpg)
ORDER
![Page 37: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/37.jpg)
ORDER
![Page 38: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/38.jpg)
SALIENCY & DEFAULTS
![Page 39: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/39.jpg)
SELF-EFFICACY
![Page 40: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/40.jpg)
RECIPROCITY
![Page 41: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/41.jpg)
CURIOSITY
![Page 42: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/42.jpg)
STATUS
![Page 43: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/43.jpg)
FLUENCY
![Page 44: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/44.jpg)
FLUENCY
![Page 45: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/45.jpg)
FLUENCY
Hele kleine lettertjes
![Page 46: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/46.jpg)
STORY
![Page 47: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/47.jpg)
UNEXPECTED
![Page 48: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/48.jpg)
SET COMPLETION Bonus 1
![Page 49: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/49.jpg)
FRONT LOADING Bonus 2
![Page 50: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/50.jpg)
CONSISTENCY & COMMITMENT Bonus 3
![Page 51: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/51.jpg)
TOOLS Gebruikt door vele tevreden professionals
![Page 52: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/52.jpg)
DESIGN WITH INTENT
![Page 53: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/53.jpg)
WHEEL OF PERSUASION
![Page 54: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/54.jpg)
ABILITY · inSights
![Page 55: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/55.jpg)
GEBRUIKEN IN BRAINSTORMS
![Page 56: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/56.jpg)
ABILITY · inSights
![Page 57: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/57.jpg)
GEBRUIKEN BIJ ONTWERPEN
![Page 58: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/58.jpg)
CHECK · http://requisitevariety.co.uk/design-with-intent-
toolkit/ · http://www.wheelofpersuasion.com/ · http://getmentalnotes.com/ · http://www.fabrique.nl/insights/
![Page 59: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/59.jpg)
TOEPASSEN Wij gaan persuasive ontwerpen
![Page 60: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/60.jpg)
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
![Page 61: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/61.jpg)
NA DEZE TRAINING Waar begin je?
![Page 62: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/62.jpg)
JE EIGEN VERZAMELING
![Page 63: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/63.jpg)
MEER LEZEN · Stanley Milgram · Edward Deci · Robert Cialdini · Chip & Dan Heath · Tom Stafford and
Matt Webb · Daniel Kahneman · Stephen Anderson
![Page 64: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/64.jpg)
ANTWOORDEN? Tot slot
![Page 65: Persuasive design op het web en verder. Voorbeelden en workshop.](https://reader034.fdocument.pub/reader034/viewer/2022050801/54c408954a795900508b45e9/html5/thumbnails/65.jpg)
@antonvh