How to design a seductive website


Published on

Two decades after its birth, the web has through gone through the awkwardness of adolescence and reached adulthood. These days great websites aren’t just easy and intuitive to use, they also use human psychology to encourage specific behaviour. In this lively talk, Trent will distill learnings from more than 1,000 design research projects and help you to apply insights from social psychology, game theory and neuroscience to make your websites more compelling. You will learn:
* How to use human psychology to encourage user behaviour
* How even serious websites can be benefit from being more playful
* Inspiring local and overseas examples of seductive interfaces

Published in: Technology, Design
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

How to design a seductive website

  1. How to design aseductive website
  2. @andrewfantastic
  3. Liking, authority
  4. Social proof
  5. Social proof
  6. Email #3: Weemphasizedscarcity by placing atime limit on theoffer“…only 12 daysaway.”
  7. #5: Weemphasizedscarcity by makingsomethingunavailable“You can’t buy ituntil WorldUsability Day nextweek.”
  8. #7: We invokedsocial proof byimplying thathundreds of peoplewill be signing up“…if you’re one ofthe first 200 tobuy.”
  9. #9: We emphasizedscarcity by makingsomethingunavailable“The RedesignBonanza is nowCLOSED.”
  10. #10: We re-openedthe offer, for 6hours.Guess whathappened? (I’ll tellyou at the end)
  11. How to design aseductive website
  12. Useful UsableDesirable
  13. Help people toChoose well
  14. Hick’s Law “The time it takes to make adecision increases as the number of alternatives increases” T = b • l o g 2( n + 1 )
  15. 1. Design ‘6-jam’ web pages
  16. Which circle is bigger?
  17. Choice is relative
  18. Men pay more for accessories afterbuying a suit than before
  19. 2. Consider cross-selling and up-selling
  20. On a voting paper where would you want your name on the list?
  21. The first row is three times more likely to be clicked on than the second row
  22. 3. Make sure the first item is thething you want to ‘sell’ the most
  23. How much for an add-on?
  24. Making it deliberately hard forpeople to make choices is evil
  25. Design forSocial proof
  26. We tend to follow thepatterns of similar people (particularly in new or unfamiliar situations)
  27. Which rating would you trust more?
  28. 4. Use reviews and ratings
  29. 5. Use data and statistics
  30. 6. Use graphs and charts
  31. BeLikable
  32. We like people like us
  33. 7. Use testimonials and case studies (With photos and relevant details that help visitors to relate to them)
  34. 8. Show photos of your team
  35. 75
  36. 9. Show some personality And have a sense of humour
  37. If someone is physically attractive, people tend toassume they also have a host of admirable qualities, such as intelligence and honesty - B.J. Fogg
  38. Teachers presume that good-lookingchildren are more intelligent than their less attractive classmates
  39. A visually appealingwebsite is seen as more credible
  40. 10. Be attractive
  41. Design forScarcity
  42. If something has limited availability, then we assume that it is more valuable
  43. 11. Emphasize limited numbers
  44. 12. Emphasize deadlines
  45. 13. Use phrases like ‘todayonly’ and ‘for a limited time’
  46. 14. Encourage competition
  47. Design forReciprocity
  48. What would happen if you sentChristmas cards to 578 complete strangers?
  49. If I give something to you or help you in any way, then you are obliged to return the favour
  50. The mostpopularspot onthe Xerohomepage?‘Try forfree’
  51. 15. Give away free… …product …information…recommendations …upgrades
  52. Visitors are twice as likely to fill out the form after receiving the freebie
  53. 16. Give people the freebiebefore asking them for anything in return
  54. Conclusion
  55. World Usability Day special• Scarcity e.g. one day only• Reciprocity e.g. giving money to the Dian Fossey Gorilla Fund• Likeness e.g. tone of the emails• Authority e.g. WUD and UPA logos• Social proof e.g. customer logos, testimonials• Loss aversion e.g. re-opening the special
  56. 17 sales were made before the doors were opened
  57. Re-opening the offer for 6 hours resulted in an extra 15% sales
  58. 5 months’revenue inone month!
  59. Next steps
  60. Help people to Choose well Design for Scarcity1. Design ‘6-jam’ web pages 11. Emphasize limited numbers2. Consider cross-selling and up- 12. Emphasize deadlines selling 13. Use phrases like ‘today only’ and ‘for3. Make sure the first item is the thing a limited time’ you want to ‘sell’ the most 14. Encourage competitionDesign for Social proof Design for Reciprocity4. Use reviews and ratings 15. Give away free product,5. Use data and statistics information, recommendations,6. Use graphs and charts upgrades 16. Give people the freebie before asking them for their contact detailsBe Likable7. Use testimonials and case studies, with photos and relevant details that help visitors to relate to them8. Show photos of your team9. Show some personality, and have a sense of humour10. Be attractive
  61. up to our newsletter
  62. Links / Picture Credits• Slide 1: Photo is of Psyche Revived by Cupids Kiss from• Slide 3:• Slide 4:• Slide 22: Jam photo from• Slide 22: Diagram of jams from Neuro Web Design (2009)• Slide 23:• Slide 24:• Slide 26:• Slide 27:• Slide 28:• Slide 30:• Slide 33: Images from• Slide 34:• Slide 36: Image from• Slide 38:• Slide 39:• Slide 40:• Slide 46:• Slide 47:• Slide 51: Image from• Slide 52:• Slide 54:• Slide 55:• Slide 57:• Slide 57:• Slide 57:• Slide 57:• Slide 57:
  63. Links / Picture Credits• Slide 59:• Slide 60:• Slide 62: Image from• Slide 63:• Slide 68:• Slide 68:• Slide 68:• Slide 68:• Slide 70:• Slide 71:• Slide 72:• Slide 72:• Slide 74:• Slide 75:!/AirNZFairy• Slide 76:• Slide 77:• Slide 80: Image from• Slide 81:• Slide 84:• Slide 89:• Slide 93:• Slide 100:• Slide 102:• Slide 105: Image from• Slide 107:• Slide 107:• Slide 108:
  64. Links / Picture Credits• Slide 109:• Slide 111:• Slide 112:• Slide 112:• Slide 113:• Slide 115:• Slide 123:• Slide 124: