Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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 “

Slide 3

Slide 3 text

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.

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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...

Slide 6

Slide 6 text

You can take personalisation too far!

Slide 7

Slide 7 text

Personalisation is a privilege not a right

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

Create emotional responses

Slide 17

Slide 17 text

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