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

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

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Dernier (20)

Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
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
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
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
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
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...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.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