SlideShare a Scribd company logo
1 of 20
Download to read offline
By: Brian Sullivan
Open Camp Conference
Da Vinci’s Journals
• Da Vinci wrote over
  13,000 pages of notes
  and visual diagrams in
  his journals
• Da Vinci clustered his
  ideas into drawings and
  observations
• This page is Da Vinci’s
  observations of the arm
Creativity Must Be Unstructured
• Da Vinci’s writings are
  idea journals based
  on what inspired him,
  daily observations
• Ideas were sketched
  with notes. No roman
  numerals or bulleted
  lists (aka this preso)
Start from the Inside Out
• Da Vinci scholars
  suggest he sketched
  his main topic in the
  center of the page
• Journal page starts as
  pictures without
  text
Add Text Descriptions to Pictures
• Da Vinci would add
  detailed notes and
  observations to his
  illustrative ideas
• Da Vinci did purposely
  use different colors
  of text for his notes
Cover the Entire Page
• Da Vinci’s journal pages
  were always full.
• Scholarship indicates
  that he revisited and
    refined ideas
•   Da Vinci captured
    and refreshed ideas
Manage Space in a Scalable Manner
• Da Vinci used an early
  form of the Cornell
  Method of notetaking
• You will frequently see
  distinct areas:
  1. notetaking
  2. quick reference
  3. summary footer
Example of Cornell Method Page
• In this example, we see
  a complicated idea
  for military ladder.
• We see the drawing
  in a specific area with
  notes in another area
  and cross-reference
  in a footer area
Idea Journals are Like Mind Maps




Mind Map of Shakespeare’s “Hamlet” (courtesy of Mappio)
Da Vinci Foresaw Many Things
• Da Vinci is known as
  both an artist and a
    scientist.
•   He foresaw:
    - Helicopter
    - Tank
    - Parachute
    - Solar Power
    - Cardiovascular disease
    - Airplanes
Leonardo’s Bridge to Nowhere
• In 1502, Da Vinci
  sketched an idea for
  bridge for the Sultan
  of Istanbul.
• The bridge was never
  built because the
  Sultan’s engineers
  deemed it unstable.
Leonardo’s Bridge Built in
• In 2006, Turkey completed the
   Leonardo Da Vinci
   Bridge, which is a scaled-
   down version with a 300-feet
   span and total length of
   400 feet.
• Da Vinci was right the classic
   keystone arch          could be
   stretched narrow and
   widened without losing
   integrity.
Imagine the Journals as Blogs
Imagine Blogs as Da Vinci Journals
Imagine Da Vinci’s Indexing
Imagine Da Vinci Storing Pics
Imagine Da Vinci’s Videos
For Da Vinci—Ideas, Then Journal
For You, Ideas, Journal, Then Blog
Bravo, Gratzi, QA

More Related Content

Viewers also liked

IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...
IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...
IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...aungstad
 
10 things every CEO needs to know about UX
10 things every CEO needs to know about UX10 things every CEO needs to know about UX
10 things every CEO needs to know about UXEric Reiss
 
How Do We Know When It Is Good? A language of criticism for Information Archi...
How Do We Know When It Is Good? A language of criticism for Information Archi...How Do We Know When It Is Good? A language of criticism for Information Archi...
How Do We Know When It Is Good? A language of criticism for Information Archi...Carl Collins
 
Thoughts on Customer Feedback - Aviva Rosenstein, WarmGun 2014
Thoughts on Customer Feedback - Aviva Rosenstein, WarmGun 2014Thoughts on Customer Feedback - Aviva Rosenstein, WarmGun 2014
Thoughts on Customer Feedback - Aviva Rosenstein, WarmGun 2014Aviva Rosenstein
 
Interfaces are Made of Words
Interfaces are Made of WordsInterfaces are Made of Words
Interfaces are Made of WordsCarl Collins
 
The F Word... Fail
The F Word... FailThe F Word... Fail
The F Word... FailDavid Farkas
 
