SlideShare uma empresa Scribd logo
1 de 90
websites ontwerp voor
           je mensen!
Raymond                     Klompsma


                                   06 - 24 33 18 79

                                   www.twitter.com/raymondc7




 eigenaar Concept7

 blogt over user experience
 op raymondklompsma.nl

 auteur van het boek Zo kan het ook,
 websites ontwerp je voor mensen
online design company
sinds 1999
14 mensen
gevestigd in Groningen en Amsterdam
wat is de meest gebruikte
knop wanneer je aan het
   ‘internetten’ bent?
vaak ergert technologie ons!
85% van de
    online
   shoppers
    verlaat
vroegtijdig hun
winkelwagentje
e-rage
filmpje planet
    internet
maar hoe
verklaren we dan
 deze positieve
     cijfers?
Het internet van NU is te
   vergelijken met de
 elektriciteit van TOEN
Elektriciteit                       Internet

       Altijd aanwezig                  Altijd aanwezig


Gekste dingen zijn uitgevonden   Gekste dingen zijn uitgevonden


 We kunnen niet meer zonder       We kunnen niet meer zonder


        Revolutionair                    Revolutionair


    Maakt dingen mogelijk            Maakt dingen mogelijk
Omdat het kan!
Websites worden
volgebouwd met
functionaliteiten omdat het
kan, maar voor wie?
Oplossing
Zet je bezoeker centraal en
betrek hem of haar bij het
ontwerpproces!
eigenlijk net als
   vroeger ;-)
tijd voor een model
usability      making sure things work!

(Steve Krug)
eyetracking!        gebruik bestaande kennis!
test zelf, kijk en leer!   zie wat bezoekers zien         heuristieken
10 heuristieken van Jacob
                          Nielsen

Visibility of system status

Match between system and the real world

User control and freedom

Consistency and standards

Error prevention

Recognition rather then recall

Flexibility and efficiency of use

Aesthetic and minimalist design

Help users recognize, diagnose, and recover from errors

Help and documentation
10 heuristieken (Jacob Nielsen)

  zichtbaarheid van de status
10 heuristieken (Jacob Nielsen)

  Match tussen systeem en de echte wereld
10 heuristieken (Jacob Nielsen)

  Zekerheid en controle
10 heuristieken (Jacob Nielsen)

  Consistentie en standaarden
10 heuristieken (Jacob Nielsen)

  Voorkom fouten
10 heuristieken (Jacob Nielsen)

  Herkennen is makkelijker dan onthouden
10 heuristieken (Jacob Nielsen)

  Flexibiliteit en efficiency
10 heuristieken (Jacob Nielsen)

  Vorm en minimalisme
10 heuristieken (Jacob Nielsen)

  Herken fouten en los ze op
10 heuristieken (Jacob Nielsen)

  Bied hulp en ondersteuning
usability      making sure things work!

(Steve Krug)
even een kader scheppen
denk jij dat jij controle hebt
over je eigen beslissingen?
Derren Brown
persuasio een poging om iemands gedrag
        n     of houding (of beide) te
                   beïnvloeden
    (BJ Fogg)               zonder dwang of misleiding
BJ Fogg
Stanford university
Principle of Reduction             Principle of Tunneling              Principle of Tailoring

Principle of Suggestion            Principle of Self-Monitoring        Principle of Surveillance

Principle of Conditioning          Principe of Cause and Effect        Principle of Virtual Rehearsal

Principle of Virtual Rewards       Principle of Simulations in Real-   Principle of Attractiveness
                                   World Contexts
Principle of Similarity            Principle of Praise                 Principle of Reciprocity

Principle of Authority             Principle of Trustworthiness        Principle of Expertise

Principe of Presumed Credibility Principle of Surface Credibility      Principle of Reputed Credibility

Principele of Earned Credibility   Principle of (Near) Perfection      Principle of “Real-World Feel”

Principle of Easy Verifiability     Principle of Fulfillment             Principle of Ease-of-Use

