Word Up Brighton

How to do cool stuff with WordPress and make yourself more sexuallyattractive, and smarter, andricher, and generally much better at life. Kind of. by John O’Nolan

John O’Nolantwitter.com/johnonolan Who?

John O’Nolantwitter.com/johnonolanCure world hunger (approved by Jesus)

John O’Nolantwitter.com/johnonolan I’m a Designer

John O’Nolan twitter.com/johnonolan I’m a DesignerWho likes to take Photos

John O’Nolan twitter.com/johnonolan I’m a DesignerWho likes to take Photos& build Stuff on the web

John O’Nolan twitter.com/johnonolan I’m a DesignerWho likes to take Photos & build Stuff on the webPeople tell me I swearat inappropriate moments

John O’Nolantwitter.com/johnonolan I work for WordPress UI Team Deputy

John O’Nolan twitter.com/johnonolan I work for WordPress UI Team DeputyI built a travel blog for over at

John O’Nolan twitter.com/johnonolan I work for WordPress UI Team DeputyI built a travel blog for over at I built a travel app for the new aircraft

John O’Nolantwitter.com/johnonolan and some other stuff

Behind The Scenes

WordPress Users Matt Mullenweg Co-founder & Project Lead Ryan Boren Mark Jaquith Peter Westwood Andrew Ozz Jane Wells Lead Developer Lead Developer Lead Developer Lead Developer UX/UI and Community LeadAndrew Nacin Dion Hulse Speciﬁc Area Joseph Scott Mark Riley Matt ThomasCore Commit Core Commit Core Commit Theme Repo Lead Plugin Repo Lead Style Lead Contributing Core Developers John O’Nolan Ben Dunkle with Temporary Commit Status UI Deputy Icon Designer Trusted Contributing Core Developers Theme Reviewers UI Group Contributors Forum Codex Active Contributing Core Developers Theme Authors Plugin Authors Moderators Editors Forum Casual Contributing Core Developers Testers Docs Team Volunteers WordPress Users (including consultants/private developers)

WORDPRESS.ORG STAKEHOLDERS WordPress Users Matt Mullenweg Co-founder & Project Lead Ryan Boren Mark Jaquith Peter Westwood Andrew Ozz Jane Wells Lead Developer Lead Developer Lead Developer Lead Developer UX/UI and Community LeadAndrew Nacin Dion Hulse Speciﬁc Area Joseph Scott Mark Riley Matt ThomasCore Commit Core Commit Core Commit Theme Repo Lead Plugin Repo Lead Style Lead Contributing Core Developers John O’Nolan Ben Dunkle with Temporary Commit Status UI Deputy Icon Designer Trusted Contributing Core Developers Theme Reviewers UI Group Contributors Forum Codex Active Contributing Core Developers Theme Authors Plugin Authors Moderators Editors Forum Casual Contributing Core Developers Testers Docs Team Volunteers WordPress Users (including consultants/private developers)

THE CIRCLE OF TRUST Donncha Andrew Nacin O’Caoimh Andy Skelton Dion Hulse Joseph Scott Silviu Burca XML-RPC (Scribu) Matt Mullenweg Ryan Boren Samuel WoodMike Adams Jane Wells (Otto42) Matt Thomas Daryl UI/2010 Koopersmith Mark Jaquith Peter Westwood Andrew Ozz Nikolay Bachiyski Jon Cave i18n (duck_) Alex M John O’Nolan (Viper007Bond) (UI Group)

WordPress Users Matt Mullenweg Co-founder & Project Lead Ryan Boren Mark Jaquith Peter Westwood Andrew Ozz Jane Wells Lead Developer Lead Developer Lead Developer Lead Developer UX/UI and Community LeadAndrew Nacin Dion Hulse Speciﬁc Area Joseph Scott Mark Riley Matt ThomasCore Commit Core Commit Core Commit Theme Repo Lead Plugin Repo Lead Style Lead Contributing Core Developers John O’Nolan Ben Dunkle with Temporary Commit Status UI Deputy Icon Designer Trusted Contributing Core Developers Theme Reviewers UI Group Contributors Forum Codex Active Contributing Core Developers Theme Authors Plugin Authors Moderators Editors Forum Casual Contributing Core Developers Testers Docs Team Volunteers WordPress Users (including consultants/private developers)