Cross-channel ecosystems strategy
Cross-channel ecosystems strategyCross-channel ecosystems strategy
Cross-channel ecosystems strategyAndrea Resmini
 
Improvised IA: Going Beyond the Whiteboard
Improvised IA: Going Beyond the WhiteboardImprovised IA: Going Beyond the Whiteboard
Improvised IA: Going Beyond the WhiteboardDavid Farkas
 
Groundhogs in the Source Code (v3 UXAU)
Groundhogs in the Source Code (v3 UXAU)Groundhogs in the Source Code (v3 UXAU)
Groundhogs in the Source Code (v3 UXAU)Andrea Resmini
 
Game Design - Lecture 2
Game Design - Lecture 2Game Design - Lecture 2
Game Design - Lecture 2Andrea Resmini
 
Organizational Parkour, the Negotiation Game - Seattle Infocamp 2013 - Joan V...
Organizational Parkour, the Negotiation Game - Seattle Infocamp 2013 - Joan V...Organizational Parkour, the Negotiation Game - Seattle Infocamp 2013 - Joan V...
Organizational Parkour, the Negotiation Game - Seattle Infocamp 2013 - Joan V...Mad*Pow
 
Of brains and buttons (UXCE, Berlin, Germany)
Of brains and buttons (UXCE, Berlin, Germany)Of brains and buttons (UXCE, Berlin, Germany)
Of brains and buttons (UXCE, Berlin, Germany)Eric Reiss
 
Game Design - Lecture 3
Game Design - Lecture 3Game Design - Lecture 3
Game Design - Lecture 3Andrea Resmini
 
"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...
"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su..."Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...
"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...Claire Rowland
 
Describing the elephant: Moving beyond professional silos when defining UX
Describing the elephant: Moving beyond professional silos when defining UXDescribing the elephant: Moving beyond professional silos when defining UX
Describing the elephant: Moving beyond professional silos when defining UXEric Reiss
 
Organizational Parkour: the Negotiation Game for Designers
Organizational Parkour: the Negotiation Game for DesignersOrganizational Parkour: the Negotiation Game for Designers
Organizational Parkour: the Negotiation Game for DesignersJoan Vermette
 
Your Mobile Experience Is Not Theirs (Chui Chui Tan)
Your Mobile Experience Is Not Theirs    (Chui Chui Tan)Your Mobile Experience Is Not Theirs    (Chui Chui Tan)
Your Mobile Experience Is Not Theirs (Chui Chui Tan)cxpartners
 
Building the Visual Language of the Web - from Roadmap 2013
Building the Visual Language of the Web - from Roadmap 2013Building the Visual Language of the Web - from Roadmap 2013
Building the Visual Language of the Web - from Roadmap 2013Gigaom
 
Game Design - Lecture 1
Game Design - Lecture 1Game Design - Lecture 1
Game Design - Lecture 1Andrea Resmini
 

Viewers also liked (20)

IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...
IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...
IAS13: Metadata in the Cross-Channel Ecosystem: Consistency, Context and Inte...
 
10 things every CEO needs to know about UX
10 things every CEO needs to know about UX10 things every CEO needs to know about UX
10 things every CEO needs to know about UX
 
How Do We Know When It Is Good? A language of criticism for Information Archi...
How Do We Know When It Is Good? A language of criticism for Information Archi...How Do We Know When It Is Good? A language of criticism for Information Archi...
How Do We Know When It Is Good? A language of criticism for Information Archi...
 
Thoughts on Customer Feedback - Aviva Rosenstein, WarmGun 2014
Thoughts on Customer Feedback - Aviva Rosenstein, WarmGun 2014Thoughts on Customer Feedback - Aviva Rosenstein, WarmGun 2014
Thoughts on Customer Feedback - Aviva Rosenstein, WarmGun 2014
 
Interfaces are Made of Words
Interfaces are Made of WordsInterfaces are Made of Words
Interfaces are Made of Words
 
