Designing WordPress - Heart&Sole2011

John O’Nolan twitter.com/johnonolan Radiiate head of operations WordPress deputy head of UI groupClients: Writing:Projects: .com .com

Lesson 1.There is no way to keep30,000,000 users happy.

But we do our best.

Lesson 2. How Much You Think You Know About WordPress How Much You Really Know About WordPress

Lesson 3. Charts That John Finds Useful & Funny Charts That Are Genuinely Useful Charts That Are Genuinely Funny

Progression of Chart Humour 5037.5 2512.5 0-12.5 -25-37.5 Start Middle End After Party Level of Funny

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.

The WordPress Design Team

Jane Wells Head of UI / UX / Community

Matt Thomas WordPress Style Lead

John O’Nolan Deputy Head of UI Group That’s me!

Ben Dunkle Icon Designer

The UI Group Tracy Cannon + Sara Cannon + Chelsea Otakan + Irregular Members + Honorary Member: Andrew (codemonkey) Nacin

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

It All Started With Some Tabs

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

What’s Next?

WordPress 3.1

Blue Admin Skin

UI Elements PSD (UI Group Repository)

Style Guide

Beautiful CSS (phase 1)

What’s Coming inWordPress 3.2 ?

You Tell Me.

The UI Group Blog:http://make.wordpress.org/uiThe UI Group Meeting: Tuesdays - 19:00 GMT http://webchat.freenode.net Channel: wordpress-ui

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 PIENAARBiking Nikon PDX, dawgbyte77, Smashing Magazine, SteveEvans, White Rabbit TV, Andrew Nacin, Jane Wells, Nacinbot,SleepyNacin, #BlameNacin SPRING 2011 http://amzn.to/DesigningEmotion

http://john.onolan.org	210
http://isakib.com	166
http://feeds2.feedburner.com	65
http://www.projectwizards.net	51
http://staging.onolan.org	39
http://phi.development-district.de	38
http://www.conseilsmarketing.fr	37
http://www.artiss.co.uk	30
http://lanyrd.com	29
http://askcodr.com	23
http://blog.websourcing.fr	22
http://www.ashupal.com	15
http://paper.li	15
http://feeds.feedburner.com	14
http://www.conseilsmarketing.com	11
http://rachaely.com	11
http://www.veenendaal.nl	5
http://www.onlydoo.com	4
http://slidestash.com	4
http://tatum.cafe24.com	4
http://philive.development-district.de	4
http://dubuzz.com	3
http://twitter.com	2
http://thebama.net	2
http://www.gunshotdigital.com	2
http://informatica4d01.blogspot.com	2
http://www.netvibes.com	2
http://meltingbrainsincardiff.blogspot.com	2
http://ict-amersfoort.nl	2
http://localhost:3000	2
http://int-intaidants.integra.fr	1
http://192.168.2.9	1
http://translate.googleusercontent.com	1
url_unknown	1
applewebdata://61A0F096-6AB8-4620-A89E-E6062257A743	1
http://testemax2.blogspot.com	1
http://htmledit.squarefree.com	1

Designing WordPress - Heart&Sole2011

by John O'Nolan on Feb 01, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

37 Embeds 823

Statistics

Designing WordPress - Heart&Sole2011 — Presentation Transcript