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

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

3. Lesson 1.
There is no way to keep
30,000,000 users happy.

4. But we do our best.

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

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

7. Progression of Chart Humour
50
37.5
25
12.5
0
-12.5
-25
-37.5
Start Middle End After Party
Level of Funny

8. Behind The Scenes

11. Behind The Scenes

12. 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 Lead
Andrew Nacin Dion Hulse Specific Area Joseph Scott Mark Riley Matt Thomas
Core 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)

13. 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 Lead
Andrew Nacin Dion Hulse Specific Area Joseph Scott Mark Riley Matt Thomas
Core 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)

14. 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 Wood
Mike 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)

15. 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 Lead
Andrew Nacin Dion Hulse Specific Area Joseph Scott Mark Riley Matt Thomas
Core 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)

16. 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 Lead
Andrew Nacin Dion Hulse Specific Area Joseph Scott Mark Riley Matt Thomas
Core 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)

17. Let’s Go Back In Time

18. WordPress 0.71

22. WordPress 1.5

26. WordPress 2.3

30. WordPress 2.5

34. WordPress 2.7

38. WordPress 3.0

42. We’ve come a long way.

43. Who Are We Designing For?

44. 100,000,000 Views Per Day

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

46. 3,000,000,000 Views Per Month

47. A Report Last Year Suggested That
WordPress Powers
8.5% of The Internet

48. Over 26,000,000 Sites

49. BUT

50. Microsoft migrated an estimated
30,000,000 additional sites
to WordPress.com

51. Total: 56,000,000 Sites*

52. *
How Many Sites Microsoft Said They Migrated
How Many They Really Migrated

53. Total: 30,000,000 Sites
(ish)

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

55. 10 Times

56. The Best Part?

57. They Speak Over
60 Different Languages

58. Who Are We Designing For?

59. Lots of people.

60. The WordPress Design Team

61. Jane Wells
Head of UI / UX / Community

62. Matt Thomas
WordPress Style Lead

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

64. Ben Dunkle
Icon Designer

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

66. How Do We Do it?

67. Users Matt Dev Lead UI Lead

68. Users Matt Dev Lead UI Lead
Style Lead Icon Design UI Deputy

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

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

71. Users Matt Dev Lead UI Lead
Style Lead Icon Design UI Deputy
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

72. Users Matt Dev Lead UI Lead
Some 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

73. Users Matt Dev Lead UI Lead
Some 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

74. Users Matt Dev Lead UI Lead
Some 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

76. It All Started With Some Tabs

77. Users Matt Dev Lead UI Lead
Some 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

86. Don’t Forget

88. &

90. Everything has
to be flexible

91. What’s Next?

92. WordPress 3.1

93. Blue Admin Skin

94. UI Elements PSD
(UI Group Repository)

95. Style Guide

96. Beautiful CSS
(phase 1)

97. What’s Coming in
WordPress 3.2 ?

98. You Tell Me.

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

100. My Name is John O’Nolan
twitter.com/JohnONolan My Book, Coming Soon:
JOHN
facebook.com/JohnONolan
flickr.com/photos/JohnONolan DESIGNING
LICENSING: EMOTION
This talk is released under the Creative Commons 3.0 license.
All slides and content will be available on john.onolan.org BY JOHN O’NOLAN
PHOTO CREDITS:
AND ADII PIENAAR
Biking Nikon PDX, dawgbyte77, Smashing Magazine, Steve
Evans, White Rabbit TV, Andrew Nacin, Jane Wells, Nacinbot,
SleepyNacin, #BlameNacin
SPRING 2011
http://amzn.to/DesigningEmotion