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

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/3538639095/

This week:
mitcho
linguist, coder, teacher
=
CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/

This week:
mitcho
linguist, coder, teacher
=
≈
CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/

This week:
mitcho
linguist, coder, teacher
CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/

This week:
mitcho
linguist, coder, teacher
Mozilla Labs
CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/

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
users or other developers see fit.
* sethgodin.typepad.com/seths_blog/2009/05/what-kind-of-open-are-you-looking-for.html

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

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

open _________*
bar
=
* sethgodin.typepad.com/seths_blog/2009/05/what-kind-of-open-are-you-looking-for.html

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

...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 ideas

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

“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/blog/

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 manage
multiple web sites within the same
browser instance?
* design-challenge.mozilla.com/summer09/

“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 ideas really, really, really scary
more feedback hard to make decisions?
can iterate often
more friends + supporters

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

:

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 ideas really, really, really scary
more feedback hard to make decisions?
can iterate often
more friends + supporters

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

:

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? mozilla.org

open your process right now
• get involved with an open process
• open source software
• Mozilla? mozilla.org
• Design Challenge

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

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

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

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

Questions?
mitcho
by-nc
mitcho.com
@mitchoyoshitaka