Your SlideShare is downloading. ×
0
Hello.  Paul
tired             tired                             3 years   3 years                                                 21 m...
artist         BS                    critic         art
listeningsketching
#attitude
#attitude   #fuzzy                  #structured            #transparent
#attitude                                         #speed   #fuzzy                  #structured                            ...
#attitude                                         #speed   #fuzzy                  #structured                            ...
Sketching provides a baseline of understanding.                     #attitude                                In the room w...
During meetings and standups and brainstorming sessions I                                    sketch on white boards and pa...
Sketching is where everyone found common ground and              #attitude                                 made the projec...
Big ideas.Communicate that you understand.Capture and do something with it.Be bold and sketch.
Communicate that you understand.
Communicate thatDraw the nouns. you understand.
Communicate thatDraw the nouns. you understand.
Communicate that youSketch environments. understand.
Communicate that you understand.Introduce actions and desires.
Communicate that you understand.Introduce actions and desires.
Communicate thatPropose a story. you understand.
Communicate thatGrasp the problem.you understand.
Communicate thatGrasp the problem.you understand.
Communicate that you understand.Make it painful.
Communicate that you understand.Make it painful.
Communicate that you understand.Show a structured understanding.
Communicate that you understand.Show a structured understanding.
Again, sketching helps show that youunderstand (or trying really hard).
See, Iunderstand...a digitalplatform thatwould helpcity officials.Helpful:UXD Stack
See, Iunderstand...ways a digitallab notebookmight enablescientists todo betterresearch.
See, Iunderstand...how to helpyou organizeand visualizeyour launchprocess.
See, I understand... how a new platform canreinvigorate your organization.
See, Iunderstand...how to help filla room withIKEA stuff.This got the ball rolling.   #fuzzy   #structuredIt got tweaked af...
Big ideas.Communicate that you understand.Capture and do something with it.Be bold and sketch.
Capture.           Take a picture.
Delete.          Erase the board.          Go make something.
Delete.          Erase the board.          Go make something.
Capture and do something with it.
Capture and do something with it.
Capture and do something with it.
Pro tips.   Tweak the brightness and contrast to get            some solid lines.
Pro tips.   Set the ink layer to “multiply” and have            fun coloring below.             Shave back the opacity to ...
Pro tips.   Scan + Adjust + Trace + Expand + Color
Pro tips.   Whiteboard + Vectorized + Color
Big ideas.GOALSCommunicate that you understand.Capture and do something with it.Be bold and sketch.
Do it.123
Do it.123
Big ideas.GOALSCommunicate that you understand.Capture and do something with it.Be bold and sketch.Show progress.You reall...
Show progress.   Discover   Sketch   Prototype
Show progress.   Discover   Sketch   Prototype
Show progress.   Discover   Sketch   Prototype
Show progress.   Discover   Sketch   Prototype
Show progress.   Discover   Sketch   Prototype
More clickable &                                                      interactive stuff...                            time...
#attitude                                         #speed   #fuzzy                  #structured                            ...
@kraemer
“Any problem can be made clearer with a picture,       and any picture can be made using     the same simple set of tools ...
It doesn’t have to be perfect.You’re not shipping the sketch.                                  #pro-tip
Please excuse the crudity of this model.I didnt have time to build it to scale or to paint it.
1. Draw a noun               2. Label it with textThis accommodates both visual and aural learners. It also helps folks ma...
Practice the shapes specific to your domain.    Put at title and date on every page.                                     #p...
Concept Maps are a great wayto get your arms around complex ideas.
Noun          Noun       Verb
DFW UX               RefreshProfessio   attends   Meeting
It’s OK to be messy
It’s OK to be messy
Concept Map for Resumes and Quals
Discover   Sketch   Prototype
Sketching works for a collection of pages as well.
Sketching for the Microsoft Surfacehelped us better understand its unique context.
My daughter is both cute and creative.
make prototypes, not promisesmake designs, not documentscollaborate, don’t litigatepartner, don’t just providemake contact...
make prototypes, not promisesmake designs, not documentscollaborate, don’t litigatepartner, don’t just providemake contact...
Awesome.What can I do next?
Recommended Reading                      Back of the Napkin                            by Dan Roam
Recommended Reading                      Back of the Napkin                            by Dan Roam
Recommended Reading                         Forms, Fields,                             and Flow                          b...
Recommended Reading                      Visual Meetings                       by David Sibbet
Recommended Reading                       Gamestorming                         by Dave Gray                          Sunni...
@davegray                        @danroam           @xplane                 @ryancoleman           @SunniBrown            ...
DECEMBER 15th4:30pm - 7:00?     Place TBD
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Sketching Matters
Upcoming SlideShare
Loading in...5
×

