Design for humans not robots, with WordPress
•Transferir como ZIP, PDF•
0 gostou•1,404 visualizações
London WordPress meetup talk
Recomendados
Mais conteúdo relacionado
Destaque
Destaque (20)
Semelhante a Design for humans not robots, with WordPress
Semelhante a Design for humans not robots, with WordPress (8)
Último
Último (20)
Design for humans not robots, with WordPress
- 1. Design for humans, not robots, with WordPress by Tammie Lister
- 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
- 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.
- 4. 3 steps to designing for humans Make it personal Fill a need Create emotional responses
- 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...
- 6. You can take personalisation too far!
- 7. Personalisation is a privilege not a right
- 8. Fill a need Aarron Walter - ‘Designing for emotion’ http://aarronwalter.com/ { -
- 9. Physiological -
- 10. Safety Hierarchy
- 11. of
- 12. Needs -
- 13. Love
- 14. and
- 15. belonging -
- 16. Marlow -
- 17. Esteem -
- 18. Self
- 19. actualisation -
- 20. Self
- 21. transcendence http://en.wikipedia.org/wiki/Maslow%27s_hierarchy_of_needs A human’s WordPress hooks Manfred Max-Neef extra credit : http://en.wikipedia.org/wiki/Fundamental_human_needs
- 22. Examples : Flickr welcome messages Google logos MailChimp chimp antics Twitter fail whale Easter eggs Error pages - “to err is human” - Alexander Pope
- 26. Awoga too much emotion#!? o_O Too much emotion makes :( Don’t alienate Know your users, know their responses You can’t please all of the people all the time
- 27. 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
- 28. 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
- 30. Thank you :) Tammie Lister www.logicalbinary.com Twitter : @karmatosed
Notas do Editor
- \n
- Don’t get me wrong robots are cool. But they aren’t humans and you know what they aren’t the ones visiting your sites to interact with them. Take emotions for instance - if films and cartoons told us nothing - robots suck at emotions.\n
- Yes grids, responsive, formulas and techniques rock... but we’re in danger of loosing the soul of our designs. It’s time to focus on the heart of what we do and give some heart back to the web.\n
- Lets look at each of these\n
- Making it personal means knocking down those barriers of entry. Approach with an open hand and give your users a virtual hand shake. \n- Go through points\nIt’s not just about cartoons, characters and jokes - personalisation is important. But...\n
- \n
- In the film Hackers, Serial Killer says ‘spandex is a privilege not a right’ - same goes for personalisation. Personalisation is a privilege not a right.\n
- Aaron Walter wrote a book recently I’d highly recommend ‘Designing for Emotion’. In that he looked at the hierarchy of needs by Marlow. \nGo through each.\nThink of these needs just like the WordPress hooks but for humans.\n
- Lets look at some examples.\nGo through each.\nLets take a deeper look at 3 of those - error pages, google logos and the twitter fail whale.\n
- As you can see 404 pages are really where the world is your oyster.\nLegos and southpark - can’t be wrong.\n
- Google logos have risen to cult status celebrating birthdays and occasions.\nThis is a great example of a human touch that has grown to it’s own phenomenon.\nThere are even html5 video ones now.\n
- Turning a bad thing into a good thing is one thing adding the human touch can do. The twitter fail whale is a great example of this.\n
- Just like personality though take care.\nEmotion is great but a double edge sword.\nDon’t be afraid to use it - just be sensible.\n
- Lets get practical now. You might be thinking all this is good but I need to start from scratch. Not at all as you can see in this table.\nGo through points.\n
- The great news is WordPress is easy to design for humans with. It’s built simply and with humans in mind from the start - giving you a head start.\nGo through each.\n
- Fill those needs and create emotional responses.\nGive you users an eye hug.\nCreate moments of joy in your site.\n
- \n