99

iA on creativity, information and innovation

Embed Size (px)

DESCRIPTION

Lecture at Keio University, October 2010

Citation preview

Page 1: iA on creativity, information and innovation
Page 2: iA on creativity, information and innovation

Information, Creativity,

Innovation.(In Theory and Practice)

Page 3: iA on creativity, information and innovation

About Us

Page 4: iA on creativity, information and innovation

WHO WE ARE

Two teams, one agency. Swiss organization, Japanese sensitivity. We specialize in digital publishing and cross media design.

Project Management

Design

Page 5: iA on creativity, information and innovation

WHAT WE DO

We architect and design information.

Page 6: iA on creativity, information and innovation

NUMBERS

iA was founded 2005 in Tokyo. With a team of eight people we create designs that generate over 3.5 Billion page views per year.

Page 7: iA on creativity, information and innovation

Clients

Page 8: iA on creativity, information and innovation

Web DesignPaper Redesign Pitch

Page 9: iA on creativity, information and innovation

iPad DesignWeb Design

Page 10: iA on creativity, information and innovation

Application Design Consulting

Page 11: iA on creativity, information and innovation

Web Design

Page 12: iA on creativity, information and innovation

So what’s up?

Page 13: iA on creativity, information and innovation
Page 14: iA on creativity, information and innovation
Page 15: iA on creativity, information and innovation
Page 16: iA on creativity, information and innovation
Page 17: iA on creativity, information and innovation
Page 18: iA on creativity, information and innovation
Page 19: iA on creativity, information and innovation

How did we do that?

Page 20: iA on creativity, information and innovation
Page 21: iA on creativity, information and innovation
Page 22: iA on creativity, information and innovation
Page 23: iA on creativity, information and innovation
Page 24: iA on creativity, information and innovation
Page 25: iA on creativity, information and innovation

Informationfrom Latin “informatio” (outline, concept, idea)

or “informare” (to shape, form, train, instruct, educate)

Page 26: iA on creativity, information and innovation

Information

Information is form.

Page 27: iA on creativity, information and innovation

Information

Information is form that shapes what is in your mind.

Page 28: iA on creativity, information and innovation

Form=Idea=Seeing

The old Greek word for “form” is “idea” (“eidós”).

Page 29: iA on creativity, information and innovation

Form=Idea=Seeing

“Eidós”(idea) comes from “idein” (which means: to see)....from Indogerman *wid-es-ya-, suffixed form of base *weid- "to see" (related: vision), which again is the same root as German “wissen” (to know) and English “wisdom”. The subconsciousness of Indogerman languages is one big crazy pyramid. (The first time the word idea was used in the sense of “result of thinking” was around 1640).

Page 30: iA on creativity, information and innovation

Ideas want to be seen.(Otherwise they’re just fantasies)

Page 31: iA on creativity, information and innovation

The Greeks weren’t kidding...

Page 32: iA on creativity, information and innovation
Page 33: iA on creativity, information and innovation
Page 34: iA on creativity, information and innovation

Information=Form=Idea

Seeing the form: getting the idea Evolve the form: develop the idea

Clear form: clear ideaClear idea: clear form

Page 35: iA on creativity, information and innovation

Forms evolve.

Page 36: iA on creativity, information and innovation

Innovationfrom Latin innovare "to renew or change," from in- "into" + novus "new".

Page 37: iA on creativity, information and innovation

What is new?

“What has been will be again, what has been done will be done again; there is nothing new under the sun.”

Ecclesiastes 1:9

Page 38: iA on creativity, information and innovation

Plato

“We do not learn; and what we call learning is only a process of recollection.”

Page 39: iA on creativity, information and innovation

Really?

Page 40: iA on creativity, information and innovation

Does technology prove that there is innovation?

There are cars, computers, penicillin and heart surgery. And we have landed on the moon. There is new stuff under the sun.

Page 41: iA on creativity, information and innovation

James Watt didn’t invented the steam engine.

Page 42: iA on creativity, information and innovation

Newcomen didn’t invent the steam engine.

Page 43: iA on creativity, information and innovation

And Aeolipile...? I don’t know...

Page 44: iA on creativity, information and innovation

...and Jobs didn’t invent tablets!

Page 45: iA on creativity, information and innovation
Page 46: iA on creativity, information and innovation

...or tablet computers!

Page 47: iA on creativity, information and innovation

Yes, of course, there are cycles, yes, there is

repetition, but you cannot deny that forms evolve.