Sketching Matters

3,967

Published on

Sketching matters. Paul Goode and Mark Kraemer discuss ways to get faster and more accurate by incorporating a "sketch" attitude into problem solving. Drop the document debt and build a picture.

Published in: Technology, News & Politics
0 Comments
16 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,967
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
218
Comments
0
Likes
16
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Just a few more examples after this.\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Provide an example once, no need to repeat or branch\n
  • Provide an example once, no need to repeat or branch\n
  • Provide an example once, no need to repeat or branch\n
  • Provide an example once, no need to repeat or branch\n
  • \n
  • \n
  • Transcript of "Sketching Matters"

    1. 1. Hello. Paul
    2. 2. tired tired 3 years 3 years 21 monthslast place
    3. 3. artist BS critic art
    4. 4. listeningsketching
    5. 5. #attitude
    6. 6. #attitude #fuzzy #structured #transparent
    7. 7. #attitude #speed #fuzzy #structured #accuracy #transparent
    8. 8. #attitude #speed #fuzzy #structured #accuracy #transparent
    9. 9. Sketching provides a baseline of understanding. #attitude In the room well have a designer, a front end dev, back end #fuzzy dev, project, and product (me) people plus possibly a client or two. At the idea stage you have words in the air. The problemJoshua Kahn with words in the air is that everyone attaches their ownProduct Line Mgr at Best Buy #transparent picture of what those words look like. The sketch, especially if its viewable by everyone, grounds the discussion Sketching provides a and immediately reveals gaps in reality or gaps between baseline of understanding. everyones interpretation of the concept. It helps me a great deal personally, since Im not a developer, I #structured can go down trails that are more based on "computer magic" than the actual capability of the tech. A sketch allows developers to course correct me. #speed #accuracy In short, the tangibility of sketches gets the group more quickly and accurately to the thing.Nov 2011
    10. 10. During meetings and standups and brainstorming sessions I sketch on white boards and paper to make sure that Im on #fuzzy the same page with people about planned interactions or interfaces. I also like to print out interfaces weve already designed and then cover parts of them with post-its and drawAbi Jones what should be there instead. As you can see, the visual #transparentDesigner at Google design for Google Search isnt too complex, so I can move pretty quickly from a sketch to a relatively high-fidelity mock. I should note that not everyone at Google is a sketcher. Im just not very In other cases I might sketch with snagit or photoshop (really fast with Photoshop, so I like rough work) and then an engineer will make a working #structured to draw things first. prototype based on that rough. For my current project Im in a room with the entire team, so my sketches and mocks are up on the walls and we can all stand up and look at the board and discuss the #speed flow of the interface and the interactions that take place. #attitude Its nice because standing up is informal, but it is also important that when you present sketches you have a #accuracy recorder who can get all of the feedback for the meeting.Nov 2011
    11. 11. Sketching is where everyone found common ground and #attitude made the project workable. We created a small, immersive educational game to educate #fuzzy students interested in aspects of successful deer hunting. TheEdward Cossette initial concept fit into a single sketch. More sketches wereUX Mgr at Kalkomey Enterprises #transparent made, those turned to wireframes, wireframes and documentation informed the illustrator, content and game The game design started design. #structured with a single sketch. As for the team, each person worked remote, with limited availability, and sketching was the keystone in communicating. Sketching served as balance between a #speed verbose and academic education designer, prone to 3500- #accuracyShoot or Don’t Shoot word emails, and a programmer, prone to single-line emails.http://www.hunter-ed.com/Nov 2011
    12. 12. Big ideas.Communicate that you understand.Capture and do something with it.Be bold and sketch.
    13. 13. Communicate that you understand.
    14. 14. Communicate thatDraw the nouns. you understand.
    15. 15. Communicate thatDraw the nouns. you understand.
    16. 16. Communicate that youSketch environments. understand.
    17. 17. Communicate that you understand.Introduce actions and desires.
    18. 18. Communicate that you understand.Introduce actions and desires.
    19. 19. Communicate thatPropose a story. you understand.
    20. 20. Communicate thatGrasp the problem.you understand.
    21. 21. Communicate thatGrasp the problem.you understand.
    22. 22. Communicate that you understand.Make it painful.
    23. 23. Communicate that you understand.Make it painful.
    24. 24. Communicate that you understand.Show a structured understanding.
    25. 25. Communicate that you understand.Show a structured understanding.
    26. 26. Again, sketching helps show that youunderstand (or trying really hard).
    27. 27. See, Iunderstand...a digitalplatform thatwould helpcity officials.Helpful:UXD Stack
    28. 28. See, Iunderstand...ways a digitallab notebookmight enablescientists todo betterresearch.
    29. 29. See, Iunderstand...how to helpyou organizeand visualizeyour launchprocess.
    30. 30. See, I understand... how a new platform canreinvigorate your organization.
    31. 31. See, Iunderstand...how to help filla room withIKEA stuff.This got the ball rolling. #fuzzy #structuredIt got tweaked afterassembling and using it.
    32. 32. Big ideas.Communicate that you understand.Capture and do something with it.Be bold and sketch.
    33. 33. Capture. Take a picture.
    34. 34. Delete. Erase the board. Go make something.
    35. 35. Delete. Erase the board. Go make something.
    36. 36. Capture and do something with it.
    37. 37. Capture and do something with it.
    38. 38. Capture and do something with it.
    39. 39. Pro tips. Tweak the brightness and contrast to get some solid lines.
    40. 40. Pro tips. Set the ink layer to “multiply” and have fun coloring below. Shave back the opacity to create color tones and a painterly feel.
    41. 41. Pro tips. Scan + Adjust + Trace + Expand + Color
    42. 42. Pro tips. Whiteboard + Vectorized + Color
    43. 43. Big ideas.GOALSCommunicate that you understand.Capture and do something with it.Be bold and sketch.
    44. 44. Do it.123
    45. 45. Do it.123
    46. 46. Big ideas.GOALSCommunicate that you understand.Capture and do something with it.Be bold and sketch.Show progress.You really need to move on to the making the thing.
    47. 47. Show progress. Discover Sketch Prototype
    48. 48. Show progress. Discover Sketch Prototype
    49. 49. Show progress. Discover Sketch Prototype
    50. 50. Show progress. Discover Sketch Prototype
    51. 51. Show progress. Discover Sketch Prototype
    52. 52. More clickable & interactive stuff... time / effort / risk SketchFlow Visual Design Illustrations#fuzzy #structured HTML Wireframes #transparent
    53. 53. #attitude #speed #fuzzy #structured #accuracy #transparent
    54. 54. @kraemer
    55. 55. “Any problem can be made clearer with a picture, and any picture can be made using the same simple set of tools and rules.” - The Back of the Napkin by Dan Roam
    56. 56. It doesn’t have to be perfect.You’re not shipping the sketch. #pro-tip
    57. 57. Please excuse the crudity of this model.I didnt have time to build it to scale or to paint it.
    58. 58. 1. Draw a noun 2. Label it with textThis accommodates both visual and aural learners. It also helps folks make sense of your drawings when you’re not there to explain them yourself. #pro-tip
    59. 59. Practice the shapes specific to your domain. Put at title and date on every page. #pro-tips
    60. 60. Concept Maps are a great wayto get your arms around complex ideas.
    61. 61. Noun Noun Verb
    62. 62. DFW UX RefreshProfessio attends Meeting
    63. 63. It’s OK to be messy
    64. 64. It’s OK to be messy
    65. 65. Concept Map for Resumes and Quals
    66. 66. Discover Sketch Prototype
    67. 67. Sketching works for a collection of pages as well.
    68. 68. Sketching for the Microsoft Surfacehelped us better understand its unique context.
    69. 69. My daughter is both cute and creative.
    70. 70. make prototypes, not promisesmake designs, not documentscollaborate, don’t litigatepartner, don’t just providemake contacts, not contractsmake friends, not war
    71. 71. make prototypes, not promisesmake designs, not documentscollaborate, don’t litigatepartner, don’t just providemake contacts, not contractsmake friends, not war The collaboration required for group sketching also develops relationships that are more capable
    72. 72. Awesome.What can I do next?
    73. 73. Recommended Reading Back of the Napkin by Dan Roam
    74. 74. Recommended Reading Back of the Napkin by Dan Roam
    75. 75. Recommended Reading Forms, Fields, and Flow by Dave Gray http://www.davegrayinfo.com/ 2008/04/08/forms-fields-and- flows/
    76. 76. Recommended Reading Visual Meetings by David Sibbet
    77. 77. Recommended Reading Gamestorming by Dave Gray Sunni Brown James Macanufo
    78. 78. @davegray @danroam @xplane @ryancoleman @SunniBrown @austinkleon @nancyduarte@vizthinkDall @paulgoode #vizthink as
    79. 79. DECEMBER 15th4:30pm - 7:00? Place TBD
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×