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...
22. Examples :
Flickr welcome messages
Google logos
MailChimp chimp antics
Twitter fail whale
Easter eggs
Error pages - “to err is human”
- Alexander Pope
23.
24.
25.
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 del 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