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

Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
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
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Scott Andery
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina
 
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
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc
 
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
 
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesThousandEyes
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...panagenda
 
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
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
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
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...AliaaTarek5
 
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
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsRavi Sanghani
 

Dernier (20)

Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
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...
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdfWhat is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.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
 
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
 
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
 
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyesAssure Ecommerce and Retail Operations Uptime with ThousandEyes
Assure Ecommerce and Retail Operations Uptime with ThousandEyes
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
 
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
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
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
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
 
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
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
 

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