The F Word... Fail
The F Word... FailThe F Word... Fail
The F Word... Fail
 
Cross-channel ecosystems strategy
Cross-channel ecosystems strategyCross-channel ecosystems strategy
Cross-channel ecosystems strategy
 
Improvised IA: Going Beyond the Whiteboard
Improvised IA: Going Beyond the WhiteboardImprovised IA: Going Beyond the Whiteboard
Improvised IA: Going Beyond the Whiteboard
 
Groundhogs in the Source Code (v3 UXAU)
Groundhogs in the Source Code (v3 UXAU)Groundhogs in the Source Code (v3 UXAU)
Groundhogs in the Source Code (v3 UXAU)
 
Game Design - Lecture 2
Game Design - Lecture 2Game Design - Lecture 2
Game Design - Lecture 2
 
Organizational Parkour, the Negotiation Game - Seattle Infocamp 2013 - Joan V...
Organizational Parkour, the Negotiation Game - Seattle Infocamp 2013 - Joan V...Organizational Parkour, the Negotiation Game - Seattle Infocamp 2013 - Joan V...
Organizational Parkour, the Negotiation Game - Seattle Infocamp 2013 - Joan V...
 
Of brains and buttons (UXCE, Berlin, Germany)
Of brains and buttons (UXCE, Berlin, Germany)Of brains and buttons (UXCE, Berlin, Germany)
Of brains and buttons (UXCE, Berlin, Germany)
 
On Beauty
On BeautyOn Beauty
On Beauty
 
Game Design - Lecture 3
Game Design - Lecture 3Game Design - Lecture 3
Game Design - Lecture 3
 
"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...
"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su..."Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...
"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...
 
Describing the elephant: Moving beyond professional silos when defining UX
Describing the elephant: Moving beyond professional silos when defining UXDescribing the elephant: Moving beyond professional silos when defining UX
Describing the elephant: Moving beyond professional silos when defining UX
 
Organizational Parkour: the Negotiation Game for Designers
Organizational Parkour: the Negotiation Game for DesignersOrganizational Parkour: the Negotiation Game for Designers
Organizational Parkour: the Negotiation Game for Designers
 
Your Mobile Experience Is Not Theirs (Chui Chui Tan)
Your Mobile Experience Is Not Theirs    (Chui Chui Tan)Your Mobile Experience Is Not Theirs    (Chui Chui Tan)
Your Mobile Experience Is Not Theirs (Chui Chui Tan)
 
Building the Visual Language of the Web - from Roadmap 2013
Building the Visual Language of the Web - from Roadmap 2013Building the Visual Language of the Web - from Roadmap 2013
Building the Visual Language of the Web - from Roadmap 2013
 
Game Design - Lecture 1
Game Design - Lecture 1Game Design - Lecture 1
Game Design - Lecture 1
 

Similar to Design Like DaVinci

Leonardo da vinci
Leonardo da vinciLeonardo da vinci
Leonardo da vinciUsman Arif
 
Desenhar como da vinci
Desenhar como da vinciDesenhar como da vinci
Desenhar como da vinciantfra61
 
The renaissance web
The renaissance   webThe renaissance   web
The renaissance webkrice
 
Da vinci style
Da vinci styleDa vinci style
Da vinci stylegrade5a
 
Arh2051 fa2020 research project instructions section 1
Arh2051 fa2020 research project instructions   section 1Arh2051 fa2020 research project instructions   section 1
Arh2051 fa2020 research project instructions section 1ProfWillAdams
 
My favorite artist
My favorite artistMy favorite artist
My favorite artistluis-1
 
Leonardo davinci
Leonardo davinciLeonardo davinci
Leonardo davinciAaron Carn
 
Hum2250 sp2021 research project description
Hum2250 sp2021 research project descriptionHum2250 sp2021 research project description
Hum2250 sp2021 research project descriptionProfWillAdams
 