Page 48: iA on creativity, information and innovation

Nothing new under the sun?

DNA evolves. When information evolves, forms evolve.

Page 49: iA on creativity, information and innovation

Nothing new under the sun?

There were dinosaurs, there were mammoths, there is evolution.

Page 50: iA on creativity, information and innovation

So can we innovate?

Learning is becoming more informed.Innovation is (always just) the next step in the evolution of forms.

There is nothing completely new. And there is nothing completely old.

Page 51: iA on creativity, information and innovation

So how do we innovate?

Page 52: iA on creativity, information and innovation

Creativity from Latin “creare” (to build, to create)

Page 53: iA on creativity, information and innovation

1. Gathering Information

“The secret to creativity is knowing how to hide your sources.”

Albert Einstein

Page 54: iA on creativity, information and innovation

“Everything you can imagine is real.”2. Vision

Pablo Picasso

Page 56: iA on creativity, information and innovation

For Example... Writer.

Page 57: iA on creativity, information and innovation

1. Gather Information

Page 58: iA on creativity, information and innovation

Information Design and Interaction Design

Page 59: iA on creativity, information and innovation

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur

Ist das die letzte

Lokale Abspeicherung ist ein Alptraum.

In welcher Version hab ich schon wieder über das lorem ipsum geschrieben?

Soll ich das jetzt Wie krieg ich

Soll ich mir das per Email senden?

...oder in die Dropbox legen?

Zeilenabstand?

Schrigrösse?

Schriart?

Einzug?

Zeilenbreite?

Orientierung: Scrollbar funktioniert nur bedingt

Warum noch immer

Fuktionler Fokus auf Formatierung, nicht aufs Schreiben.

Page 60: iA on creativity, information and innovation

Information Architecture

Page 61: iA on creativity, information and innovation

Archive

Dra

Idea

Editing

Yesterday

Page 62: iA on creativity, information and innovation

Idea

Editing

Dra

Archive

Today

Page 63: iA on creativity, information and innovation

2. Vision

Page 64: iA on creativity, information and innovation

Initial Vision: We need new hardware!

Page 65: iA on creativity, information and innovation
Page 66: iA on creativity, information and innovation
Page 67: iA on creativity, information and innovation

Then there was this guy...

Page 68: iA on creativity, information and innovation
Page 69: iA on creativity, information and innovation

Ok, back to the drawing board!

Page 70: iA on creativity, information and innovation

Archive

Dra

Idea

Editing

Yesterday

Page 71: iA on creativity, information and innovation

Idea

Editing

Dra

Archive

Today

Page 72: iA on creativity, information and innovation

Archive

Dra

Idea

Editing

Tomorrow

Page 73: iA on creativity, information and innovation

Early Sketches

Page 74: iA on creativity, information and innovation
Page 75: iA on creativity, information and innovation

3. Experience

Page 76: iA on creativity, information and innovation
Page 77: iA on creativity, information and innovation

Mozilla Labs“Difficult switch.”

Page 78: iA on creativity, information and innovation

Scott Thomas:“Black bars don’t work.”

Page 79: iA on creativity, information and innovation

Liz Danzico:“How do I edit document names?”

Page 80: iA on creativity, information and innovation

Dribbble“Horrible Logo!”

Page 81: iA on creativity, information and innovation

Twitter“Why not Writer?”

Page 82: iA on creativity, information and innovation
Page 83: iA on creativity, information and innovation

Ironically...

Page 84: iA on creativity, information and innovation

That was the original name...And it even had the dot.(October 2009). I had just completely forgotten about it.

Page 85: iA on creativity, information and innovation

Plato

“Didn’t I tell you?”

Page 86: iA on creativity, information and innovation

And this is how it came out...

Page 87: iA on creativity, information and innovation
Page 88: iA on creativity, information and innovation
Page 89: iA on creativity, information and innovation
Page 90: iA on creativity, information and innovation
Page 91: iA on creativity, information and innovation
Page 92: iA on creativity, information and innovation
Page 93: iA on creativity, information and innovation

Conclusion

Page 94: iA on creativity, information and innovation

1. Ideas are shapes.

Page 95: iA on creativity, information and innovation

2. Creativity is the power to shape(it needs imagination)

Page 96: iA on creativity, information and innovation

3. Innovation is evolved form.

Page 97: iA on creativity, information and innovation

One more thing...

Page 98: iA on creativity, information and innovation

There is no innovation without passion.

Page 99: iA on creativity, information and innovation

Thank You.