WORDPRESS.ORG STAKEHOLDERS WordPress Users Matt Mullenweg Co-founder & Project Lead Ryan Boren Mark Jaquith Peter Westwood Andrew Ozz Jane Wells Lead Developer Lead Developer Lead Developer Lead Developer UX/UI and Community LeadAndrew Nacin Dion Hulse Speciﬁc Area Joseph Scott Mark Riley Matt ThomasCore Commit Core Commit Core Commit Theme Repo Lead Plugin Repo Lead Style Lead Contributing Core Developers John O’Nolan Ben Dunkle with Temporary Commit Status UI Deputy Icon Designer Trusted Contributing Core Developers Theme Reviewers UI Group Contributors Forum Codex Active Contributing Core Developers Theme Authors Plugin Authors Moderators Editors Forum Casual Contributing Core Developers Testers Docs Team Volunteers WordPress Users (including consultants/private developers)

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

100,000,000 Views Per Day Just on WordPress.com

3,000,000,000 Views Per Month

A Report Last Year Suggested ThatWordPress Powers 8.5% of The Internet

Over 26,000,000 Sites

Microsoft migrated an estimated30,000,000 additional sites to WordPress.com

Total: 56,000,000 Sites*

* How Many Sites Microsoft Said They Migrated How 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?

Users Matt Dev Lead UI Lead

Users Matt Dev Lead UI LeadStyle Lead Icon Design UI Deputy

Users Matt Dev Lead UI LeadStyle Lead Icon Design UI Deputy UI Group UI Lead (design) Style Lead UI Deputy

Users Matt Dev Lead UI Lead Style Lead Icon Design UI Deputy UI Group UI Lead (design) Style Lead UI DeputyImplement it! YES! REVIEW NO! #blamenacin (does it work?)

Users Matt Dev Lead UI Lead Style Lead Icon Design UI Deputy UI Group UI Lead (design) Style Lead UI DeputyImplement it! YES! REVIEW NO! #blamenacin (does it work?) UI Group UI Deputy Core Dev Beta (markup+css) Release

Users Matt Dev Lead UI LeadSome code stuff happens here Style Lead Icon Design UI Deputy Star Trek? UI Group UI Lead (design) Style Lead UI Deputy Implement it! YES! REVIEW NO! #blamenacin (does it work?) UI Group UI Deputy Core Dev Beta (markup+css) Release

Users Matt Dev Lead UI LeadSome code stuff happens here Style Lead Icon Design UI Deputy Star Trek? UI Group UI Lead (design) Style Lead UI Deputy Implement it! YES! REVIEW NO! #blamenacin (does it work?) USER TESTING (does it work?) NO! UI Group UI Deputy Core Dev Beta YES! (markup+css) Release Final Release

Don’t Forget

Everything has to be flexible

It’s challenging

John. You’resupposed to be giving them tips and stuff.

WordPress not 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

“ Everyother designers’ work. secretseethat they copy designer’s dirty little They is 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, Amazonmeasured a 1% drop in sales.

PerformanceWhy should you care?For every 100ms delay in page load, Amazonmeasured a 1% drop in sales.1% of $4.3billion a month = $43million

PerformanceWhy should you care?For every 100ms delay in page load, Amazonmeasured a 1% drop in sales.1% of $4.3billion a month = $43millionFor every 500ms delay in page load, Googlemeasured 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 withthe YSlow plugin for Firefox

My Name is John O’Nolan twitter.com/JohnONolan My Book, Coming Soon:JOHN facebook.com/JohnONolan flickr.com/photos/JohnONolan DESIGNINGLICENSING: EMOTIONThis talk is released under the Creative Commons 3.0 license.All slides and content will be available on john.onolan.org BY JOHN O’NOLANPHOTO CREDITS: AND ADII PIENAARMyself, Qfamily, petesimon, gesika22, dailyinvention, JamesCridland, xlibber, Ian Lamont, cheezburger.com AUTUMN 2011 http://amzn.to/DesigningEmotion

Word Up Brighton

by John O'Nolan

Accessibility

Categories

Upload Details

Usage Rights

Statistics

Word Up Brighton Presentation Transcript