20100603 Iam Media

659 views
581 views

Published on

Presentatie over de essentie van webdesign. Websites ontwerp je voor je bezoeker. In de presentatie geef ik veel voorbeelden over hoe je zelf met je website aan de slag kunt. Ik maak een onderverdeling in usability (drempels wegnemen) en persuasion (motivatie).

Published in: Design, Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
659
On SlideShare
0
From Embeds
0
Number of Embeds
81
Actions
Shares
0
Downloads
9
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide


  • 101

























  • 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













  • 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

  • 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

  • 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




  • 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


  • 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
  • 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.

  • 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
  • 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



























  • deze keuze gaat hier aan vooraf







  • 20100603 Iam Media

    1. 1. websites ontwerp voor je mensen!
    2. 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. 3. online design company sinds 1999 14 mensen gevestigd in Groningen en Amsterdam
    4. 4. wat is de meest gebruikte knop wanneer je aan het ‘internetten’ bent?
    5. 5. vaak ergert technologie ons!
    6. 6. 85% van de online shoppers verlaat vroegtijdig hun winkelwagentje
    7. 7. e-rage
    8. 8. filmpje planet internet
    9. 9. maar hoe verklaren we dan deze positieve cijfers?
    10. 10. Het internet van NU is te vergelijken met de elektriciteit van TOEN
    11. 11. 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
    12. 12. Omdat het kan! Websites worden volgebouwd met functionaliteiten omdat het kan, maar voor wie?
    13. 13. Oplossing Zet je bezoeker centraal en betrek hem of haar bij het ontwerpproces!
    14. 14. eigenlijk net als vroeger ;-)
    15. 15. tijd voor een model
    16. 16. usability making sure things work! (Steve Krug)
    17. 17. eyetracking! gebruik bestaande kennis! test zelf, kijk en leer! zie wat bezoekers zien heuristieken
    18. 18. 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
    19. 19. 10 heuristieken (Jacob Nielsen) zichtbaarheid van de status
    20. 20. 10 heuristieken (Jacob Nielsen) Match tussen systeem en de echte wereld
    21. 21. 10 heuristieken (Jacob Nielsen) Zekerheid en controle
    22. 22. 10 heuristieken (Jacob Nielsen) Consistentie en standaarden
    23. 23. 10 heuristieken (Jacob Nielsen) Voorkom fouten
    24. 24. 10 heuristieken (Jacob Nielsen) Herkennen is makkelijker dan onthouden
    25. 25. 10 heuristieken (Jacob Nielsen) Flexibiliteit en efficiency
    26. 26. 10 heuristieken (Jacob Nielsen) Vorm en minimalisme
    27. 27. 10 heuristieken (Jacob Nielsen) Herken fouten en los ze op
    28. 28. 10 heuristieken (Jacob Nielsen) Bied hulp en ondersteuning
    29. 29. usability making sure things work! (Steve Krug)
    30. 30. even een kader scheppen
    31. 31. denk jij dat jij controle hebt over je eigen beslissingen?
    32. 32. Derren Brown
    33. 33. persuasio een poging om iemands gedrag n of houding (of beide) te beïnvloeden (BJ Fogg) zonder dwang of misleiding
    34. 34. BJ Fogg Stanford university
    35. 35. 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
    36. 36. Framing (context aanpassen) verdwaal niet, volg de omleiding
    37. 37. Framing (context aanpassen) de angst om iets kwijt te raken weegt zwaarder dan de kans om iets te winnen
    38. 38. Framing (context aanpassen) nog 4, bestel snel!
    39. 39. Tunneling focus!
    40. 40. Tailoring maak het persoonlijk!
    41. 41. Tailoring maak het persoonlijk!
    42. 42. Fun! een lach zorgt voor conversie ;-)
    43. 43. Fun! een lach zorgt voor conversie ;-)
    44. 44. Autoriteit vertrouwen in de onafhankelijke expert
    45. 45. Autoriteit vertrouwen in de onafhankelijke expert
    46. 46. Autoriteit vertrouwen in de onafhankelijke expert
    47. 47. Autoriteit vertrouwen in de onafhankelijke expert
    48. 48. Autoriteit vertrouwen in de onafhankelijke expert
    49. 49. Wederkerigheid we staan niet graag bij iemand in het krijt
    50. 50. Wederkerigheid we staan niet graag bij iemand in het krijt
    51. 51. Schaarsheid benadruk schaarste, exclusieve features en exclusieve informatie
    52. 52. Schaarsheid benadruk schaarste, exclusieve features en exclusieve informatie
    53. 53. Consistentie stap voor stap, begin met iets kleins, trek de lijn door
    54. 54. Consistentie stap voor stap, begin met iets kleins, trek de lijn door
    55. 55. Consistentie stap voor stap, begin met iets kleins, trek de lijn door
    56. 56. Consistentie stap voor stap, begin met iets kleins, trek de lijn door
    57. 57. Consistentie stap voor stap, begin met iets kleins, trek de lijn door
    58. 58. Sympathie ook online gaat het om gunnen
    59. 59. Sympathie ook online gaat het om gunnen
    60. 60. Sympathie ook online gaat het om gunnen
    61. 61. over de schreef?
    62. 62. ethiek? de designer bepaalt!
    63. 63. uiteindelijk trek je aan het kortste eind...
    64. 64. Raymond Klompsma 06 - 24 33 18 79 www.twitter.com/raymondc7 www.raymondklompsma.nl bedankt voor jullie aandacht

    ×