Principle of Personalization       Principle of Responsiveness         Principle of Kairos

Principle of Convenience           Principle of Mobile Simplicity      Principle of Mobile Loyalty

Principle of Mobile Marriage       Principle of Information Quality    Principle of Social Facilitation

Principle of Social Comparison     Principle of Normative Influence Principle of Social Learning

Principle of Competition           Principle of Cooperation            Principle of Recognition
Framing (context aanpassen)
   verdwaal niet, volg de omleiding
Framing (context aanpassen)
   de angst om iets kwijt te raken weegt zwaarder dan de kans om iets te winnen
Framing (context aanpassen)
   nog 4, bestel snel!
Tunneling
   focus!
Tailoring
   maak het persoonlijk!
Tailoring
   maak het persoonlijk!
Fun!
   een lach zorgt voor conversie ;-)
Fun!
   een lach zorgt voor conversie ;-)
Autoriteit
   vertrouwen in de onafhankelijke expert
Autoriteit
   vertrouwen in de onafhankelijke expert
Autoriteit
   vertrouwen in de onafhankelijke expert
Autoriteit
   vertrouwen in de onafhankelijke expert
Autoriteit
   vertrouwen in de onafhankelijke expert
Wederkerigheid
   we staan niet graag bij iemand in het krijt
Wederkerigheid
   we staan niet graag bij iemand in het krijt
Schaarsheid
   benadruk schaarste, exclusieve features en exclusieve informatie
Schaarsheid
   benadruk schaarste, exclusieve features en exclusieve informatie
Consistentie
   stap voor stap, begin met iets kleins, trek de lijn door
Consistentie
   stap voor stap, begin met iets kleins, trek de lijn door
Consistentie
   stap voor stap, begin met iets kleins, trek de lijn door
Consistentie
   stap voor stap, begin met iets kleins, trek de lijn door
Consistentie
   stap voor stap, begin met iets kleins, trek de lijn door
Sympathie
   ook online gaat het om gunnen
Sympathie
   ook online gaat het om gunnen
Sympathie
   ook online gaat het om gunnen
over de schreef?
ethiek?
de designer bepaalt!
uiteindelijk trek je aan het kortste
               eind...
Raymond      Klompsma


                 06 - 24 33 18 79

                 www.twitter.com/raymondc7

                     www.raymondklompsma.nl




    bedankt voor
   jullie aandacht

Mais conteúdo relacionado

Semelhante a 20100603 Iam Media

Gastcollege Hogeschool van Amsterdam
Gastcollege Hogeschool van AmsterdamGastcollege Hogeschool van Amsterdam
Gastcollege Hogeschool van AmsterdamRaymond Klompsma
 
Emerce persuasion tactics
Emerce persuasion tacticsEmerce persuasion tactics
Emerce persuasion tacticssrprs.me
 
Windesheim persuasion
Windesheim persuasionWindesheim persuasion
Windesheim persuasionsrprs.me
 
Gastcollege persuasion aan de NHL
Gastcollege persuasion aan de NHLGastcollege persuasion aan de NHL
Gastcollege persuasion aan de NHLsrprs.me
 
Hanzehogeschool gastcollege persuasion + case
Hanzehogeschool gastcollege persuasion + caseHanzehogeschool gastcollege persuasion + case
Hanzehogeschool gastcollege persuasion + casesrprs.me
 
NHL #tnd2m conferentie - C7 & persuasion
NHL #tnd2m conferentie - C7 & persuasionNHL #tnd2m conferentie - C7 & persuasion
NHL #tnd2m conferentie - C7 & persuasionsrprs.me
 
Trendsfactory 20190 Persuasion - persuasive design trends
Trendsfactory 20190 Persuasion - persuasive design trendsTrendsfactory 20190 Persuasion - persuasive design trends
Trendsfactory 20190 Persuasion - persuasive design trendsLECTRIC
 
