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

Design processesin the open-source era

オープンソース時代のデザインプロセス

CC-BY-NC-SA:flickr.com/photos/gsimmonsonca/3285952133

mitchoMichael 芳貴 Erlewine

ITSP special lecture, TokyoJune 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, teacherMozilla 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

Firefox = success

open source = Firefox

Firefox = success

open source = Firefox

Firefox = success

open source = Firefox

open source = success

Firefox = success

open source = Firefox

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/

CC-BY-SA: flickr.com/photos/villes/1744890067/

a common direction

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

思考過程をオープンに:

「過ちを恐れるな」

利点 欠点

より良いアイデア 恥ずかしい、怖い

多くのフィードバック 決断を下しにくい？

継続的改善

多くの協力者

A: open _________ is the key to success

Q: open ______ = success?

A: open _________ is the key to success

Q: open ______ = success?process

open your processright now

open your processright now

• get involved with an open process

open your processright now

• get involved with an open process 既存のオープンプロセスに参加

open your processright now

• get involved with an open process 既存のオープンプロセスに参加• open source software

open your processright now

• get involved with an open process 既存のオープンプロセスに参加• open source software

• Mozilla? mozilla.org

open your processright now

• get involved with an open process 既存のオープンプロセスに参加• open source software

• Mozilla? mozilla.org• Design Challenge

open your processright now

• get involved with an open process 既存のオープンプロセスに参加• open source software

• Mozilla? mozilla.org• Design Challenge

• open up your own creative process

open your processright now

• get involved with an open process 既存のオープンプロセスに参加• open source software

• Mozilla? mozilla.org• Design Challenge

• open up your own creative process 自分のプロセス、アイデアをオープンに

open your processright 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 processright 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

自分の問題、アイデアを公開し、意見を求める

mitcho by-nc

mitcho.com@mitchoyoshitaka

Questions?