SlideShare una empresa de Scribd logo
1 de 37
Descargar para leer sin conexión
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

Más contenido relacionado

Destacado

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
Kelsey Ruger
 
Speaking up for Experiences
Speaking up for ExperiencesSpeaking up for Experiences
Speaking up for Experiences
Stephen 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 Manual
Harve Abella
 

Destacado (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
 

Último

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
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
Safe Software
 
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
panagenda
 
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
Safe Software
 
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
Victor Rentea
 

Último (20)

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
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
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
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
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
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...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
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
 
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
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
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
 
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
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 

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