Workshop persuasion Loco congres Windesheim
Workshop persuasion Loco congres WindesheimWorkshop persuasion Loco congres Windesheim
Workshop persuasion Loco congres Windesheimsrprs.me
 
bol.com Partner Event - Carlo van den Berg
bol.com Partner Event - Carlo van den Bergbol.com Partner Event - Carlo van den Berg
bol.com Partner Event - Carlo van den Bergbolcompp
 
Presentatie workshop 3 CSR Managers Meeting (29/9/2011): mvo dat doe jij toch
Presentatie workshop 3 CSR Managers Meeting (29/9/2011): mvo dat doe jij tochPresentatie workshop 3 CSR Managers Meeting (29/9/2011): mvo dat doe jij toch
Presentatie workshop 3 CSR Managers Meeting (29/9/2011): mvo dat doe jij tochMVO Nederland
 
Hanzehogeschool, persuasion
Hanzehogeschool, persuasionHanzehogeschool, persuasion
Hanzehogeschool, persuasionsrprs.me
 
U spreekt met de Keuringsdienst van Waarde
U spreekt met de Keuringsdienst van WaardeU spreekt met de Keuringsdienst van Waarde
U spreekt met de Keuringsdienst van WaardeNiemeijer
 
Menzis, over persuasion
Menzis, over persuasionMenzis, over persuasion
Menzis, over persuasionsrprs.me
 
Klantgedrag is onvoorspelbaar en irrationeel
Klantgedrag is onvoorspelbaar en irrationeelKlantgedrag is onvoorspelbaar en irrationeel
Klantgedrag is onvoorspelbaar en irrationeelLivework Studio
 
Presentatie Martijn Arets tijdens Trivento Intrapreneur Themadiner
Presentatie Martijn Arets tijdens Trivento Intrapreneur ThemadinerPresentatie Martijn Arets tijdens Trivento Intrapreneur Themadiner
Presentatie Martijn Arets tijdens Trivento Intrapreneur ThemadinerCrowd Expedition
 
Dias lezing bouwunie 20150321
Dias lezing bouwunie 20150321Dias lezing bouwunie 20150321
Dias lezing bouwunie 20150321Dirk De Boe
 
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...Online Dialogue
 
Delta Lloyd Eday
Delta Lloyd EdayDelta Lloyd Eday
Delta Lloyd EdayValsplat
 

Semelhante a 20100603 Iam Media (20)

Persuasive design
Persuasive designPersuasive design
Persuasive design
 
Gastcollege Hogeschool van Amsterdam
Gastcollege Hogeschool van AmsterdamGastcollege Hogeschool van Amsterdam
Gastcollege Hogeschool van Amsterdam
 
Emerce persuasion tactics
Emerce persuasion tacticsEmerce persuasion tactics
Emerce persuasion tactics
 
Windesheim persuasion
Windesheim persuasionWindesheim persuasion
Windesheim persuasion
 
Gastcollege persuasion aan de NHL
Gastcollege persuasion aan de NHLGastcollege persuasion aan de NHL
Gastcollege persuasion aan de NHL
 
Hanzehogeschool gastcollege persuasion + case
Hanzehogeschool gastcollege persuasion + caseHanzehogeschool gastcollege persuasion + case
Hanzehogeschool gastcollege persuasion + case
 
NHL #tnd2m conferentie - C7 & persuasion
NHL #tnd2m conferentie - C7 & persuasionNHL #tnd2m conferentie - C7 & persuasion
NHL #tnd2m conferentie - C7 & persuasion
 
Trendsfactory 20190 Persuasion - persuasive design trends
Trendsfactory 20190 Persuasion - persuasive design trendsTrendsfactory 20190 Persuasion - persuasive design trends
Trendsfactory 20190 Persuasion - persuasive design trends
 
Workshop persuasion Loco congres Windesheim
Workshop persuasion Loco congres WindesheimWorkshop persuasion Loco congres Windesheim
Workshop persuasion Loco congres Windesheim
 