Leonardo da vinci by supreet sahu
Leonardo da vinci  by supreet sahuLeonardo da vinci  by supreet sahu
Leonardo da vinci by supreet sahuSupreet Sahu
 
From documents to datasets -- mining the Junius Henderson Field Notes for spe...
From documents to datasets -- mining the Junius Henderson Field Notes for spe...From documents to datasets -- mining the Junius Henderson Field Notes for spe...
From documents to datasets -- mining the Junius Henderson Field Notes for spe...andrea thomer
 
Arh2051 fa2020 research project instructions section 2
Arh2051 fa2020 research project instructions   section 2Arh2051 fa2020 research project instructions   section 2
Arh2051 fa2020 research project instructions section 2ProfWillAdams
 
Project 1 - Architectural Drawing
Project 1 - Architectural DrawingProject 1 - Architectural Drawing
Project 1 - Architectural DrawingYen Min Khor
 
Dale chihuly power point
Dale chihuly power pointDale chihuly power point
Dale chihuly power pointCristen Hess
 

Similar to Design Like DaVinci (18)

Leonardo da vinci
Leonardo da vinciLeonardo da vinci
Leonardo da vinci
 
Desenhar como da vinci
Desenhar como da vinciDesenhar como da vinci
Desenhar como da vinci
 
Leonardo Da Vinci
Leonardo Da VinciLeonardo Da Vinci
Leonardo Da Vinci
 
The renaissance web
The renaissance   webThe renaissance   web
The renaissance web
 
Da vinci style
Da vinci styleDa vinci style
Da vinci style
 
Arh2051 fa2020 research project instructions section 1
Arh2051 fa2020 research project instructions   section 1Arh2051 fa2020 research project instructions   section 1
Arh2051 fa2020 research project instructions section 1
 
My favorite artist
My favorite artistMy favorite artist
My favorite artist
 
Leonardo davinci
Leonardo davinciLeonardo davinci
Leonardo davinci
 
Perspective
PerspectivePerspective
Perspective
 
Hum2250 sp2021 research project description
Hum2250 sp2021 research project descriptionHum2250 sp2021 research project description
Hum2250 sp2021 research project description
 
Leonardo da vinci by supreet sahu
Leonardo da vinci  by supreet sahuLeonardo da vinci  by supreet sahu
Leonardo da vinci by supreet sahu
 
Leonardo da vinci
Leonardo da vinciLeonardo da vinci
Leonardo da vinci
 
From documents to datasets -- mining the Junius Henderson Field Notes for spe...
From documents to datasets -- mining the Junius Henderson Field Notes for spe...From documents to datasets -- mining the Junius Henderson Field Notes for spe...
From documents to datasets -- mining the Junius Henderson Field Notes for spe...
 
Arh2051 fa2020 research project instructions section 2
Arh2051 fa2020 research project instructions   section 2Arh2051 fa2020 research project instructions   section 2
Arh2051 fa2020 research project instructions section 2
 
Architectural Drawing
Architectural DrawingArchitectural Drawing
Architectural Drawing
 
Project 1 - Architectural Drawing
Project 1 - Architectural DrawingProject 1 - Architectural Drawing
Project 1 - Architectural Drawing
 
Renaissance art
Renaissance artRenaissance art
Renaissance art
 
Dale chihuly power point
Dale chihuly power pointDale chihuly power point
Dale chihuly power point
 

More from Brian Sullivan

Extreme Collaboration: Getting Stuff Done with People You Don't Trust, Respec...
Extreme Collaboration: Getting Stuff Done with People You Don't Trust, Respec...Extreme Collaboration: Getting Stuff Done with People You Don't Trust, Respec...
Extreme Collaboration: Getting Stuff Done with People You Don't Trust, Respec...Brian Sullivan
 
Presenting to Executive Leadership
Presenting to Executive LeadershipPresenting to Executive Leadership
Presenting to Executive LeadershipBrian Sullivan
 
