SlideShare a Scribd company logo
1 of 99
Download to read offline
Information,
Creativity,
Innovation.
(In Theory and Practice)
About Us
WHO WE ARE
Two teams, one agency. Swiss organization, Japanese sensitivity. We specialize
in digital publishing and cross media design.
Project Management
Design
WHAT WE DO
We architect and design information.
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.
Clients
Web Design
Paper Redesign Pitch
iPad Design
Web Design
Application Design Consulting
Web Design
So what’s up?
How did we do that?
Information
from Latin “informatio” (outline, concept, idea)
or “informare” (to shape, form, train, instruct, educate)
Information
Information is form.
Information
Information is form that shapes what
is in your mind.
Form=Idea=Seeing
The old Greek word for “form” is
“idea” (“eidós”).
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).
Ideas want to be seen.
(Otherwise they’re just fantasies)
The Greeks weren’t kidding...
Information=Form=Idea
Seeing the form: getting the idea
Evolve the form: develop the idea
Clear form: clear idea
Clear idea: clear form
Forms evolve.
Innovation
from Latin innovare "to renew or change," from in- "into" + novus "new".
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
Plato
“We do not learn; and what we call
learning is only a process of
recollection.”
Really?
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.
James Watt didn’t invented the steam engine.
Newcomen didn’t invent the steam engine.
And Aeolipile...? I don’t know...
...and Jobs didn’t
invent tablets!
...or tablet computers!
Yes, of course, there are
cycles, yes, there is
repetition, but you cannot
deny that forms evolve.
Nothing new under the sun?
DNA evolves. When information
evolves, forms evolve.
Nothing new under the sun?
There were dinosaurs, there were
mammoths, there is evolution.
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.
So how do we innovate?
Creativity
from Latin “creare” (to build, to create)
1. Gathering Information
“The secret to creativity is knowing
how to hide your sources.”
Albert Einstein
“Everything you can imagine is real.”
2. Vision
Pablo Picasso
“Experience is the name everyone
gives to their mistakes.”
3. Experience
Oscar Wilde
For Example... Writer.
1. Gather Information
Information Design and
Interaction Design
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 jetztWie krieg ich
Soll ich mir das per
Email senden?
...oder in die
Dropbox legen?
Zeilenabstand?
Schrigrösse?
Schriart?
Einzug?
Zeilenbreite?
Orientierung: Scrollbar
funktioniert nur bedingt
Warum noch immer
Fuktionler Fokus auf
Formatierung, nicht aufs
Schreiben.
Information Architecture
Archive
Dra
Idea
Editing
Yesterday
Idea
Editing
Dra
Archive
Today
2. Vision
Initial Vision:
We need new hardware!
Then there was this guy...
Ok, back to the drawing board!
Archive
Dra
Idea
Editing
Yesterday
Idea
Editing
Dra
Archive
Today
Archive
Dra
Idea
Editing
Tomorrow
Early Sketches
3. Experience
Mozilla Labs
“Difficult switch.”
Scott Thomas:
“Black bars don’t work.”
Liz Danzico:
“How do I edit document names?”
Dribbble
“Horrible Logo!”
Twitter
“Why not Writer?”
Ironically...
That was the original name...
And it even had the dot.
(October 2009). I had just
completely forgotten about it.
Plato
“Didn’t I tell you?”
And this is how it came out...
Conclusion
1. Ideas are shapes.
2. Creativity is the power to shape
(it needs imagination)
3. Innovation is evolved form.
One more thing...
There is no innovation
without passion.
Thank You.

More Related Content

Viewers also liked (6)

Chapter 2 theories of innovation
Chapter 2 theories of innovationChapter 2 theories of innovation
Chapter 2 theories of innovation
 
Creativity and Innovation - Creativity vs Innovation - الإبداع والابتكار - ...
Creativity and Innovation -  Creativity vs Innovation -  الإبداع والابتكار - ...Creativity and Innovation -  Creativity vs Innovation -  الإبداع والابتكار - ...
Creativity and Innovation - Creativity vs Innovation - الإبداع والابتكار - ...
 
Creativity & Innovation
Creativity & InnovationCreativity & Innovation
Creativity & Innovation
 
Creativity Innovation
Creativity InnovationCreativity Innovation
Creativity Innovation
 
Creativity
CreativityCreativity
Creativity
 
Creativity & Innovation in Business Analysis
Creativity & Innovation in Business AnalysisCreativity & Innovation in Business Analysis
Creativity & Innovation in Business Analysis
 

Similar to iA on creativity, information and innovation