bol.com Partner Event - Carlo van den Berg
bol.com Partner Event - Carlo van den Bergbol.com Partner Event - Carlo van den Berg
bol.com Partner Event - Carlo van den Berg
 
Presentatie workshop 3 CSR Managers Meeting (29/9/2011): mvo dat doe jij toch
Presentatie workshop 3 CSR Managers Meeting (29/9/2011): mvo dat doe jij tochPresentatie workshop 3 CSR Managers Meeting (29/9/2011): mvo dat doe jij toch
Presentatie workshop 3 CSR Managers Meeting (29/9/2011): mvo dat doe jij toch
 
Hanzehogeschool, persuasion
Hanzehogeschool, persuasionHanzehogeschool, persuasion
Hanzehogeschool, persuasion
 
U spreekt met de Keuringsdienst van Waarde
U spreekt met de Keuringsdienst van WaardeU spreekt met de Keuringsdienst van Waarde
U spreekt met de Keuringsdienst van Waarde
 
Menzis, over persuasion
Menzis, over persuasionMenzis, over persuasion
Menzis, over persuasion
 
Klantgedrag is onvoorspelbaar en irrationeel
Klantgedrag is onvoorspelbaar en irrationeelKlantgedrag is onvoorspelbaar en irrationeel
Klantgedrag is onvoorspelbaar en irrationeel
 
Presentatie Martijn Arets tijdens Trivento Intrapreneur Themadiner
Presentatie Martijn Arets tijdens Trivento Intrapreneur ThemadinerPresentatie Martijn Arets tijdens Trivento Intrapreneur Themadiner
Presentatie Martijn Arets tijdens Trivento Intrapreneur Themadiner
 
Kennissessie liquid internet & persuasion design
Kennissessie liquid internet & persuasion designKennissessie liquid internet & persuasion design
Kennissessie liquid internet & persuasion design
 
Dias lezing bouwunie 20150321
Dias lezing bouwunie 20150321Dias lezing bouwunie 20150321
Dias lezing bouwunie 20150321
 
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...
Emerce Conversion 2012 : Ton Wesseling - How wo win Which test Won - Conversi...
 
Delta Lloyd Eday
Delta Lloyd EdayDelta Lloyd Eday
Delta Lloyd Eday
 