Continuous Onboarding in the Gig Economy
Continuous Onboarding in the Gig EconomyContinuous Onboarding in the Gig Economy
Continuous Onboarding in the Gig EconomyBrian Sullivan
 
Mapping Experiences for Product Innovation
Mapping Experiences for Product InnovationMapping Experiences for Product Innovation
Mapping Experiences for Product InnovationBrian Sullivan
 
Getting Design in Your Company's DNA
Getting Design in Your Company's DNAGetting Design in Your Company's DNA
Getting Design in Your Company's DNABrian Sullivan
 
Top 20 Things Successful People Do All the Time
Top 20 Things Successful People Do All the TimeTop 20 Things Successful People Do All the Time
Top 20 Things Successful People Do All the TimeBrian Sullivan
 
Leadership Lessons from Design Hell
Leadership Lessons from Design HellLeadership Lessons from Design Hell
Leadership Lessons from Design HellBrian Sullivan
 
Making Slides that Rock and Resonate
Making Slides that Rock and ResonateMaking Slides that Rock and Resonate
Making Slides that Rock and ResonateBrian Sullivan
 
Pixel Perfect: Strategies for Overcoming Perfectionism
Pixel Perfect: Strategies for Overcoming PerfectionismPixel Perfect: Strategies for Overcoming Perfectionism
Pixel Perfect: Strategies for Overcoming PerfectionismBrian Sullivan
 
Seven Deadly Sins and Seven Heavenly Virtues
Seven Deadly Sins and Seven Heavenly VirtuesSeven Deadly Sins and Seven Heavenly Virtues
Seven Deadly Sins and Seven Heavenly VirtuesBrian Sullivan
 
Top10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for BloggersTop10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for BloggersBrian Sullivan
 
Contagious Content: Going Viral Online
Contagious Content: Going Viral OnlineContagious Content: Going Viral Online
Contagious Content: Going Viral OnlineBrian Sullivan
 
Produce Like Picasso: Mastering Design Delivery #sxsw
Produce Like Picasso: Mastering Design Delivery #sxswProduce Like Picasso: Mastering Design Delivery #sxsw
Produce Like Picasso: Mastering Design Delivery #sxswBrian Sullivan
 
Designing for Awareness in the Attention Economy
Designing for Awareness in the Attention EconomyDesigning for Awareness in the Attention Economy
Designing for Awareness in the Attention EconomyBrian Sullivan
 

More from Brian Sullivan (17)

Extreme Collaboration: Getting Stuff Done with People You Don't Trust, Respec...
Extreme Collaboration: Getting Stuff Done with People You Don't Trust, Respec...Extreme Collaboration: Getting Stuff Done with People You Don't Trust, Respec...
Extreme Collaboration: Getting Stuff Done with People You Don't Trust, Respec...
 
Presenting to Executive Leadership
Presenting to Executive LeadershipPresenting to Executive Leadership
Presenting to Executive Leadership
 
Continuous Onboarding in the Gig Economy
Continuous Onboarding in the Gig EconomyContinuous Onboarding in the Gig Economy
Continuous Onboarding in the Gig Economy
 
Mapping Experiences for Product Innovation
Mapping Experiences for Product InnovationMapping Experiences for Product Innovation
Mapping Experiences for Product Innovation
 
Getting Design in Your Company's DNA
Getting Design in Your Company's DNAGetting Design in Your Company's DNA
Getting Design in Your Company's DNA
 
Top 20 Things Successful People Do All the Time
Top 20 Things Successful People Do All the TimeTop 20 Things Successful People Do All the Time
Top 20 Things Successful People Do All the Time
 
Leadership Lessons from Design Hell
Leadership Lessons from Design HellLeadership Lessons from Design Hell
Leadership Lessons from Design Hell
 
Making Slides that Rock and Resonate
Making Slides that Rock and ResonateMaking Slides that Rock and Resonate
Making Slides that Rock and Resonate
 
