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

116
Design processes in the open-source era オープンソース時代の デザインプロセス CC-BY-NC-SA: flickr.com/photos/gsimmonsonca/3285952133 mitcho Michael 芳貴 Erlewine ITSP special lecture, Tokyo June 3, 2009

Upload: michael-yoshitaka-erlewine

Post on 12-May-2015

3.803 views

Category:

Education


5 download

DESCRIPTION

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 関連) は別にアップロードします。

TRANSCRIPT

Page 1: 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

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

Today

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

Today

1. Design processes in the open-source era

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

Today

1. Design processes in the open-source era

2. Ubiquity: インターフェースと国際化

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

Last week:Nobi Hayashi

CC-BY:flickr.com/photos/joi/3513981372/

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

Last week:Nobi Hayashi

CC-BY:flickr.com/photos/joi/3513981372/

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

This week:mitcho

CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/

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

This week:mitcho

=言語学

linguist, coder, teacher

CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/

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

This week:mitcho

≈ 色んな言語の文法の研究

=言語学

linguist, coder, teacher

CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/

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

This week:mitcho

linguist, coder, teacher

CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/

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

This week:mitcho

linguist, coder, teacherMozilla Labs 研究員

CC-BY-NC-SA: flickr.com/photos/jimgris/3538639095/

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

Mozilla と言えば

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

Mozilla と言えばもちろん Firefox

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

Mozilla と言えばもちろん Firefox

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

Mozilla と言えばもちろん Firefox

...使っていますか?

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

Mozilla と言えばもちろん Firefox

...使っていますか?

...どうして?

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

速い 安全  使い安い   拡張機能    オープンソース

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

速い 安全  使い安い   拡張機能    オープンソース?

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

what is “open”?

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

open ______

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

open ______source

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

open ______

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

open ______http://etherpad.com/e4bCTRyu5V

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

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

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

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

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

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

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

open _________*bar

= 飲み放題

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

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

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

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

...so which “open” makes a project successful?

どの「オープン」が成功の鍵か。

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

CC-BY: flickr.com/photos/asadotzler/3421742213/

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

open source = Firefox

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

Firefox = success

open source = Firefox

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

Firefox = success

open source = Firefox

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

Firefox = success

open source = Firefox

open source = success

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

Firefox = success

open source = Firefox

open source = success?

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

“Open” at Mozilla:what I’m learning

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

“Open” at Mozilla:what I’m learning

• Not just “open source”

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

“Open” at Mozilla:what I’m learning

• Not just “open source”

• Open decision making

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

“Open” at Mozilla:what I’m learning

• Not just “open source”

• Open decision making

• Open community

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

“Open” at Mozilla:what I’m learning

• Not just “open source”

• Open decision making

• Open community

• Open ideas

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

“Open” at Mozilla:what I’m learning

• Not just “open source”

• Open decision making

• Open community

• Open ideas

• Open design process

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

“Open” at Mozilla:in my job...

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

“Open” at Mozilla:in my job...

• Not just code

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

“Open” at Mozilla:in my job...

• Not just code

• Blogging, talking, demonstrating...

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

“Open” at Mozilla:in my job...

• Not just code

• Blogging, talking, demonstrating...

• http://mitcho.com/blog/

Page 51: Design processes in the open-source era オープンソース時代のデザインプロセス
Page 52: Design processes in the open-source era オープンソース時代のデザインプロセス
Page 53: Design processes in the open-source era オープンソース時代のデザインプロセス
Page 54: Design processes in the open-source era オープンソース時代のデザインプロセス

the most important part:

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

“Open” at Mozilla:open source

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

“Open” at Mozilla:open community

* labs.mozilla.com/2009/05/ubiquity-05-call-for-participation/

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

“Open” at Mozilla:open design process

EX:

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

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

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

“Open” at Mozilla:open design process

#mozconcept* design-challenge.mozilla.com/summer09/

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

“Open” at Mozilla:open design process

EX: new tab page

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

“Open” at Mozilla:open design process

EX: new tab page?

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

“Open” at Mozilla:open design process

EX: new tab page?⌘ - T

control - T

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

* toolness.com/wp/?p=158

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

azarask.in/blog/post/new-tabs/

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

CC-BY-NC: flickr.com/photos/azaraskin/

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

CC-BY-NC: flickr.com/photos/azaraskin/

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

CC-BY-NC: flickr.com/photos/azaraskin/

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

CC-BY-NC: flickr.com/photos/azaraskin/

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

CC-BY-NC: flickr.com/photos/azaraskin/

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

“Open” at Mozilla:open design process

EX:

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

“Open” at Mozilla:open design process

EX:

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

* blog.mozilla.com/faaborg/2009/05/06/thinking-about-refreshing-the-firefox-icon/

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

* blog.mozilla.com/faaborg/

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

* blog.mozilla.com/faaborg/

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

* blog.mozilla.com/faaborg/

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

* blog.mozilla.com/faaborg/

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

* blog.mozilla.com/faaborg/

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

* blog.mozilla.com/faaborg/

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

* blog.mozilla.com/faaborg/

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

* blog.mozilla.com/faaborg/

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

* blog.mozilla.com/faaborg/

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

* blog.mozilla.com/faaborg/

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

Open Process

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

Open Process

= open from start to finish

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

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

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

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

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

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

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

思考過程をオープンに:

「過ちを恐れるな」

利点 欠点

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

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

継続的改善

多くの協力者

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

but how are decisions made?

Page 93: Design processes in the open-source era オープンソース時代のデザインプロセス
Page 94: Design processes in the open-source era オープンソース時代のデザインプロセス
Page 95: Design processes in the open-source era オープンソース時代のデザインプロセス
Page 96: Design processes in the open-source era オープンソース時代のデザインプロセス

order秩序

chaoticカオス/混沌

+

chaortic

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

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

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

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

a common direction

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

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

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

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

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

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

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

思考過程をオープンに:

「過ちを恐れるな」

利点 欠点

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

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

継続的改善

多くの協力者

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

A: open _________ is the key to success

Q: open ______ = success?

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

A: open _________ is the key to success

Q: open ______ = success?process

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

open your processright now

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

open your processright now

• get involved with an open process

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

open your processright now

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

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

open your processright now

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

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

open your processright now

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

• Mozilla? mozilla.org

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

open your processright now

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

• Mozilla? mozilla.org• Design Challenge

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

open your processright now

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

• Mozilla? mozilla.org• Design Challenge

• open up your own creative process

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

open your processright now

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

• Mozilla? mozilla.org• Design Challenge

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

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

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

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

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

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

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

mitcho by-nc

mitcho.com@mitchoyoshitaka

Questions?