20100603 Iam Media

  • 2. Raymond Klompsma 06 - 24 33 18 79 www.twitter.com/raymondc7 eigenaar Concept7 blogt over user experience op raymondklompsma.nl auteur van het boek Zo kan het ook, websites ontwerp je voor mensen
  • 3. online design company sinds 1999 14 mensen gevestigd in Groningen en Amsterdam
  • 4.
  • 5. wat is de meest gebruikte knop wanneer je aan het ‘internetten’ bent?
  • 6.
  • 7.
  • 9. 85% van de online shoppers verlaat vroegtijdig hun winkelwagentje
  • 10.
  • 11.
  • 12.
  • 13.
  • 15. filmpje planet internet
  • 16. maar hoe verklaren we dan deze positieve cijfers?
  • 17.
  • 18. Het internet van NU is te vergelijken met de elektriciteit van TOEN
  • 19. Elektriciteit Internet Altijd aanwezig Altijd aanwezig Gekste dingen zijn uitgevonden Gekste dingen zijn uitgevonden We kunnen niet meer zonder We kunnen niet meer zonder Revolutionair Revolutionair Maakt dingen mogelijk Maakt dingen mogelijk
  • 20.
  • 21.
  • 22.
  • 23.
  • 24. Omdat het kan! Websites worden volgebouwd met functionaliteiten omdat het kan, maar voor wie?
  • 25. Oplossing Zet je bezoeker centraal en betrek hem of haar bij het ontwerpproces!
  • 26. eigenlijk net als vroeger ;-)
  • 27. tijd voor een model
  • 28.
  • 29.
  • 30. usability making sure things work! (Steve Krug)
  • 31. eyetracking! gebruik bestaande kennis! test zelf, kijk en leer! zie wat bezoekers zien heuristieken
  • 32.
  • 33.
  • 34. 10 heuristieken van Jacob Nielsen Visibility of system status Match between system and the real world User control and freedom Consistency and standards Error prevention Recognition rather then recall Flexibility and efficiency of use Aesthetic and minimalist design Help users recognize, diagnose, and recover from errors Help and documentation
  • 35. 10 heuristieken (Jacob Nielsen) zichtbaarheid van de status
  • 36. 10 heuristieken (Jacob Nielsen) Match tussen systeem en de echte wereld
  • 37. 10 heuristieken (Jacob Nielsen) Zekerheid en controle
  • 38. 10 heuristieken (Jacob Nielsen) Consistentie en standaarden
  • 39. 10 heuristieken (Jacob Nielsen) Voorkom fouten
  • 40. 10 heuristieken (Jacob Nielsen) Herkennen is makkelijker dan onthouden
  • 41. 10 heuristieken (Jacob Nielsen) Flexibiliteit en efficiency
  • 42. 10 heuristieken (Jacob Nielsen) Vorm en minimalisme
  • 43. 10 heuristieken (Jacob Nielsen) Herken fouten en los ze op
  • 44. 10 heuristieken (Jacob Nielsen) Bied hulp en ondersteuning
  • 45. usability making sure things work! (Steve Krug)
  • 46.
  • 47. even een kader scheppen
  • 48. denk jij dat jij controle hebt over je eigen beslissingen?
  • 49.
  • 50.
  • 51.
  • 52.
  • 54. persuasio een poging om iemands gedrag n of houding (of beide) te beïnvloeden (BJ Fogg) zonder dwang of misleiding
  • 56. Principle of Reduction Principle of Tunneling Principle of Tailoring Principle of Suggestion Principle of Self-Monitoring Principle of Surveillance Principle of Conditioning Principe of Cause and Effect Principle of Virtual Rehearsal Principle of Virtual Rewards Principle of Simulations in Real- Principle of Attractiveness World Contexts Principle of Similarity Principle of Praise Principle of Reciprocity Principle of Authority Principle of Trustworthiness Principle of Expertise Principe of Presumed Credibility Principle of Surface Credibility Principle of Reputed Credibility Principele of Earned Credibility Principle of (Near) Perfection Principle of “Real-World Feel” Principle of Easy Verifiability Principle of Fulfillment Principle of Ease-of-Use Principle of Personalization Principle of Responsiveness Principle of Kairos Principle of Convenience Principle of Mobile Simplicity Principle of Mobile Loyalty Principle of Mobile Marriage Principle of Information Quality Principle of Social Facilitation Principle of Social Comparison Principle of Normative Influence Principle of Social Learning Principle of Competition Principle of Cooperation Principle of Recognition
  • 57. Framing (context aanpassen) verdwaal niet, volg de omleiding
  • 58. Framing (context aanpassen) de angst om iets kwijt te raken weegt zwaarder dan de kans om iets te winnen
  • 59. Framing (context aanpassen) nog 4, bestel snel!
  • 60. Tunneling focus!
  • 61. Tailoring maak het persoonlijk!
  • 62. Tailoring maak het persoonlijk!
  • 63. Fun! een lach zorgt voor conversie ;-)
  • 64. Fun! een lach zorgt voor conversie ;-)
  • 65. Autoriteit vertrouwen in de onafhankelijke expert
  • 66. Autoriteit vertrouwen in de onafhankelijke expert
  • 67. Autoriteit vertrouwen in de onafhankelijke expert
  • 68. Autoriteit vertrouwen in de onafhankelijke expert
  • 69. Autoriteit vertrouwen in de onafhankelijke expert
  • 70. Wederkerigheid we staan niet graag bij iemand in het krijt
  • 71. Wederkerigheid we staan niet graag bij iemand in het krijt
  • 72. Schaarsheid benadruk schaarste, exclusieve features en exclusieve informatie
  • 73. Schaarsheid benadruk schaarste, exclusieve features en exclusieve informatie
  • 74. Consistentie stap voor stap, begin met iets kleins, trek de lijn door
  • 75. Consistentie stap voor stap, begin met iets kleins, trek de lijn door
  • 76. Consistentie stap voor stap, begin met iets kleins, trek de lijn door
  • 77. Consistentie stap voor stap, begin met iets kleins, trek de lijn door
  • 78. Consistentie stap voor stap, begin met iets kleins, trek de lijn door
  • 79. Sympathie ook online gaat het om gunnen
  • 80. Sympathie ook online gaat het om gunnen
  • 81. Sympathie ook online gaat het om gunnen
  • 83.
  • 84.
  • 85.
  • 87. uiteindelijk trek je aan het kortste eind...
  • 88.
  • 89.
  • 90. Raymond Klompsma 06 - 24 33 18 79 www.twitter.com/raymondc7 www.raymondklompsma.nl bedankt voor jullie aandacht

