SlideShare une entreprise Scribd logo
1  sur  37
Télécharger pour lire hors ligne
ASBURY PARK   10.03.12   MIKE ANGELES
I have a confession to make ...
IF (DESIRE > ABILITY)
EMPTY YOUR CUP
LET GO
BUXTON + ROAM
WHAT IS A SKETCH?
SKETCHING
    !=
 DRAWING
WHY WE SKETCH



 TO THINK      TO DOCUMENT   TO EXPERIMENT




TO EXPLAIN +     TO FAIL      TO FIND THE
COMMUNICATE      FASTER      RIGHT DESIGN
WE SKETCH TO THINK
TO DOCUMENT
TO DOCUMENT
TO EXPERIMENT
TO COMMUNICATE + EXPLAIN
RE: PRODUCT DESIGN
DESIGN PROCESS (BUXTON)
TO FAIL FASTER




     Selection Point   Failure   Success
TO FIND THE RIGHT DESIGN
ANYONE CAN SKETCH
UGL IS PAWESOME
   Y
UGL IS THE POINT
   Y
CAPTURE THE ESSENCE




            AND MOVE ON
EMBRACE CONSTRAINTS
Telling yourself,
“Oh, you have all the time in the world,
you have all the money in the world,
you have all the colors in the palette
you want, anything you want,”
I mean, that just kills creativity.
—Jack White
EMBRACE CONSTRAINTS
FOR EXAMPLE:
• USE ONL 1 COLOR
          Y
• 1 PENCIL/PEN
1-2 LEVELS OF FIDELITY




 ABSTRACT         DETAILED
(Thumbnails)   (Words + Controls)
IDEAS COME AT ANY TIME
IDEAS COME AT ANY TIME
EXPLAIN
  OR IDEAS WILL DIE
DISCUSSION
---------------- over ----------------
DOCUMENTATION
KNOW WHEN TO STOP
DO                     DO NOT
Work fast and loose;
                       Get precious
More is better

Embrace constraints;   Focus on details too
1 pen / 1 color        early

                       Forget the bigger
Explain your work
                       picture

Stop and build
A FINAL WORD
It’s all about how you’re putting
what you do together. The
elements you’re using don’t
matter. Purity of human
expression and experience is not
confined to guitars, to tubes, to
turntables, to microchips.
There’s no right way, no pure way
of doing it—there’s just doing it.
From Bruce Springsteen's inspiring 2012 SXSW Keynote Speech.
GREAT STUFF

THANK YOU FOR LISTENING!
LIGHT READING
Why We Sketch          Sketch Sketch Sketch                 Konigi
   Jared Spool              52 Weeks of UX           Notebook on Sketching




http://goo.gl/zEorJ       http://goo.gl/45Kvi        http://goo.gl/FVfu9




Visual Alphabet       Visual Thinking Tutorials    Think you can’t draw?
   Dave Gray                 Brain Doodles          Showcase 6 visual thinkers




http://goo.gl/XeIqG      http://braindoodles.net       http://goo.gl/bQt11
SOURCES
Josef Albers                                                        Gene Lu
Color Studies                                                       Nike Air Force 1 Sketches
http://www.artknowledgenews.com/                                    http://genelu.com/2012/07/nike-air-force-1/
15_08_2011_22_23_30_the_louisiana_museum_exhibition_shows_a_ne
w_side_of_josef_albers.html                                         Dieter Rams
http://albersfoundation.org/Albers.php?inc=Galleries&i=J_1          Less and More: The Design Ethos of Dieter Rams.
                                                                    http://www.amazon.com/Less-More-Design-Ethos-Dieter/dp/
Paul Backet                                                         3899553977
Sketching with Purpose on Core 77                                   http://www.domusweb.it/en/from-the-archive/alessandro-mendini-
http://core77.com/blog/education/                                   interviews-dieter-rams
sketching_approaching_the_paper_with_purpose_by_paul_backett_2042
2.asp                                                               Richard Serra
                                                                    http://www.depont.nl/en/collection/artists/artist/werk_id/344/kunstenaar/
Galileo                                                             serra/
Sketches of the objects around Jupiter from his journal in 1610     http://zigzagbluesblog.blogspot.com/2012/05/richard-serra-1939.html
http://solarsystem.nasa.gov/scitech/display.cfm?ST_ID=2259
http://solarsystem.nasa.gov/multimedia/gallery/Galileo_Journal-
browse.jpg


Frank Gehry
Disney sketches
http://www.arcspace.com/architects/gehry/disney2/
http://www.arcspace.com/architects/gehry/disney2/10.Disney.gif

