Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Open Source Design, Mozilla and You <ul><li>John Slater </li></ul><ul><li>7 February, 2009 </li></ul>
<ul><li>Hi. </li></ul>
<ul><li>First, a bit of background... </li></ul>
About Me <ul><li>John Slater </li></ul>
About Me
About Me
What I Do at Mozilla
 
 
 
 
 
 
 
<ul><li>[victory] </li></ul>
<ul><li>Why? </li></ul>
<ul><li>Open Source Design </li></ul>
<ul><li>In this talk, “design” = visual or graphic design…i.e., pretty pictures. </li></ul>
Code
Localization
QA 1,000,000+ Firefox 3 beta testers
Add-ons 6,000+ Firefox add-ons
Spreading Firefox
Extraterrestrial Contact
World Records
LOTS of stuff <ul><li>And much, much more. </li></ul>
<ul><li>But, what does all this talk about open source and community mean for design? </li></ul>
 
<ul><li>What we’re trying to do is build a worldwide community of designers. </li></ul>
<ul><li>A Quick History of Mozilla Community Design </li></ul>
Mozilla Design History <ul><li>The Firefox logo itself is a creation of community design. </li></ul>
Mozilla Design History
Mozilla Design History
Mozilla Design History
Mozilla Design History Sketch by Stephen des Roches
Mozilla Design History Final logo design by Jon Hicks
Mozilla Design History <ul><li>Mozilla.com redesign </li></ul>
Mozilla Design History
Mozilla Design History
Mozilla Design History
Mozilla Design History
Mozilla Design History
Mozilla Design History <ul><li>Firefox 3 T-Shirt Contest </li></ul>
Mozilla Design History
Mozilla Design History <ul><li>[winning shirt] </li></ul>
Mozilla Design History <ul><li>Mozilla Community Store </li></ul>
Mozilla Design History
Mozilla Design History
Mozilla Design History <ul><li>Ubiquity: Open Icon Design </li></ul>
Mozilla Design History
Mozilla Design History
Mozilla Design History
Mozilla Design History <ul><li>Mozilla Mexico Logo Contest </li></ul>
Mozilla Design History
Mozilla Design History
Community Design <ul><li>Now what? </li></ul>
Community Design <ul><li>There already is a Mozilla design community… </li></ul>
Community Design Courtesy of Deviant Art user  Totosa
Community Design Courtesy of Flickr user  MrTopf .
Community Design
Community Design
Community Design
Community Design Courtesy of Flickr user  Rakka .
<ul><li>… but it’s not organized and lacks focus. </li></ul>
<ul><li>Enter the Mozilla Creative Collective </li></ul>
Mozilla Creative Collective <ul><li>The goal is to organize and build our design community around a central hub. </li></ul>
Mozilla Creative Collective <ul><li>Designers will be able to: </li></ul><ul><li>Gain exposure by posting and sharing thei...
Mozilla Creative Collective <ul><li>Designers will be able to: </li></ul><ul><li>Connect with other designers, make contac...
Mozilla Creative Collective <ul><li>Designers will be able to: </li></ul><ul><li>Improve their own skills by learning from...
Mozilla Creative Collective <ul><li>Design challenges will provide focus and a sense of friendly competition. </li></ul>
Mozilla Creative Collective <ul><li>An open source approach to visual design. </li></ul>
Mozilla Creative Collective <ul><li>It’s about connecting people. </li></ul>
Mozilla Creative Collective <ul><li>Connect the community and designers via a job board. </li></ul>
Mozilla Creative Collective
Mozilla Creative Collective
Mozilla Creative Collective
Mozilla Creative Collective <ul><li>Good design = a powerful way to spread the word about Mozilla & its products </li></ul>
Mozilla Creative Collective <ul><li>The Creative Collective site will host posters, flyers, desktop wallpaper… </li></ul>
Mozilla Creative Collective <ul><li>… t-shirts, web site mockups, advertisements… </li></ul>
Mozilla Creative Collective <ul><li>… logos, icons, stickers… </li></ul>
Mozilla Creative Collective <ul><li>… and art that’s just fun to look at. </li></ul>
Mozilla Creative Collective <ul><li>It’s a bit like a wartime propaganda campaign… </li></ul>
Mozilla Creative Collective <ul><li>… minus the war and the propaganda. </li></ul>
Mozilla Creative Collective <ul><li>In other words, using widely distributed art to convey a message. </li></ul>
Mozilla Creative Collective <ul><li>It’s all about the power of a community. </li></ul>
Mozilla Creative Collective <ul><li>Anything can be accomplished. </li></ul>
Your Turn <ul><li>Questions or comments? </li></ul>
How to Get Involved <ul><li>[email_address] </li></ul><ul><li>www.intothefuzz.com </li></ul>
<ul><li>Thanks! </li></ul>
Upcoming SlideShare
Loading in …5
×

Open Source Design, Mozilla and You

12,406 views

Published on

Talk given at the FOSDEM 2009 conference in Brussels regarding ways we can build up Mozilla's visual design community.

Note: this presentation won't make 100% sense without the accompanying voiceover (several slides are just images that I talked about).

Published in: Technology
  • Be the first to comment