Notas do Editor

  1. 101
  2. glijdende schaal ethiek zit niet in de tool maar in het hoofd van de designer, hij bepaalt knop rood of groen maken, mag dat nog wel
  3. glijdende schaal ethiek zit niet in de tool maar in het hoofd van de designer, hij bepaalt knop rood of groen maken, mag dat nog wel
  4. glijdende schaal ethiek zit niet in de tool maar in het hoofd van de designer, hij bepaalt knop rood of groen maken, mag dat nog wel
  5. Nederlands onderzoek: smells like clean spirit (2005) lezen 2 ruimtes worden enquetes gehouden, in de ene ruimte staat een emmer met zeepsop daarna lunch, mensen uit de ruimte met de seepsop zijn ‘geframed’ en houden hun nabije omgeving schoner, vegen kruimels van tafel Rob Holland, Radboud Universiteit en Universiteit van Utrecht 2005 - Smells Like Clean Spirit - Nonconscious Effects of Scent on Cognition and Behavior
  6. Lesje conversie Nigeriaanse banken - Mooie vrouwen tonen in brochure en briefpapier Zelfs rente was hoger. anders kijken mensen naar de cijfers, beslissingen op basis emotie vb. staat op usabilityweb
  7. Verhaal opzoeken in ‘Nudge’. Richard H. Thaler, Cass R. Sunstein Kleinste dingen invloed op gedrag. 80% minder vieze toiletten. Nederlandse uitvinding. Door Nudge wereldwijd. dit is niet alleen leuk, bespaart schoonmaakuren en dus chemicalien --> gezondheid medewerkers zelfs de kleinste dingen zijn van invloed op je gedrag nederlandse uitvindingen amerikaans zakenman las dit, heeft dit groot gemaakt en nu vind je het overal
  8. online webshop, bankstellen kopen wolken achtergrond: --> ginenmeer voor de cosey bankstellen kleur groen = dollarbiljet --> zaten meer op de portomonee Achtergrondafbeelding van invloed op keuze - Usabilityweb. In het interessante paper When Web Pages Influence Choice: Effects of Visual Primes on Experts and Novices beweren onderzoekers Mandel en Johnson dat dit echter wel het geval is.
  9. glijdende schaal ethiek zit niet in de tool maar in het hoofd van de designer, hij bepaalt knop rood of groen maken, mag dat nog wel
  10. motivatie en gemak, maar iemand moet wel getriggerd worden, je kunt behoefte creeeren dan ontstaat conversie Triggers, sporen je aan iets te doen. Vb. nieuwsbrief, twitterbericht. Timing is ontzettend belangrijk bij triggers. Facilitator/Spark/Signal Wat zou de beste dag zijn om een nieuwsbrief te versturen? je hebt een bougies nodig, er moeten vonkjes ontstaan
  11. deze keuze gaat hier aan vooraf