Your SlideShare is downloading. ×
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

11,861

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
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
11,861
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • Transcript of "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>

    ×