Designing WordPress - Heart&Sole2011

  • View
    24.810

  • Download
    6

  • Category

    Design

Preview:

DESCRIPTION

My talk at Heart&Sole 2011 on designing the WordPress platform. More event info over at http://heartandsole.org.uk/ Video of the presentation here: http://www.vimeo.com/19939668

Citation preview

John O’Nolantwitter.com/johnonolan

Radiiatehead of operations

WordPressdeputy head of UI group

.com .com

Clients: Writing:

Projects:

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 WordPressHow Much You Really Know About WordPress

Lesson 3.

Charts That John Finds Useful & FunnyCharts That Are Genuinely UsefulCharts That Are Genuinely Funny

-37.5

-25

-12.5

0

12.5

25

37.5

50

Start Middle End After Party

Level of Funny

Progression of Chart Humour

Behind The Scenes

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.

The WordPress Design Team

Jane WellsHead of UI / UX / Community

Matt ThomasWordPress Style Lead

John O’NolanDeputy Head of UI Group

That’s me!

Ben DunkleIcon Designer

The UI GroupTracy Cannon + Sara Cannon +

Chelsea Otakan + Irregular Members

+ Honorary Member: Andrew (codemonkey) Nacin

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

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)

BetaRelease

USER TESTING(does it work?) NO!

YES!

Final Release

#blamenacin

UI Deputy Core Dev

It All Started With Some Tabs

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

What’s Next?

WordPress 3.1

Blue Admin Skin

UI Elements PSD(UI Group Repository)

Style Guide

Beautiful CSS(phase 1)

WordPress 3.2 ?What’s Coming in

You Tell Me.

The UI Group Blog: http://make.wordpress.org/ui

The UI Group Meeting:

http://webchat.freenode.net

Tuesdays - 19:00 GMT

Channel: wordpress-ui

Biking Nikon PDX, dawgbyte77, Smashing Magazine, Steve Evans, White Rabbit TV, Andrew Nacin, Jane Wells, Nacinbot,

SleepyNacin, #BlameNacin

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 PIENAARSPRING 2011http://amzn.to/DesigningEmotion

Recommended