Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Persuasive design - Cases (door Joris Baas)

511 views

Published on

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

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Persuasive design - Cases (door Joris Baas)

  1. 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. 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. 3. Persuasive Design
  4. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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)

×