SlideShare uma empresa Scribd logo
1 de 37
Baixar para ler offline
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

Mais conteúdo relacionado

Destaque

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
 

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

Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterMydbops
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3
 
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Kaya Weers
 
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
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality AssuranceInflectra
 
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
 
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructureitnewsafrica
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesBernd Ruecker
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3
 
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
 
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
 
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
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfpanagenda
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 

Último (20)

Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
Scale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL RouterScale your database traffic with Read & Write split using MySQL Router
Scale your database traffic with Read & Write split using MySQL Router
 
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxThe Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx
 
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)
 
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
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
 
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...
 
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical InfrastructureVarsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
Varsha Sewlal- Cyber Attacks on Critical Critical Infrastructure
 
UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
QCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architecturesQCon London: Mastering long-running processes in modern architectures
QCon London: Mastering long-running processes in modern architectures
 
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptxDigital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
 
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
 
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
 
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...
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdfSo einfach geht modernes Roaming fuer Notes und Nomad.pdf
So einfach geht modernes Roaming fuer Notes und Nomad.pdf
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 

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