Word Up Brighton

1,855 views
1,796 views

Published on

My talk at Word Up Brighton in May 2011

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,855
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
239
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Word Up Brighton

  1. 1. How to do cool stuff with WordPress and make yourself more sexuallyattractive, and smarter, andricher, and generally much better at life. Kind of. by John O’Nolan
  2. 2. John O’Nolantwitter.com/johnonolan Who?
  3. 3. John O’Nolantwitter.com/johnonolanCure world hunger (approved by Jesus)
  4. 4. John O’Nolantwitter.com/johnonolan I’m a Designer
  5. 5. John O’Nolan twitter.com/johnonolan I’m a DesignerWho likes to take Photos
  6. 6. John O’Nolan twitter.com/johnonolan I’m a DesignerWho likes to take Photos& build Stuff on the web
  7. 7. John O’Nolan twitter.com/johnonolan I’m a DesignerWho likes to take Photos & build Stuff on the webPeople tell me I swearat inappropriate moments
  8. 8. John O’Nolantwitter.com/johnonolan I work for WordPress UI Team Deputy
  9. 9. John O’Nolan twitter.com/johnonolan I work for WordPress UI Team DeputyI built a travel blog for over at
  10. 10. John O’Nolan twitter.com/johnonolan I work for WordPress UI Team DeputyI built a travel blog for over at I built a travel app for the new aircraft
  11. 11. John O’Nolantwitter.com/johnonolan and some other stuff
  12. 12. Behind The Scenes
  13. 13. 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. 14. 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)
  15. 15. 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)
  16. 16. 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)
  17. 17. 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)
  18. 18. Let’s Go Back In Time
  19. 19. WordPress 0.71
  20. 20. WordPress 1.5
  21. 21. WordPress 2.3
  22. 22. WordPress 2.5
  23. 23. WordPress 2.7
  24. 24. WordPress 3.0
  25. 25. We’ve come a long way.
  26. 26. Who Are We Designing For?
  27. 27. 100,000,000 Views Per Day
  28. 28. 100,000,000 Views Per Day Just on WordPress.com
  29. 29. 3,000,000,000 Views Per Month
  30. 30. A Report Last Year Suggested ThatWordPress Powers 8.5% of The Internet
  31. 31. Over 26,000,000 Sites
  32. 32. BUT
  33. 33. Microsoft migrated an estimated30,000,000 additional sites to WordPress.com
  34. 34. Total: 56,000,000 Sites*
  35. 35. * How Many Sites Microsoft Said They Migrated How Many They Really Migrated
  36. 36. Total: 30,000,000 Sites (ish)
  37. 37. It’s like selling out every seat at every match at every stadium at the World Cup
  38. 38. 10 Times
  39. 39. The Best Part?
  40. 40. They Speak Over60 Different Languages
  41. 41. Who Are We Designing For?
  42. 42. Lots of people.
  43. 43. How Do We Do it?
  44. 44. Users Matt Dev Lead UI Lead
  45. 45. Users Matt Dev Lead UI LeadStyle Lead Icon Design UI Deputy
  46. 46. Users Matt Dev Lead UI LeadStyle Lead Icon Design UI Deputy UI Group UI Lead (design) Style Lead UI Deputy
  47. 47. 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?)
  48. 48. 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
  49. 49. 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
  50. 50. 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
  51. 51. Don’t Forget
  52. 52. &
  53. 53. Everything has to be flexible
  54. 54. It’s challenging
  55. 55. John. You’resupposed to be giving them tips and stuff.
  56. 56. WordPress not Wordpress
  57. 57. Some Basics (general shit)
  58. 58. Must Have PluginsDon’t leave home without them. Ever!- Akismet (Automattic)- After The Deadline (Raphael Mudge)- WordPress Database Backup (Austin Matzko)- Comment Reply Notification (Denishua)- Google Analytics for WordPress (Joost)- WordPress SEO (Joost)
  59. 59. Some Intermediate Stuff (design & pretty colours)
  60. 60. “ A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.— Antoine De Saint-Exupery
  61. 61. “ Everyother designers’ work. secretseethat they copy designer’s dirty little They is work they like and they imitate it. Rather cheekily, they call this inspiration.— Aaron Russell
  62. 62. Some Advanced Stuff (performance and optimisation)
  63. 63. PerformanceWhy should you care?
  64. 64. PerformanceWhy should you care?For every 100ms delay in page load, Amazonmeasured a 1% drop in sales.
  65. 65. PerformanceWhy should you care?For every 100ms delay in page load, Amazonmeasured a 1% drop in sales.1% of $4.3billion a month = $43million
  66. 66. PerformanceWhy should you care?For every 100ms delay in page load, Amazonmeasured a 1% drop in sales.1% of $4.3billion a month = $43millionFor every 500ms delay in page load, Googlemeasured a 20% drop in traffic.
  67. 67. Install W3 Total Cache
  68. 68. Get rid of as many big images, social widgets, and fancy animations as possible.
  69. 69. Measure your speed withthe YSlow plugin for Firefox
  70. 70. 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 PIENAARMyself, Qfamily, petesimon, gesika22, dailyinvention, JamesCridland, xlibber, Ian Lamont, cheezburger.com AUTUMN 2011 http://amzn.to/DesigningEmotion

×