Contenu connexe

En vedette

Sketching To Communicate, Share Stories And Solve Problems
Sketching To Communicate, Share Stories And Solve ProblemsSketching To Communicate, Share Stories And Solve Problems
Sketching To Communicate, Share Stories And Solve ProblemsKelsey Ruger
 
Speaking up for Experiences
Speaking up for ExperiencesSpeaking up for Experiences
Speaking up for ExperiencesStephen Anderson
 
Stop Doing What Youre Told
Stop Doing What Youre ToldStop Doing What Youre Told
Stop Doing What Youre ToldStephen Anderson
 
Sheet Music: Tsubasa Chronicle - Hear our prayer (violin 1)
Sheet Music: Tsubasa Chronicle - Hear our prayer (violin 1)Sheet Music: Tsubasa Chronicle - Hear our prayer (violin 1)
Sheet Music: Tsubasa Chronicle - Hear our prayer (violin 1)sayakahime
 
Philippine National Police Criminal Investigation Manual
Philippine National Police Criminal Investigation ManualPhilippine National Police Criminal Investigation Manual
Philippine National Police Criminal Investigation ManualHarve Abella
 
Fail fail fail, until you succeed
Fail fail fail, until you succeedFail fail fail, until you succeed
Fail fail fail, until you succeedArjun Pillai
 

En vedette (13)

Sketching To Communicate, Share Stories And Solve Problems
Sketching To Communicate, Share Stories And Solve ProblemsSketching To Communicate, Share Stories And Solve Problems
Sketching To Communicate, Share Stories And Solve Problems
 
Basic sketching
Basic sketchingBasic sketching
Basic sketching
 
Speaking up for Experiences
Speaking up for ExperiencesSpeaking up for Experiences
Speaking up for Experiences
 
Práctica 1 el violín
Práctica 1 el violínPráctica 1 el violín
Práctica 1 el violín
 
Stop Doing What Youre Told
Stop Doing What Youre ToldStop Doing What Youre Told
Stop Doing What Youre Told
 
Sheet Music: Tsubasa Chronicle - Hear our prayer (violin 1)
Sheet Music: Tsubasa Chronicle - Hear our prayer (violin 1)Sheet Music: Tsubasa Chronicle - Hear our prayer (violin 1)
Sheet Music: Tsubasa Chronicle - Hear our prayer (violin 1)
 
Charcoal drawing
Charcoal drawingCharcoal drawing
Charcoal drawing
 
Do Something
Do SomethingDo Something
Do Something
 
Drawing Materials
Drawing MaterialsDrawing Materials
Drawing Materials
 
Charcoal Drawings
Charcoal DrawingsCharcoal Drawings
Charcoal Drawings
 
Philippine National Police Criminal Investigation Manual
Philippine National Police Criminal Investigation ManualPhilippine National Police Criminal Investigation Manual
Philippine National Police Criminal Investigation Manual
 
Fail fail fail, until you succeed
Fail fail fail, until you succeedFail fail fail, until you succeed
Fail fail fail, until you succeed
 
Be a Leader
Be a LeaderBe a Leader
Be a Leader
 

Dernier

WomenInAutomation2024: AI and Automation for eveyone
WomenInAutomation2024: AI and Automation for eveyoneWomenInAutomation2024: AI and Automation for eveyone
WomenInAutomation2024: AI and Automation for eveyoneUiPathCommunity
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Mark Simos
 
Accelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessAccelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessWSO2
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integrationmarketing932765
 
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...Karmanjay Verma
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityIES VE
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...itnewsafrica
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024TopCSSGallery
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditSkynet Technologies
 
Kuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorialKuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorialJoão Esperancinha
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxfnnc6jmgwh
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxAna-Maria Mihalceanu
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Farhan Tariq
 
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...amber724300
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney
 
All These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFAll These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFMichael Gough
 

Dernier (20)

WomenInAutomation2024: AI and Automation for eveyone
WomenInAutomation2024: AI and Automation for eveyoneWomenInAutomation2024: AI and Automation for eveyone
WomenInAutomation2024: AI and Automation for eveyone
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
 
Accelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with PlatformlessAccelerating Enterprise Software Engineering with Platformless
Accelerating Enterprise Software Engineering with Platformless
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS:  6 Ways to Automate Your Data IntegrationBridging Between CAD & GIS:  6 Ways to Automate Your Data Integration
Bridging Between CAD & GIS: 6 Ways to Automate Your Data Integration
 
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance Audit
 
Kuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorialKuma Meshes Part I - The basics - A tutorial
Kuma Meshes Part I - The basics - A tutorial
 
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptxGenerative AI - Gitex v1Generative AI - Gitex v1.pptx
Generative AI - Gitex v1Generative AI - Gitex v1.pptx
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance Toolbox
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
 
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
 
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
 
All These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFAll These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDF
 

Sketching interfaces

  • 1. ASBURY PARK 10.03.12 MIKE ANGELES
  • 2. I have a confession to make ...
  • 3. IF (DESIRE > ABILITY)
  • 7. WHAT IS A SKETCH?
  • 8. SKETCHING != DRAWING
  • 9. WHY WE SKETCH TO THINK TO DOCUMENT TO EXPERIMENT TO EXPLAIN + TO FAIL TO FIND THE COMMUNICATE FASTER RIGHT DESIGN
  • 10. WE SKETCH TO THINK
  • 14. TO COMMUNICATE + EXPLAIN
  • 17. TO FAIL FASTER Selection Point Failure Success
  • 18. TO FIND THE RIGHT DESIGN
  • 19.
  • 21.
  • 23. UGL IS THE POINT Y
  • 24. CAPTURE THE ESSENCE AND MOVE ON
  • 25. EMBRACE CONSTRAINTS Telling yourself, “Oh, you have all the time in the world, you have all the money in the world, you have all the colors in the palette you want, anything you want,” I mean, that just kills creativity. —Jack White
  • 26. EMBRACE CONSTRAINTS FOR EXAMPLE: • USE ONL 1 COLOR Y • 1 PENCIL/PEN
  • 27. 1-2 LEVELS OF FIDELITY ABSTRACT DETAILED (Thumbnails) (Words + Controls)
  • 28. IDEAS COME AT ANY TIME
  • 29. IDEAS COME AT ANY TIME
  • 30. EXPLAIN OR IDEAS WILL DIE
  • 32. KNOW WHEN TO STOP
  • 33. DO DO NOT Work fast and loose; Get precious More is better Embrace constraints; Focus on details too 1 pen / 1 color early Forget the bigger Explain your work picture Stop and build
  • 34. A FINAL WORD It’s all about how you’re putting what you do together. The elements you’re using don’t matter. Purity of human expression and experience is not confined to guitars, to tubes, to turntables, to microchips. There’s no right way, no pure way of doing it—there’s just doing it. From Bruce Springsteen's inspiring 2012 SXSW Keynote Speech.
  • 35. GREAT STUFF THANK YOU FOR LISTENING!
  • 36. LIGHT READING Why We Sketch Sketch Sketch Sketch Konigi Jared Spool 52 Weeks of UX Notebook on Sketching http://goo.gl/zEorJ http://goo.gl/45Kvi http://goo.gl/FVfu9 Visual Alphabet Visual Thinking Tutorials Think you can’t draw? Dave Gray Brain Doodles Showcase 6 visual thinkers http://goo.gl/XeIqG http://braindoodles.net http://goo.gl/bQt11
  • 37. SOURCES Josef Albers Gene Lu Color Studies Nike Air Force 1 Sketches http://www.artknowledgenews.com/ http://genelu.com/2012/07/nike-air-force-1/ 15_08_2011_22_23_30_the_louisiana_museum_exhibition_shows_a_ne w_side_of_josef_albers.html Dieter Rams http://albersfoundation.org/Albers.php?inc=Galleries&i=J_1 Less and More: The Design Ethos of Dieter Rams. http://www.amazon.com/Less-More-Design-Ethos-Dieter/dp/ Paul Backet 3899553977 Sketching with Purpose on Core 77 http://www.domusweb.it/en/from-the-archive/alessandro-mendini- http://core77.com/blog/education/ interviews-dieter-rams sketching_approaching_the_paper_with_purpose_by_paul_backett_2042 2.asp Richard Serra http://www.depont.nl/en/collection/artists/artist/werk_id/344/kunstenaar/ Galileo serra/ Sketches of the objects around Jupiter from his journal in 1610 http://zigzagbluesblog.blogspot.com/2012/05/richard-serra-1939.html http://solarsystem.nasa.gov/scitech/display.cfm?ST_ID=2259 http://solarsystem.nasa.gov/multimedia/gallery/Galileo_Journal- browse.jpg Frank Gehry Disney sketches http://www.arcspace.com/architects/gehry/disney2/ http://www.arcspace.com/architects/gehry/disney2/10.Disney.gif