Open Source Design, Mozilla and You

  1. 1. Open Source Design, Mozilla and You <ul><li>John Slater </li></ul><ul><li>7 February, 2009 </li></ul>
  2. 2. <ul><li>Hi. </li></ul>
  3. 3. <ul><li>First, a bit of background... </li></ul>
  4. 4. About Me <ul><li>John Slater </li></ul>
  5. 5. About Me
  6. 6. About Me
  7. 7. What I Do at Mozilla
  8. 15. <ul><li>[victory] </li></ul>
  9. 16. <ul><li>Why? </li></ul>
  10. 17. <ul><li>Open Source Design </li></ul>
  11. 18. <ul><li>In this talk, “design” = visual or graphic design…i.e., pretty pictures. </li></ul>
  12. 19. Code
  13. 20. Localization
  14. 21. QA 1,000,000+ Firefox 3 beta testers
  15. 22. Add-ons 6,000+ Firefox add-ons
  16. 23. Spreading Firefox
  17. 24. Extraterrestrial Contact
  18. 25. World Records
  19. 26. LOTS of stuff <ul><li>And much, much more. </li></ul>
  20. 27. <ul><li>But, what does all this talk about open source and community mean for design? </li></ul>
  21. 29. <ul><li>What we’re trying to do is build a worldwide community of designers. </li></ul>
  22. 30. <ul><li>A Quick History of Mozilla Community Design </li></ul>
  23. 31. Mozilla Design History <ul><li>The Firefox logo itself is a creation of community design. </li></ul>
  24. 32. Mozilla Design History
  25. 33. Mozilla Design History
  26. 34. Mozilla Design History
  27. 35. Mozilla Design History Sketch by Stephen des Roches
  28. 36. Mozilla Design History Final logo design by Jon Hicks
  29. 37. Mozilla Design History <ul><li>Mozilla.com redesign </li></ul>
  30. 38. Mozilla Design History
  31. 39. Mozilla Design History
  32. 40. Mozilla Design History
  33. 41. Mozilla Design History
  34. 42. Mozilla Design History
  35. 43. Mozilla Design History <ul><li>Firefox 3 T-Shirt Contest </li></ul>
  36. 44. Mozilla Design History
  37. 45. Mozilla Design History <ul><li>[winning shirt] </li></ul>
  38. 46. Mozilla Design History <ul><li>Mozilla Community Store </li></ul>
  39. 47. Mozilla Design History
  40. 48. Mozilla Design History
  41. 49. Mozilla Design History <ul><li>Ubiquity: Open Icon Design </li></ul>
  42. 50. Mozilla Design History
  43. 51. Mozilla Design History
  44. 52. Mozilla Design History
  45. 53. Mozilla Design History <ul><li>Mozilla Mexico Logo Contest </li></ul>
  46. 54. Mozilla Design History
  47. 55. Mozilla Design History
  48. 56. Community Design <ul><li>Now what? </li></ul>
  49. 57. Community Design <ul><li>There already is a Mozilla design community… </li></ul>
  50. 58. Community Design Courtesy of Deviant Art user Totosa
  51. 59. Community Design Courtesy of Flickr user MrTopf .
  52. 60. Community Design
  53. 61. Community Design
  54. 62. Community Design
  55. 63. Community Design Courtesy of Flickr user Rakka .
  56. 64. <ul><li>… but it’s not organized and lacks focus. </li></ul>
  57. 65. <ul><li>Enter the Mozilla Creative Collective </li></ul>
  58. 66. Mozilla Creative Collective <ul><li>The goal is to organize and build our design community around a central hub. </li></ul>
  59. 67. Mozilla Creative Collective <ul><li>Designers will be able to: </li></ul><ul><li>Gain exposure by posting and sharing their Mozilla-inspired work on a highly-trafficked site. </li></ul>
  60. 68. Mozilla Creative Collective <ul><li>Designers will be able to: </li></ul><ul><li>Connect with other designers, make contacts and build up their personal networks. </li></ul>
  61. 69. Mozilla Creative Collective <ul><li>Designers will be able to: </li></ul><ul><li>Improve their own skills by learning from others and participating in design challenges. </li></ul>
  62. 70. Mozilla Creative Collective <ul><li>Design challenges will provide focus and a sense of friendly competition. </li></ul>
  63. 71. Mozilla Creative Collective <ul><li>An open source approach to visual design. </li></ul>
  64. 72. Mozilla Creative Collective <ul><li>It’s about connecting people. </li></ul>
  65. 73. Mozilla Creative Collective <ul><li>Connect the community and designers via a job board. </li></ul>
  66. 74. Mozilla Creative Collective
  67. 75. Mozilla Creative Collective
  68. 76. Mozilla Creative Collective
  69. 77. Mozilla Creative Collective <ul><li>Good design = a powerful way to spread the word about Mozilla & its products </li></ul>
  70. 78. Mozilla Creative Collective <ul><li>The Creative Collective site will host posters, flyers, desktop wallpaper… </li></ul>
  71. 79. Mozilla Creative Collective <ul><li>… t-shirts, web site mockups, advertisements… </li></ul>
  72. 80. Mozilla Creative Collective <ul><li>… logos, icons, stickers… </li></ul>
  73. 81. Mozilla Creative Collective <ul><li>… and art that’s just fun to look at. </li></ul>
  74. 82. Mozilla Creative Collective <ul><li>It’s a bit like a wartime propaganda campaign… </li></ul>
  75. 83. Mozilla Creative Collective <ul><li>… minus the war and the propaganda. </li></ul>
  76. 84. Mozilla Creative Collective <ul><li>In other words, using widely distributed art to convey a message. </li></ul>
  77. 85. Mozilla Creative Collective <ul><li>It’s all about the power of a community. </li></ul>
  78. 86. Mozilla Creative Collective <ul><li>Anything can be accomplished. </li></ul>
  79. 87. Your Turn <ul><li>Questions or comments? </li></ul>
  80. 88. How to Get Involved <ul><li>[email_address] </li></ul><ul><li>www.intothefuzz.com </li></ul>
  81. 89. <ul><li>Thanks! </li></ul>

×