word up brighton

How to do cool stuff with WordPress and make yourself more sexually

attractive, and smarter, and richer, and generally much

better at life. Kind of.

by John O’Nolan

John O’Nolantwitter.com/johnonolan

Who?

John O’Nolantwitter.com/johnonolan

Cure world hunger(approved by Jesus)

John O’Nolantwitter.com/johnonolan

I’m a Designer

John O’Nolantwitter.com/johnonolan

I’m a DesignerWho likes to take Photos

John O’Nolantwitter.com/johnonolan

I’m a DesignerWho likes to take Photos& build Stuff on the web

John O’Nolantwitter.com/johnonolan

I’m a DesignerWho likes to take Photos& build Stuff on the web

People tell me I swear at inappropriate moments

John O’Nolantwitter.com/johnonolan

WordPressUI Team Deputy

I work for

John O’Nolantwitter.com/johnonolan

WordPressUI Team Deputy

I work for

I built a travel blog for over at

John O’Nolantwitter.com/johnonolan

WordPressUI Team Deputy

I work for

I built a travel blog for over at

I built a travelapp for the new

aircraft

John O’Nolantwitter.com/johnonolan

and some other stuff

Behind The Scenes

Matt MullenwegCo-founder & Project Lead

Ryan BorenLead Developer

Mark JaquithLead Developer

Andrew OzzLead Developer

Peter WestwoodLead Developer

Jane WellsUX/UI and Community Lead

Andrew NacinCore Commit

Dion HulseCore Commit

Contributing Core Developers with Temporary Commit Status

Trusted Contributing Core Developers

Active Contributing Core Developers

Casual Contributing Core Developers

Matt ThomasStyle Lead

Specific Area Core Commit

John O’Nolan UI Deputy

UI Group Contributors

Forum ModeratorsTheme Authors

Docs Team

Plugin Authors

WordPress Users (including consultants/private developers)

Testers

WordPress Users

Theme Reviewers

Mark Riley Plugin Repo Lead

Joseph ScottTheme Repo Lead

Codex Editors

Ben Dunkle Icon Designer

Forum Volunteers

WORDPRESS.ORG STAKEHOLDERS

Matt MullenwegCo-founder & Project Lead

Ryan BorenLead Developer

Mark JaquithLead Developer

Andrew OzzLead Developer

Peter WestwoodLead Developer

Jane WellsUX/UI and Community Lead

Andrew NacinCore Commit

Dion HulseCore Commit

Contributing Core Developers with Temporary Commit Status

Trusted Contributing Core Developers

Active Contributing Core Developers

Casual Contributing Core Developers

Matt ThomasStyle Lead

Specific Area Core Commit

John O’Nolan UI Deputy

UI Group Contributors

Forum ModeratorsTheme Authors

Docs Team

Plugin Authors

WordPress Users (including consultants/private developers)

Testers

WordPress Users

Theme Reviewers

Mark Riley Plugin Repo Lead

Joseph ScottTheme Repo Lead

Codex Editors

Ben Dunkle Icon Designer

Forum Volunteers

THE CIRCLE OF TRUSTAndrew NacinDonncha

O’Caoimh

Jon Cave(duck_)

Silviu Burca(Scribu)

Alex M(Viper007Bond)

Andy Skelton

Joseph ScottXML-RPC

Mike Adams

Matt ThomasUI/2010

Nikolay Bachiyskii18n

Dion Hulse

John O’Nolan(UI Group)

Samuel Wood (Otto42)

Daryl Koopersmith

Matt Mullenweg

Jane Wells

Peter Westwood

Andrew Ozz

Mark Jaquith

Ryan Boren

Matt MullenwegCo-founder & Project Lead

Ryan BorenLead Developer

Mark JaquithLead Developer

Andrew OzzLead Developer

Peter WestwoodLead Developer

Jane WellsUX/UI and Community Lead

Andrew NacinCore Commit

Dion HulseCore Commit

Contributing Core Developers with Temporary Commit Status

Trusted Contributing Core Developers

Active Contributing Core Developers

Casual Contributing Core Developers

Matt ThomasStyle Lead

Specific Area Core Commit

John O’Nolan UI Deputy

UI Group Contributors

Forum ModeratorsTheme Authors

Docs Team

Plugin Authors

WordPress Users (including consultants/private developers)

Testers

WordPress Users

Theme Reviewers

Mark Riley Plugin Repo Lead

Joseph ScottTheme Repo Lead

Codex Editors

Ben Dunkle Icon Designer

Forum Volunteers

WORDPRESS.ORG STAKEHOLDERS

Matt MullenwegCo-founder & Project Lead

Ryan BorenLead Developer

Mark JaquithLead Developer

Andrew OzzLead Developer

Peter WestwoodLead Developer

Jane WellsUX/UI and Community Lead

Andrew NacinCore Commit

Dion HulseCore Commit

Contributing Core Developers with Temporary Commit Status

Trusted Contributing Core Developers

Active Contributing Core Developers