Pixel Perfect: Strategies for Overcoming Perfectionism
Pixel Perfect: Strategies for Overcoming PerfectionismPixel Perfect: Strategies for Overcoming Perfectionism
Pixel Perfect: Strategies for Overcoming Perfectionism
 
Seven Deadly Sins and Seven Heavenly Virtues
Seven Deadly Sins and Seven Heavenly VirtuesSeven Deadly Sins and Seven Heavenly Virtues
Seven Deadly Sins and Seven Heavenly Virtues
 
Top10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for BloggersTop10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for Bloggers
 
Contagious Content: Going Viral Online
Contagious Content: Going Viral OnlineContagious Content: Going Viral Online
Contagious Content: Going Viral Online
 
Breaking Into UX
Breaking Into UXBreaking Into UX
Breaking Into UX
 
Produce Like Picasso: Mastering Design Delivery #sxsw
Produce Like Picasso: Mastering Design Delivery #sxswProduce Like Picasso: Mastering Design Delivery #sxsw
Produce Like Picasso: Mastering Design Delivery #sxsw
 
Designing for Awareness in the Attention Economy
Designing for Awareness in the Attention EconomyDesigning for Awareness in the Attention Economy
Designing for Awareness in the Attention Economy
 
Design for Awareness
Design for AwarenessDesign for Awareness
Design for Awareness
 
WUD 2010 Bad Signs
WUD 2010 Bad SignsWUD 2010 Bad Signs
WUD 2010 Bad Signs
 

Design Like DaVinci

  • 1. By: Brian Sullivan Open Camp Conference
  • 2. Da Vinci’s Journals • Da Vinci wrote over 13,000 pages of notes and visual diagrams in his journals • Da Vinci clustered his ideas into drawings and observations • This page is Da Vinci’s observations of the arm
  • 3. Creativity Must Be Unstructured • Da Vinci’s writings are idea journals based on what inspired him, daily observations • Ideas were sketched with notes. No roman numerals or bulleted lists (aka this preso)
  • 4. Start from the Inside Out • Da Vinci scholars suggest he sketched his main topic in the center of the page • Journal page starts as pictures without text
  • 5. Add Text Descriptions to Pictures • Da Vinci would add detailed notes and observations to his illustrative ideas • Da Vinci did purposely use different colors of text for his notes
  • 6. Cover the Entire Page • Da Vinci’s journal pages were always full. • Scholarship indicates that he revisited and refined ideas • Da Vinci captured and refreshed ideas
  • 7. Manage Space in a Scalable Manner • Da Vinci used an early form of the Cornell Method of notetaking • You will frequently see distinct areas: 1. notetaking 2. quick reference 3. summary footer
  • 8. Example of Cornell Method Page • In this example, we see a complicated idea for military ladder. • We see the drawing in a specific area with notes in another area and cross-reference in a footer area
  • 9. Idea Journals are Like Mind Maps Mind Map of Shakespeare’s “Hamlet” (courtesy of Mappio)
  • 10. Da Vinci Foresaw Many Things • Da Vinci is known as both an artist and a scientist. • He foresaw: - Helicopter - Tank - Parachute - Solar Power - Cardiovascular disease - Airplanes
  • 11. Leonardo’s Bridge to Nowhere • In 1502, Da Vinci sketched an idea for bridge for the Sultan of Istanbul. • The bridge was never built because the Sultan’s engineers deemed it unstable.
  • 12. Leonardo’s Bridge Built in • In 2006, Turkey completed the Leonardo Da Vinci Bridge, which is a scaled- down version with a 300-feet span and total length of 400 feet. • Da Vinci was right the classic keystone arch could be stretched narrow and widened without losing integrity.
  • 14. Imagine Blogs as Da Vinci Journals
  • 16. Imagine Da Vinci Storing Pics
  • 18. For Da Vinci—Ideas, Then Journal
  • 19. For You, Ideas, Journal, Then Blog