How to Craft and Deliver Winning Presentations
How to Craft and Deliver Winning PresentationsHow to Craft and Deliver Winning Presentations
How to Craft and Deliver Winning Presentations
Joaquim Jorge
 
Reframing the Net
Reframing the NetReframing the Net
Reframing the Net
Doc Searls
 
Andrew Griffiths Bullet Proof Your Business Seminar Presentations Sydney June...
Andrew Griffiths Bullet Proof Your Business Seminar Presentations Sydney June...Andrew Griffiths Bullet Proof Your Business Seminar Presentations Sydney June...
Andrew Griffiths Bullet Proof Your Business Seminar Presentations Sydney June...
Andrew Griffiths Enterprises
 
3.1 adma advanced copy the process
3.1 adma advanced copy the process3.1 adma advanced copy the process
3.1 adma advanced copy the process
Jon Maxim
 

Similar to iA on creativity, information and innovation (20)

How to Thrive in Disruptive Times
How to Thrive in Disruptive TimesHow to Thrive in Disruptive Times
How to Thrive in Disruptive Times
 
Pissing against the wind
Pissing against the windPissing against the wind
Pissing against the wind
 
1. Graduacao 2008
1. Graduacao 20081. Graduacao 2008
1. Graduacao 2008
 
You only get one life
You only get one life You only get one life
You only get one life
 
How to Craft and Deliver Winning Presentations
How to Craft and Deliver Winning PresentationsHow to Craft and Deliver Winning Presentations
How to Craft and Deliver Winning Presentations
 
Reframing the Net
Reframing the NetReframing the Net
Reframing the Net
 
2015 Arts Midwest Workshop: Embracing the Digital Age
2015 Arts Midwest Workshop: Embracing the Digital Age2015 Arts Midwest Workshop: Embracing the Digital Age
2015 Arts Midwest Workshop: Embracing the Digital Age
 
Future&implementatio betc paris_dec_2012
Future&implementatio betc paris_dec_2012Future&implementatio betc paris_dec_2012
Future&implementatio betc paris_dec_2012
 
Persuasive Essay About Technology In Schools
Persuasive Essay About Technology In SchoolsPersuasive Essay About Technology In Schools
Persuasive Essay About Technology In Schools
 
Embracing The Straightjacket
Embracing  The  StraightjacketEmbracing  The  Straightjacket
Embracing The Straightjacket
 
Intuition & Use-Cases of Embeddings in NLP & beyond
Intuition & Use-Cases of Embeddings in NLP & beyondIntuition & Use-Cases of Embeddings in NLP & beyond
Intuition & Use-Cases of Embeddings in NLP & beyond
 
Useful Linking Words For Writing Essays - E
Useful Linking Words For Writing Essays - EUseful Linking Words For Writing Essays - E
Useful Linking Words For Writing Essays - E
 
Business Bullet Seminar
Business Bullet SeminarBusiness Bullet Seminar
Business Bullet Seminar
 
Andrew Griffiths Bullet Proof Your Business Seminar Presentations Sydney June...
Andrew Griffiths Bullet Proof Your Business Seminar Presentations Sydney June...Andrew Griffiths Bullet Proof Your Business Seminar Presentations Sydney June...
Andrew Griffiths Bullet Proof Your Business Seminar Presentations Sydney June...
 
Fast Forward: Deploying our best selves, to build the future of developer co...
Fast Forward: Deploying our best selves,  to build the future of developer co...Fast Forward: Deploying our best selves,  to build the future of developer co...
Fast Forward: Deploying our best selves, to build the future of developer co...
 
3.1 adma advanced copy the process
3.1 adma advanced copy the process3.1 adma advanced copy the process
3.1 adma advanced copy the process
 
Silence Of The Lambs Analysis Essay
Silence Of The Lambs Analysis EssaySilence Of The Lambs Analysis Essay
Silence Of The Lambs Analysis Essay
 
T E C S U P Tsunami
T E C S U P  TsunamiT E C S U P  Tsunami
T E C S U P Tsunami
 
122707 Virtual Interoperability Metanomics Transcript
122707 Virtual Interoperability Metanomics Transcript122707 Virtual Interoperability Metanomics Transcript
122707 Virtual Interoperability Metanomics Transcript
 
Good vs. Great Design
Good vs. Great DesignGood vs. Great Design
Good vs. Great Design
 

Recently uploaded

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Recently uploaded (20)

Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024Mehran University Newsletter Vol-X, Issue-I, 2024
Mehran University Newsletter Vol-X, Issue-I, 2024
 
SOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning PresentationSOC 101 Demonstration of Learning Presentation
SOC 101 Demonstration of Learning Presentation
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 

iA on creativity, information and innovation