SlideShare uma empresa Scribd logo
1 de 22
Pictures, Icons, Ideas
By Ashley Raiteri (ashr on twitter)
Icons are ideas
Software and Visual Language
Visual Models
Why is this true?




                          Processing Area by feature



                                   33%
                                                       visual processing


                    67%
                                                       speech, lust, music, taste in
                                                       food, love, non-visual memory
                                                       (facts)
Seeing is older than talking
Pictures as ideas brings us words
1786 – The birth of Power Point
1812 Napoleon and Minard
Edward Tufte
Truth through clarity
Deceptive Pictures
Interactive Visualization
Information Overload
Understanding Content
Familiar Things
Pictures, Ideas, Action ?
2.4 Million images
People are not machines
Ideas, Icons, Pictures
Truth

 incandescent




                        =
  Compact floursecent
                            ?
Pictures Icons Ideas - Ashley Raiteri - 2009 05 25

Mais conteúdo relacionado

Mais de Hello Group

The user group you never knew you had ux camp 2015
The user group you never knew you had   ux camp 2015The user group you never knew you had   ux camp 2015
The user group you never knew you had ux camp 2015Hello Group
 
Uxbasis – A Hello Group Presentation
Uxbasis – A Hello Group PresentationUxbasis – A Hello Group Presentation
Uxbasis – A Hello Group PresentationHello Group
 
Predictable irrational behaviour - Jørgen Juul - 2010 03 22
Predictable irrational behaviour - Jørgen Juul - 2010 03 22Predictable irrational behaviour - Jørgen Juul - 2010 03 22
Predictable irrational behaviour - Jørgen Juul - 2010 03 22Hello Group
 
Infographics & data visualisation - Simon Vinther Nielsen - 2010 03 10
Infographics & data visualisation - Simon Vinther Nielsen - 2010 03 10Infographics & data visualisation - Simon Vinther Nielsen - 2010 03 10
Infographics & data visualisation - Simon Vinther Nielsen - 2010 03 10Hello Group
 
Web analytics and how we can use it in UX - Mikkel Schultz - 2010 02 15
Web analytics and how we can use it in UX - Mikkel Schultz - 2010 02 15Web analytics and how we can use it in UX - Mikkel Schultz - 2010 02 15
Web analytics and how we can use it in UX - Mikkel Schultz - 2010 02 15Hello Group
 
Guerrilla v. Marketing v. Now - Alex Cassoni - 2009 10 26
Guerrilla v. Marketing v. Now - Alex Cassoni - 2009 10 26Guerrilla v. Marketing v. Now - Alex Cassoni - 2009 10 26
Guerrilla v. Marketing v. Now - Alex Cassoni - 2009 10 26Hello Group
 
The Power of Flash - Sophie Barbon - 2009 09 14
The Power of Flash - Sophie Barbon - 2009 09 14The Power of Flash - Sophie Barbon - 2009 09 14
The Power of Flash - Sophie Barbon - 2009 09 14Hello Group
 
Intelligent Ambience - Jørgen Juul - 2009 09 07
Intelligent Ambience - Jørgen Juul - 2009 09 07Intelligent Ambience - Jørgen Juul - 2009 09 07
Intelligent Ambience - Jørgen Juul - 2009 09 07Hello Group
 
Software Requirement Specification In The Real World - Tobias Andersen - 2009...
Software Requirement Specification In The Real World - Tobias Andersen - 2009...Software Requirement Specification In The Real World - Tobias Andersen - 2009...
Software Requirement Specification In The Real World - Tobias Andersen - 2009...Hello Group
 
What, when and why of wireframes - James Kelway - 2009 08 17
What, when and why of wireframes - James Kelway - 2009 08 17What, when and why of wireframes - James Kelway - 2009 08 17
What, when and why of wireframes - James Kelway - 2009 08 17Hello Group
 
Flash Xml Engine - Daniel Kawa - 2009 06 15
Flash Xml Engine - Daniel Kawa - 2009 06 15 Flash Xml Engine - Daniel Kawa - 2009 06 15
Flash Xml Engine - Daniel Kawa - 2009 06 15 Hello Group
 

Mais de Hello Group (11)

The user group you never knew you had ux camp 2015
The user group you never knew you had   ux camp 2015The user group you never knew you had   ux camp 2015
The user group you never knew you had ux camp 2015
 
Uxbasis – A Hello Group Presentation
Uxbasis – A Hello Group PresentationUxbasis – A Hello Group Presentation
Uxbasis – A Hello Group Presentation
 
Predictable irrational behaviour - Jørgen Juul - 2010 03 22
Predictable irrational behaviour - Jørgen Juul - 2010 03 22Predictable irrational behaviour - Jørgen Juul - 2010 03 22
Predictable irrational behaviour - Jørgen Juul - 2010 03 22
 
Infographics & data visualisation - Simon Vinther Nielsen - 2010 03 10
Infographics & data visualisation - Simon Vinther Nielsen - 2010 03 10Infographics & data visualisation - Simon Vinther Nielsen - 2010 03 10
Infographics & data visualisation - Simon Vinther Nielsen - 2010 03 10
 
Web analytics and how we can use it in UX - Mikkel Schultz - 2010 02 15
Web analytics and how we can use it in UX - Mikkel Schultz - 2010 02 15Web analytics and how we can use it in UX - Mikkel Schultz - 2010 02 15
Web analytics and how we can use it in UX - Mikkel Schultz - 2010 02 15
 
