Design processes
                                            in the open-source era




                                  ...
Today
Today



1. Design processes in the open-source era
Today



1. Design processes in the open-source era
2. Ubiquity:
Last week:
Nobi Hayashi




CC-BY:
flickr.com/photos/joi/3513981372/
Last week:
Nobi Hayashi




CC-BY:
flickr.com/photos/joi/3513981372/
This week:
                                                         mitcho




CC-BY-NC-SA: flickr.com/photos/jimgris/3538...
This week:
                                                         mitcho
                                            lin...
This week:
                                                         mitcho
                                            lin...
This week:
                                                         mitcho
                                            lin...
This week:
                                                         mitcho
                                            lin...
Mozilla
Mozilla
          Firefox
Mozilla
          Firefox
Mozilla
          Firefox




                    ...
Mozilla
          Firefox




                    ...
                    ...
?
what is “open”?
open ______
open ______
     source
open ______
open ______
 http://etherpad.com/e4bCTRyu5V
open _________*
              source

    a program whose source code is made
    available for use or modification as
   ...
open _________*
              standards

    relying on rules that are widely used,
    consensus based, published and
   ...
open _________*
            access/APIs


    APIs that make it easy for people to
    get at the data on your platform


...
open _________*
                bar


                               =




* sethgodin.typepad.com/seths_blog/2009/05/what...
open _________*
               mike


    when anyone who shows up can be
    part of the show



* sethgodin.typepad.com/...
...so which “open” makes a
     project successful?
CC-BY: flickr.com/photos/asadotzler/3421742213/
open source = Firefox
open source = Firefox

     Firefox = success
open source = Firefox

     Firefox = success
open source = Firefox

     Firefox = success



open source = success
open source = Firefox

     Firefox = success



open source = success   ?
“Open” at Mozilla:
what I’m learning
“Open” at Mozilla:
            what I’m learning


• Not just “open source”
“Open” at Mozilla:
            what I’m learning


• Not just “open source”
• Open decision making
“Open” at Mozilla:
            what I’m learning


• Not just “open source”
• Open decision making
• Open community
“Open” at Mozilla:
            what I’m learning


• Not just “open source”
• Open decision making
• Open community
• Open...
“Open” at Mozilla:
            what I’m learning


• Not just “open source”
• Open decision making
• Open community
• Open...
“Open” at Mozilla:
in my job...
“Open” at Mozilla:
            in my job...



• Not just code
“Open” at Mozilla:
            in my job...



• Not just code
• Blogging, talking, demonstrating...
“Open” at Mozilla:
            in my job...



• Not just code
• Blogging, talking, demonstrating...
 • http://mitcho.com/...
the most important part:
“Open” at Mozilla:
open source
“Open” at Mozilla:
                       open community




* labs.mozilla.com/2009/05/ubiquity-05-call-for-participation/
“Open” at Mozilla:
      open design process


EX:
“Open” at Mozilla:
                open design process


Reinventing Tabs in the Browser:
How can we create, navigate and ...
“Open” at Mozilla:
             open design process




#mozconcept
 * design-challenge.mozilla.com/summer09/
“Open” at Mozilla:
    open design process



EX: new tab page
“Open” at Mozilla:
    open design process



EX: new tab page
                   ?
“Open” at Mozilla:
    open design process



EX: new tab page
                   ?
       ⌘-T
     control - T
* toolness.com/wp/?p=158
azarask.in/blog/post/new-tabs/
CC-BY-NC: flickr.com/photos/azaraskin/
CC-BY-NC: flickr.com/photos/azaraskin/
CC-BY-NC: flickr.com/photos/azaraskin/
CC-BY-NC: flickr.com/photos/azaraskin/
CC-BY-NC: flickr.com/photos/azaraskin/
“Open” at Mozilla:
      open design process




EX:
“Open” at Mozilla:
      open design process




EX:
* blog.mozilla.com/faaborg/2009/05/06/thinking-about-refreshing-the-firefox-icon/
* blog.mozilla.com/faaborg/
* blog.mozilla.com/faaborg/
* blog.mozilla.com/faaborg/
* blog.mozilla.com/faaborg/
* blog.mozilla.com/faaborg/
* blog.mozilla.com/faaborg/
* blog.mozilla.com/faaborg/
* blog.mozilla.com/faaborg/
* blog.mozilla.com/faaborg/
* blog.mozilla.com/faaborg/
Open Process
Open Process
     = open from start to finish
Opening up your process:
“Don’t be afraid to be wrong.”
Opening up your process:
       “Don’t be afraid to be wrong.”


         Pros                         Cons

      better ...
Opening up your process:
       “Don’t be afraid to be wrong.”


         Pros                         Cons

      better ...
:
but how are decisions made?
order + chaotic

   chaortic
CC-BY-SA: flickr.com/photos/villes/1744890067/
a common direction




