Designing WordPress - Heart&Sole2011

34,551 views
32,707 views

Published on

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

Published in: Design
10 Comments
65 Likes
Statistics
Notes
No Downloads
Views
Total views
34,551
On SlideShare
0
From Embeds
0
Number of Embeds
1,796
Actions
Shares
0
Downloads
1,024
Comments
10
Likes
65
Embeds 0
No embeds

No notes for slide

Designing WordPress - Heart&Sole2011

  1. John O’Nolan twitter.com/johnonolan Radiiate head of operations WordPress deputy head of UI groupClients: Writing:Projects: .com .com
  2. Lesson 1.There is no way to keep30,000,000 users happy.
  3. But we do our best.
  4. Lesson 2. How Much You Think You Know About WordPress How Much You Really Know About WordPress
  5. Lesson 3. Charts That John Finds Useful & Funny Charts That Are Genuinely Useful Charts That Are Genuinely Funny
  6. Progression of Chart Humour 5037.5 2512.5 0-12.5 -25-37.5 Start Middle End After Party Level of Funny
  7. Behind The Scenes
  8. Behind The Scenes
  9. 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 Specific 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)
  10. 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 Specific 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)
  11. 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)
  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 LeadAndrew Nacin Dion Hulse Specific 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)
  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 LeadAndrew Nacin Dion Hulse Specific 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)
  14. Let’s Go Back In Time
  15. WordPress 0.71
  16. WordPress 1.5
  17. WordPress 2.3
  18. WordPress 2.5
  19. WordPress 2.7
  20. WordPress 3.0
  21. We’ve come a long way.
  22. Who Are We Designing For?
  23. 100,000,000 Views Per Day
  24. 100,000,000 Views Per Day Just on WordPress.com
  25. 3,000,000,000 Views Per Month
  26. A Report Last Year Suggested ThatWordPress Powers 8.5% of The Internet
  27. Over 26,000,000 Sites
  28. BUT
  29. Microsoft migrated an estimated30,000,000 additional sites to WordPress.com
  30. Total: 56,000,000 Sites*
  31. * How Many Sites Microsoft Said They Migrated How Many They Really Migrated
  32. Total: 30,000,000 Sites (ish)
  33. It’s like selling out every seat at every match at every stadium at the World Cup
  34. 10 Times
  35. The Best Part?
  36. They Speak Over60 Different Languages
  37. Who Are We Designing For?
  38. Lots of people.
  39. The WordPress Design Team
  40. Jane Wells Head of UI / UX / Community
  41. Matt Thomas WordPress Style Lead
  42. John O’Nolan Deputy Head of UI Group That’s me!
  43. Ben Dunkle Icon Designer
  44. The UI Group Tracy Cannon + Sara Cannon + Chelsea Otakan + Irregular Members + Honorary Member: Andrew (codemonkey) Nacin
  45. How Do We Do it?
  46. Users Matt Dev Lead UI Lead
  47. Users Matt Dev Lead UI LeadStyle Lead Icon Design UI Deputy
  48. Users Matt Dev Lead UI LeadStyle Lead Icon Design UI Deputy UI Group UI Lead (design) Style Lead UI Deputy
  49. 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?)
  50. 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
  51. 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
  52. 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
  53. 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
  54. It All Started With Some Tabs
  55. 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
  56. Don’t Forget
  57. &
  58. Everything has to be flexible
  59. What’s Next?
  60. WordPress 3.1
  61. Blue Admin Skin
  62. UI Elements PSD (UI Group Repository)
  63. Style Guide
  64. Beautiful CSS (phase 1)
  65. What’s Coming inWordPress 3.2 ?
  66. You Tell Me.
  67. The UI Group Blog:http://make.wordpress.org/uiThe UI Group Meeting: Tuesdays - 19:00 GMT http://webchat.freenode.net Channel: wordpress-ui
  68. 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

×