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.

Design for humans not robots, with WordPress


Published on

London WordPress meetup talk

Published in: Design, Technology, Business
  • Be the first to comment

  • Be the first to like this

Design for humans not robots, with WordPress

  1. 1. Design for humans, not robots,with WordPressby Tammie Lister
  2. 2. Robots != humansRobots + emotions = omg “ Just what do you think youre doing, Dave? - Hal “ I am not malfunctioning, you are - Hector “ Life don’t talk to me about life - Marvin
  3. 3. Websitesshouldn’t bepaint bynumbersA website is more than a grid, it’smore than a formula and it’s morethan the latest trend...Give your site a soul.Connect.
  4. 4. 3 steps to designingfor humansMake it personalFill a needCreate emotional responses
  5. 5. Make it personalWe’re all differentAvoid stock images - be an individualAvoid jargon infested copy - you are not a clicheDon’t preach - talk one on oneGive it the human touchCreate an identity for your site that stands outBut, with personalisation comes great responsibility...
  6. 6. You can take personalisation too far!
  7. 7. Personalisation is a privilege not a right
  8. 8. Fill a need Aarron Walter - ‘Designing for emotion’ { -
  9. 9.  Physiological -
  10. 10.  Safety Hierarchy
  11. 11.  of
  12. 12.  Needs -
  13. 13.  Love
  14. 14.  and
  15. 15.  belonging -
  16. 16.  Marlow -
  17. 17.  Esteem -
  18. 18.  Self
  19. 19.  actualisation -
  20. 20.  Self
  21. 21.  transcendence A human’s WordPress hooksManfred Max-Neef extra credit :
  22. 22. Examples :Flickr welcome messagesGoogle logosMailChimp chimp anticsTwitter fail whaleEaster eggsError pages - “to err is human” - Alexander Pope
  23. 23. Awoga too much emotion#!? o_OToo much emotion makes :( Don’t alienate Know your users, know their responses You can’t please all of the people all the time
  24. 24. Getting practical... not just for new sitesAction Existing Site New SiteCustom error pages YES YESCreate moments of joy and give visual hugs YES YESBan boring forms YES YESSay NO to corporate gibberish and jargon YES YESReduce the crud - less is more with sites - create paths YES YESStand out from the crowd - know your market YES YESTalk to your users not down to your users YES YES
  25. 25. WordPress is for humans!Action WordPressCustom error pages Codex pageCustom headers and backgrounds Built into most themes - easy to addForm plugins by the bucket load Gravity forms... list goes onUse language files to easily customise a theme Built into most themes - easy to addYou control content It’s up to you what WordPress outputsAdmin panel control Hacks, plugins... tunnel your usersUnique look Roll your own or personalised theme
  26. 26. Create emotional responses
  27. 27. Thank you :) Tammie Lister Twitter : @karmatosed