CC-BY-SA: flickr.com/photos/villes/1744890067/
Opening up your process:
“Don’t be afraid to be wrong.”
Opening up your process:
       “Don’t be afraid to be wrong.”


         Pros                         Cons

      better ...
Opening up your process:
       “Don’t be afraid to be wrong.”


         Pros                         Cons

      better ...
:
Q: open ______ = success ?
A: open _________ is the key to success
Q: open ______ = success ?
         process
A: open _________ is the key to success
open your process
       right now
open your process     right now
  • get involved with an open process
open your process     right now
  • get involved with an open process
open your process     right now
  • get involved with an open process


    • open source software
open your process     right now
  • get involved with an open process


    • open source software
       • Mozilla? mozil...
open your process     right now
  • get involved with an open process


    • open source software
       • Mozilla? mozil...
open your process     right now
  • get involved with an open process


    • open source software
       • Mozilla? mozil...
open your process     right now
  • get involved with an open process


    • open source software
       • Mozilla? mozil...
open your process     right now
  • get involved with an open process


    • open source software
       • Mozilla? mozil...
open your process     right now
  • get involved with an open process


    • open source software
       • Mozilla? mozil...
Questions?


    mitcho
      by-nc
  mitcho.com
@mitchoyoshitaka
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Design processes in the open-source era オープンソース時代のデザインプロセス
Upcoming SlideShare
Loading in …5
×

Design processes in the open-source era オープンソース時代のデザインプロセス

7,765 views

Published on

Slides from an ITSP special lecture at Chuo, Waseda, and Keio Universities, June 3rd, 2009. Part two of the talk (on Ubiquity) will be uploaded separately.

文部科学省ITスペシャリスト育成プログラムの2009年6月3日特別講義のスライド。第二部 (Ubiquity 関連) は別にアップロードします。

2 Comments
5 Likes
Statistics
Notes
No Downloads
Views
Total views
7,765
On SlideShare
0
From Embeds
0
Number of Embeds
212
Actions
Shares
0
Downloads
51
Comments
2
Likes
5
Embeds 0
No embeds

No notes for slide

Design processes in the open-source era オープンソース時代のデザインプロセス

  1. Design processes in the open-source era mitcho Michael Erlewine CC-BY-NC-SA: ITSP special lecture, Tokyo flickr.com/photos/gsimmonsonca/3285952133 June 3, 2009
  2. Today
  3. Today 1. Design processes in the open-source era
  4. Today 1. Design processes in the open-source era 2. Ubiquity:
  5. Last week: Nobi Hayashi CC-BY: flickr.com/photos/joi/3513981372/
  6. Last week: Nobi Hayashi CC-BY: flickr.com/photos/joi/3513981372/
  7. This week: mitcho CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/
  8. This week: mitcho linguist, coder, teacher = CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/
  9. This week: mitcho linguist, coder, teacher = ≈ CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/
  10. This week: mitcho linguist, coder, teacher CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/
  11. This week: mitcho linguist, coder, teacher Mozilla Labs CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/
  12. Mozilla
  13. Mozilla Firefox
  14. Mozilla Firefox
  15. Mozilla Firefox ...
  16. Mozilla Firefox ... ...
  17. ?
  18. what is “open”?
  19. open ______
  20. open ______ source
  21. open ______
  22. open ______ http://etherpad.com/e4bCTRyu5V
  23. open _________* source a program whose source code is made available for use or modification as users or other developers see fit. * sethgodin.typepad.com/seths_blog/2009/05/what-kind-of-open-are-you-looking-for.html
  24. open _________* standards relying on rules that are widely used, consensus based, published and maintained by recognized industry standards organizations. * sethgodin.typepad.com/seths_blog/2009/05/what-kind-of-open-are-you-looking-for.html
  25. open _________* access/APIs APIs that make it easy for people to get at the data on your platform * sethgodin.typepad.com/seths_blog/2009/05/what-kind-of-open-are-you-looking-for.html
  26. open _________* bar = * sethgodin.typepad.com/seths_blog/2009/05/what-kind-of-open-are-you-looking-for.html
  27. open _________* mike when anyone who shows up can be part of the show * sethgodin.typepad.com/seths_blog/2009/05/what-kind-of-open-are-you-looking-for.html
  28. ...so which “open” makes a project successful?
  29. CC-BY: flickr.com/photos/asadotzler/3421742213/
  30. open source = Firefox
  31. open source = Firefox Firefox = success
  32. open source = Firefox Firefox = success
  33. open source = Firefox Firefox = success open source = success
  34. open source = Firefox Firefox = success open source = success ?
  35. “Open” at Mozilla: what I’m learning
  36. “Open” at Mozilla: what I’m learning • Not just “open source”
  37. “Open” at Mozilla: what I’m learning • Not just “open source” • Open decision making
  38. “Open” at Mozilla: what I’m learning • Not just “open source” • Open decision making • Open community
  39. “Open” at Mozilla: what I’m learning • Not just “open source” • Open decision making • Open community • Open ideas
  40. “Open” at Mozilla: what I’m learning • Not just “open source” • Open decision making • Open community • Open ideas • Open design process
  41. “Open” at Mozilla: in my job...
  42. “Open” at Mozilla: in my job... • Not just code
  43. “Open” at Mozilla: in my job... • Not just code • Blogging, talking, demonstrating...
  44. “Open” at Mozilla: in my job... • Not just code • Blogging, talking, demonstrating... • http://mitcho.com/blog/
  45. the most important part:
  46. “Open” at Mozilla: open source
  47. “Open” at Mozilla: open community * labs.mozilla.com/2009/05/ubiquity-05-call-for-participation/
  48. “Open” at Mozilla: open design process EX:
  49. “Open” at Mozilla: open design process Reinventing Tabs in the Browser: How can we create, navigate and manage multiple web sites within the same browser instance? * design-challenge.mozilla.com/summer09/
  50. “Open” at Mozilla: open design process #mozconcept * design-challenge.mozilla.com/summer09/
  51. “Open” at Mozilla: open design process EX: new tab page
  52. “Open” at Mozilla: open design process EX: new tab page ?
  53. “Open” at Mozilla: open design process EX: new tab page ? ⌘-T control - T
  54. * toolness.com/wp/?p=158
  55. azarask.in/blog/post/new-tabs/
  56. CC-BY-NC: flickr.com/photos/azaraskin/
  57. CC-BY-NC: flickr.com/photos/azaraskin/
  58. CC-BY-NC: flickr.com/photos/azaraskin/
  59. CC-BY-NC: flickr.com/photos/azaraskin/
  60. CC-BY-NC: flickr.com/photos/azaraskin/
  61. “Open” at Mozilla: open design process EX:
  62. “Open” at Mozilla: open design process EX:
  63. * blog.mozilla.com/faaborg/2009/05/06/thinking-about-refreshing-the-firefox-icon/
  64. * blog.mozilla.com/faaborg/
  65. * blog.mozilla.com/faaborg/
  66. * blog.mozilla.com/faaborg/
  67. * blog.mozilla.com/faaborg/
  68. * blog.mozilla.com/faaborg/
  69. * blog.mozilla.com/faaborg/
  70. * blog.mozilla.com/faaborg/
  71. * blog.mozilla.com/faaborg/
  72. * blog.mozilla.com/faaborg/
  73. * blog.mozilla.com/faaborg/
  74. Open Process
  75. Open Process = open from start to finish
  76. Opening up your process: “Don’t be afraid to be wrong.”
  77. Opening up your process: “Don’t be afraid to be wrong.” Pros Cons better ideas really, really, really scary more feedback hard to make decisions? can iterate often more friends + supporters
  78. Opening up your process: “Don’t be afraid to be wrong.” Pros Cons better ideas really, really, really scary more feedback hard to make decisions? can iterate often more friends + supporters
  79. :
  80. but how are decisions made?
  81. order + chaotic chaortic
  82. CC-BY-SA: flickr.com/photos/villes/1744890067/
  83. a common direction CC-BY-SA: flickr.com/photos/villes/1744890067/
  84. Opening up your process: “Don’t be afraid to be wrong.”
  85. Opening up your process: “Don’t be afraid to be wrong.” Pros Cons better ideas really, really, really scary more feedback hard to make decisions? can iterate often more friends + supporters
  86. Opening up your process: “Don’t be afraid to be wrong.” Pros Cons better ideas really, really, really scary more feedback hard to make decisions? can iterate often more friends + supporters
  87. :
  88. Q: open ______ = success ? A: open _________ is the key to success
  89. Q: open ______ = success ? process A: open _________ is the key to success
  90. open your process right now
  91. open your process right now • get involved with an open process
  92. open your process right now • get involved with an open process
  93. open your process right now • get involved with an open process • open source software
  94. open your process right now • get involved with an open process • open source software • Mozilla? mozilla.org
  95. open your process right now • get involved with an open process • open source software • Mozilla? mozilla.org • Design Challenge
  96. open your process right now • get involved with an open process • open source software • Mozilla? mozilla.org • Design Challenge • open up your own creative process
  97. open your process right now • get involved with an open process • open source software • Mozilla? mozilla.org • Design Challenge • open up your own creative process
  98. open your process right now • get involved with an open process • open source software • Mozilla? mozilla.org • Design Challenge • open up your own creative process • write about your challenges and ideas
  99. open your process right now • get involved with an open process • open source software • Mozilla? mozilla.org • Design Challenge • open up your own creative process • write about your challenges and ideas
  100. Questions? mitcho by-nc mitcho.com @mitchoyoshitaka

×