Guerrilla v. Marketing v. Now - Alex Cassoni - 2009 10 26
Guerrilla v. Marketing v. Now - Alex Cassoni - 2009 10 26Guerrilla v. Marketing v. Now - Alex Cassoni - 2009 10 26
Guerrilla v. Marketing v. Now - Alex Cassoni - 2009 10 26
 
The Power of Flash - Sophie Barbon - 2009 09 14
The Power of Flash - Sophie Barbon - 2009 09 14The Power of Flash - Sophie Barbon - 2009 09 14
The Power of Flash - Sophie Barbon - 2009 09 14
 
Intelligent Ambience - Jørgen Juul - 2009 09 07
Intelligent Ambience - Jørgen Juul - 2009 09 07Intelligent Ambience - Jørgen Juul - 2009 09 07
Intelligent Ambience - Jørgen Juul - 2009 09 07
 
Software Requirement Specification In The Real World - Tobias Andersen - 2009...
Software Requirement Specification In The Real World - Tobias Andersen - 2009...Software Requirement Specification In The Real World - Tobias Andersen - 2009...
Software Requirement Specification In The Real World - Tobias Andersen - 2009...
 
What, when and why of wireframes - James Kelway - 2009 08 17
What, when and why of wireframes - James Kelway - 2009 08 17What, when and why of wireframes - James Kelway - 2009 08 17
What, when and why of wireframes - James Kelway - 2009 08 17
 
Flash Xml Engine - Daniel Kawa - 2009 06 15
Flash Xml Engine - Daniel Kawa - 2009 06 15 Flash Xml Engine - Daniel Kawa - 2009 06 15
Flash Xml Engine - Daniel Kawa - 2009 06 15
 

Último

Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...apidays
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024The Digital Insurer
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWERMadyBayot
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusZilliz
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...apidays
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Zilliz
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxRustici Software
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesrafiqahmad00786416
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businesspanagenda
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsNanddeep Nachan
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Victor Rentea
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Orbitshub
 

Último (20)

Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 

Pictures Icons Ideas - Ashley Raiteri - 2009 05 25

Notas do Editor

  1. This universal icon represents an ”idea”.”Light brings sight, and sight brings understanding.”If it was about talking or listening, then the icon for idea would be this.
  2. In 1995 I was working on this. That’s when I discovered the power of visual thinking.The software for this baby looked like this. So to understand it, we started drawing pictures.
  3. We called it UML, but really it was just pictures of our code. These days every major complex system starts with a Visual UML model.I think we can agree that these pictures are easier to understand than this code.
  4. So why is this? Well, the visual cortex is the most massive system in the human brain. It’s about 1/3 of the surface of the cerebral cortex.So roughly 1/3 of your mind is geared for visual information.
  5. This info graphic can help us understand that visual thinking pre-dates written language by about 200,000years.That’s us there at the end. And that thin red line is yesterday, when we started writing things down.
  6. But what is writing? Its just pictures. Written language is powerful and complex and requires a much slower process for understanding.Visualization communication skips these steps and goes straight to the idea.
  7. 1786. Scotland. A draftsman named William Playfair decides that tables suck and invents the line graph, the pie chart, and the bar chart.We can thank Mr Playfair for Microsoft Charting and therefore Power Point.
  8. In 1812 Napoleon invades Russia. 1869 Frenchman Charles Minard publishes this infographic.The Big Line showing th size of Napoleon’s army gets smaller and smaller as they head to Moscow, freezes to death and then retreat.
  9. Charles Minard was popularized by Edward Tufte. In 1982 he self-published The Visual Display of Quantitative Information.A new branch of science was born, the Discipline of Analytical Design.
  10. This graphic show the population of the countries matching the domain names, you’ll also notice its roughy greographically correct. The size of letters shows the compartive population. Tufte’s science would approve of this graphic.
  11. But not this one from the NYTime, there is no real relation between the font size and the actual numbers., its misleading.Tufte is a scientist and a purist. There should be no unneccesary lines, every part of a graphic should tell a true story about facts or data.
  12. Here’s an example of analytical design. The colors indicate prevalance of diabetes around the world, and this site comes with loads of comparative visualizations to help us understand real medical data.
  13. The internet is drowning us in data, some important, and some, well not so much. We begin to need pictures and graphics just to function.
  14. If it weren’t for css, grid layouts and modern web design the net would probably still look like this, instead of this where there is content and we can understand it.
  15. Familiar Images are the most accessible. Everyone understands a calendar.In this graphic , Jess Bachman visualizes 1 Billion dollars as 2 days in the Iraq War. A Billion we don’t understand, but two days we do.That’s an expensive 2 days.
  16. Good design, helps us make a decision. To act one way or another. Seattle Artist Chris Jordan made this wave it represents the 2.4 Million pieces of plastic garbage that make it to the ocean each hour.
  17. The piece is composed of 2.4 Million actual pieces of plastic taken from the ocean. These images perhaps are a stronger idea than the number 2.4 Million.
  18. So what I am driving here is that people are not machines. We don’t read XML. We don’t process SQL. We understand pictures.
  19. So whether its processes, data collection, rich media, menu systems, whatever..Content has meaning, and if you want that meaning to be clear in the clutter, Start by thinking visually first, before you do anything else.
  20. I’ll leave you with a paraphrase from Ed Tufte “Good design is more likely to produce truth” and for me that’s even better than a good idea.