Designing WordPress - Heart&Sole2011

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 Speciﬁc 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 Speciﬁc 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 Speciﬁc 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 Speciﬁc 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

76. It All Started With Some Tabs

86. Don’t Forget

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

Designing WordPress - Heart&Sole2011

More Related Content

Similar to Designing WordPress - Heart&Sole2011 (6)

Recently uploaded (20)

Designing WordPress - Heart&Sole2011