Op 14 september verzorgde Joris Baas de beoordeling van een 3 websites op basis van ideeën over persuasive design.

1. Lay-out &
scanbaarheid
oog helpen
leiden
Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product
sepcs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Weder
kerigheid
MBTI Koopfase
Persuasive Design Casesv.04 14 september 2018
Freelance Fridays Amsterdam
Joris Baas

2. Persuasive Design
Lay-out &
scanbaarh
eid
oog helpen
leiden
Navigatie,
flow,
drempels
weg
Branding,
vormgevin
g
Propositie
, business-
model,
product
sepcs
Autoriteit,
vertrouwe
n
Sociale
bewijskra
cht
Schaarste Consistent
ie
Sympathie Weder
kerighei
d
MBTI Koopfase
Persuasive Design Casesv.04 14 september 2018
Freelance Fridays Amsterdam
Joris Baas

3. Persuasive Design

4. UX, Design
Bezoeker
6 Persuasive Design
aspecten
Aanbod
▪ Autoriteit, vertrouwen
▪ Sociale bewijskracht
▪ Schaarste
▪ Consistentie
▪ Sympathie
▪ Wederkerigheid
▪ Lay-out & scanbaarheid
▪ Navigatie, flow, drempels weg
▪ Branding, vormgeving
▪ Propositie, business-model, productspecificaties
▪ MBTI
▪ Koopfase
Persuasive Design & meer..
Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Van USP naar UBA
What we do -> what we can do
for you

5. Lay-out &
scanbaarheid
oog helpen
leiden
Navigatie,
flow,
drempels
weg
MBTI
UX, Design 6 Persuasive Design aspecten BezoekerAanbod
Tubes open….
Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Branding,
vormgeving
Propositie,
business-
model,
product
sepcs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie KoopfaseSympathie Weder
kerigheid

6. Case 1. Weet het snel.nl
Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
▪ Maak de beginzin scanbaar
en beter leesbaar
▪ Benoem waarom
weethetsnel beter is dan
YouTube
▪ Vertel hoeveel mensen
deze dienst al gebruiken
▪ vertel hoe goed ze het
vinden
▪ Laat de categorie zien waar
dit filmpje inzit en maak die
klikbaar
▪ Niemand deelt dit gelijk na
een blik op de homepage,
hier leidt dit af,
verrommeld..
▪ Biedt meer opties aan om
door te klikken: net binnen,
meest bekeken, best
gewaardeerd etc..
▪ Neem meer items op in
navigatie: net binnen,
meest bekeken, best
gewaardeerd etc..
▪ Maak zoeken prominenter
hier
▪ Maak grafisch duidelijk dat
caption bij video hoort
▪ Laat zien hoelang de video
duurt
▪ Plaats hier een bericht als
de Adblocker aanstaan
▪ Branding en vormgeving
kan een upgrade: geeft
meer vertrouwen en
autoriteit
▪ Laat zien hoeveel er in elke
categorie zit
Case 1 2 3 4
Empathy map
pain gain
horen zien
zeggen
denken

7. Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Case 2. X plus Y
▪ Maak tekst beter leesbaar
op de achtergrond en
scanbaar
▪ Niet centeren, maak het
scanbaar, kopjes witruimte
bullets
▪ Maak de propositie meteen
duidelijk: wij zijn er voor
Data scientists en mensen
die er een zoeken
▪ Autoriteit claimen: al
duizend experts gingen je
voor
▪ grotere en breder leesbare
navigatie
▪ grotere fonts 16px en groter
▪ USP - > UBA’s:
What we can do for you!
Welk probleem lossen we
voor je op…
Case 1 2 3 4
Empathy map
pain gain
horen zien
zeggen
denken

8. Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Case 2. X plus Y
▪ Maak meteen duidelijk wat
de keuze is uit de twee
groepen
▪ Maak meteen duidelijk wat
de voordelen zijn als ik een
van beide kies
Case 1 2 3 4

9. Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Case 2. X plus Y Case 1 2 3 4
▪ Consistentie: stap 2 van 3
(bijna klaar, nog even
volhouden…’
▪ Beloning, aan het eind?

10. Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Case 3. Nieuwe Mensen Leren Kennen
▪ Conversiefase: Je gaat je
niet meteen inschrijven, dus
hier beter: ‘Hoe werkt het’,
‘Wat is nmlk?’ ‘Waarom is
het echt iets voor jou?’
▪ Linkje naar ‘Lees alle
enthousiaste verhalen’
▪ Gratis inschrijven, toch?
Download de gratis app,
prominenter in beeld!
▪ Grotere font, scanbare
bullets
▪ Beelden meer samenhang,
met testimonials
Case 1 2 3 4
Empathy map
pain gain
horen zien
zeggen
denken

11. Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Case 3. Nieuwe Mensen Leren Kennen
▪ Plus: Deelnemers met foto▪ Goed: veel productvragen
beantwoord
Case 1 2 3 4

12. Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Case 3. Nieuwe Mensen Leren Kennen Case 1 2 3 4
▪ Goed: veel productvragen
beantwoord
▪ Plus: sociale bewijskracht.
Wel nieuwsgierig: waar was
dat dan, welke categorie?
Leidt door naar conversie..

13. Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Case 3. Nieuwe Mensen Leren Kennen Case 1 2 3 4
▪ Plus: social enterprise.
Mag prominenter

14. Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Case 4. Freelance Fridays Case 1 2 3 4
▪ Logo, navigatie en
propositie beter leesbaar
maken
▪ Zeg ook gelijk dat het in
Amsterdam is. Pakhuis?
Waar zit dat? Op
loopafstand van het
Centraal station!
Nieuwsbrief inschrijven?
▪ Wat staat er dan in?
▪ Waarom is dat belangrijk
voor mij?
▪ Wat is de frequentie?
▪ Wordt ik niet gespamd?
▪ Hoeveel anderen lezen ‘m?
▪ Doel: inschrijven call to
action knop niet oranje
want dat is huisstijl.
▪ plus afgeronde hoekjes; is
meer knop
Empathy map
pain gain
horen zien
zeggen
denken

15. Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Case 4. Freelance Fridays Case 1 2 3 4
▪ OK, maar nog beter! Logo,
navigatie en propositie
beter leesbaar maken
▪ Noem de
sponsoren:Entopic,
Freelance Firm en Pakhuis
de Zwijger
▪ Sociale bewijskracht:
Testimonials van
bezoekers aan de events
▪ Meer voorbeelden tonen
van sprekers en titels van
presentaties
▪ Noem de
sponsoren:Entopic,
Freelance Firm en Pakhuis
de Zwijger

16. Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Case 4. Freelance Fridays Case 1 2 3 4
▪ Maak grafisch duidelijk dat
caption bij video hoort
▪ Komende data prominenter

17. Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Meer case ….. ?

18. Navigatie,
flow,
drempels
weg
Branding,
vormgeving
Propositie,
business-
model,
product specs
Autoriteit,
vertrouwen
Sociale
bewijskracht
Schaarste Consistentie Sympathie Wederkerig-
heid
KoopfaseMBTILay-out &
scanbaarheid
oog helpen
leiden
Meer…..
▪ Hoe verandert de
houding in het verloop
van de funnel?
▪ Verschilt het per MBTI
soort?
Case 1 2 3 4
Empathy map
pain gain
horen zien
zeggen
denken
▪ Hoe zien jouw persona’s
thema’s zoals
autoriteit, sociale
bewijskracht, schaarste
etc?

19. Dank? Vragen?
Interesses: story listener, persona’s &
customer journeys, information design
Privé: Vader, Watergraafsmeer, Schrijver,
Schaatser (Skate4Air)
Mentale situatie/relevante behoefte: goed
gesprekken, harmonie, beweging, licht,
creatieve creëren, humor, liefde
Contact
tel: 06-41310538
jorisbaas@planet.nl
https://www.linkedin.com/in/jorisbaas
Beslisstijl:
Humanistische
beslisser
Joris Baas (51)