Design for humans not robots, with WordPress

WordPress London Meetup http://www.meetup.com/London-WordPress/events/51522202/

Transcript

1. by Tammie Lister
   Design for humans, not robots,
   with WordPress
   

   View Slide

2. Robots != humans
   Robots + emotions = omg
   Just what do you think you're doing, Dave?
   - Hal
   I am not malfunctioning, you are
   - Hector
   “
   “
   Life don’t talk to me about life
   - Marvin
   “
   

   View Slide

3. Websites shouldn’t
   be paint by numbers
   A website is more than a grid, it’s
   more than a formula and it’s more
   than the latest trend...
   Give your site a soul.
   Connect.
   

   View Slide

4. 3 steps to designing
   for humans
   Make it personal
   Fill a need
   Create emotional responses
   

   View Slide

5. Make it personal
   We’re all different
   Avoid stock images - be an individual
   Avoid jargon infested copy - you are not a cliche
   Don’t preach - talk one on one
   Give it the human touch
   Create an identity for your site that stands out
   But, with personalisation comes great responsibility...
   

   View Slide

6. You can take personalisation too far!
   

   View Slide

7. Personalisation is a privilege not a right
   

   View Slide

8. Fill a need
   Aarron Walter - ‘Designing for emotion’
   http://aarronwalter.com/
   -

   View Slide

9. Examples :
   Flickr welcome messages
   Google logos
   MailChimp chimp antics
   Twitter fail whale
   Easter eggs
   Error pages - “to err is human”
   - Alexander Pope
   

   View Slide

10. View Slide

11. View Slide

12. View Slide

13. Don’t alienate
    Know your users, know their responses
    You can’t please all of the people all the time
    Too much emotion makes :(
    Awoga too much
    emotion#!? o_O
    

    View Slide

14. Getting practical... not just for new sites
    Action Existing Site New Site
    Custom error pages YES YES
    Create moments of joy and give visual hugs YES YES
    Ban boring forms YES YES
    Say NO to corporate gibberish and jargon YES YES
    Reduce the crud - less is more with sites - create paths YES YES
    Stand out from the crowd - know your market YES YES
    Talk to your users not down to your users YES YES
    

    View Slide

15. WordPress is for humans!
    Action WordPress
    Custom error pages Codex page
    Custom headers and backgrounds Built into most themes - easy to add
    Form plugins by the bucket load Gravity forms... list goes on
    Use language files to easily customise a theme Built into most themes - easy to add
    You control content It’s up to you what WordPress outputs
    Admin panel control Hacks, plugins... tunnel your users
    Unique look Roll your own or personalised theme
    

    View Slide

16. Create emotional responses
    

    View Slide

17. Thank you :)
    Tammie Lister
    www.logicalbinary.com
    Twitter : @karmatosed
    

    View Slide