Casual Contributing Core Developers

Matt ThomasStyle Lead

Specific Area Core Commit

John O’Nolan UI Deputy

UI Group Contributors

Forum ModeratorsTheme Authors

Docs Team

Plugin Authors

WordPress Users (including consultants/private developers)

Testers

WordPress Users

Theme Reviewers

Mark Riley Plugin Repo Lead

Joseph ScottTheme Repo Lead

Codex Editors

Ben Dunkle Icon Designer

Forum Volunteers

Let’s Go Back In Time

WordPress 0.71

WordPress 1.5

WordPress 2.3

WordPress 2.5

WordPress 2.7

WordPress 3.0

We’ve come a long way.

Who Are We Designing For?

100,000,000 Views Per Day

Just on WordPress.com100,000,000 Views Per Day

3,000,000,000 Views Per Month

A Report Last Year Suggested That

WordPress Powers 8.5% of The Internet

Over 26,000,000 Sites

BUT

Microsoft migrated an estimated

30,000,000 additional sites to WordPress.com

Total: 56,000,000 Sites*

How Many Sites Microsoft Said They MigratedHow Many They Really Migrated

*

Total: 30,000,000 Sites(ish)

It’s like selling out every seat at every match at every stadium at the World Cup

10 Times

The Best Part?

They Speak Over60 Different Languages

Who Are We Designing For?

Lots of people.

How Do We Do it?

UI LeadDev LeadMattUsers

UI LeadDev LeadMattUsers

Style Lead Icon Design UI Deputy

UI LeadDev LeadMattUsers

Style Lead Icon Design UI Deputy

UI Group(design)UI Lead UI DeputyStyle Lead

UI LeadDev LeadMattUsers

Style Lead Icon Design UI Deputy

UI Group(design)UI Lead UI DeputyStyle Lead

REVIEW(does it work?) NO!YES!Implement it! #blamenacin

UI LeadDev LeadMattUsers

Style Lead Icon Design UI Deputy

UI Group(design)UI Lead UI DeputyStyle Lead

REVIEW(does it work?) NO!YES!Implement it!

UI Group(markup+css)

UI Deputy Core Dev BetaRelease

#blamenacin

UI LeadDev LeadMattUsers

Some code stuff happens

here

Style Lead Icon Design UI Deputy

UI Group(design)UI Lead UI DeputyStyle Lead

Star Trek?

REVIEW(does it work?) NO!YES!Implement it!

UI Group(markup+css)

UI Deputy Core Dev BetaRelease

#blamenacin

UI LeadDev LeadMattUsers

Some code stuff happens

here

Style Lead Icon Design UI Deputy

UI Group(design)UI Lead UI DeputyStyle Lead

Star Trek?

REVIEW(does it work?) NO!YES!Implement it!

UI Group(markup+css)

UI Deputy Core Dev BetaRelease

USER TESTING(does it work?) NO!

YES!

Final Release

#blamenacin

Don’t Forget

&

Everything has to be flexible

It’s challenging

John. You’re supposed to be

giving them tips and stuff.

WordPressnot Wordpress

Some Basics(general shit)

Must Have PluginsDon’t leave home without them. Ever!

- Akismet (Automattic)

- After The Deadline (Raphael Mudge)

- WordPress Database Backup (Austin Matzko)

- Comment Reply Notification (Denishua)

- Google Analytics for WordPress (Joost)

- WordPress SEO (Joost)

Some Intermediate Stuff(design & pretty colours)

A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.

— Antoine De Saint-Exupery

“

Every designer’s dirty little secret is that they copy other designers’ work. They see work they like and they imitate it. Rather cheekily, they call this inspiration.

— Aaron Russell

“

Some Advanced Stuff(performance and optimisation)

PerformanceWhy should you care?

PerformanceWhy should you care?

For every 100ms delay in page load, Amazon measured a 1% drop in sales.

PerformanceWhy should you care?

For every 100ms delay in page load, Amazon measured a 1% drop in sales.

1% of $4.3billion a month = $43million

PerformanceWhy should you care?

For every 100ms delay in page load, Amazon measured a 1% drop in sales.

1% of $4.3billion a month = $43million

For every 500ms delay in page load, Google measured a 20% drop in traffic.

Install W3 Total Cache

Get rid of as many big images, social widgets, and fancy animations as possible.

Measure your speed with the YSlow plugin for Firefox

Myself, Qfamily, petesimon, gesika22, dailyinvention, James Cridland, xlibber, Ian Lamont, cheezburger.com

My Name is John O’NolanJOHN

twitter.com/JohnONolanfacebook.com/JohnONolanflickr.com/photos/JohnONolan

This talk is released under the Creative Commons 3.0 license.

All slides and content will be available on john.onolan.org

PHOTO CREDITS:

LICENSING:

My Book, Coming Soon:

DESIGNINGEMOTIONBY JOHN O’NOLANAND ADII PIENAARAUTUMN 2011http://amzn.to/DesigningEmotion