Sketching Matters
Upcoming SlideShare
Loading in...5
×
 

Sketching Matters

on

  • 3,095 views

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.

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.

Statistics

Views

Total Views
3,095
Views on SlideShare
2,925
Embed Views
170

Actions

Likes
13
Downloads
159
Comments
0

4 Embeds 170

http://www.vizthinkdallas.com 141
http://lanyrd.com 20
https://twitter.com 8
https://www.linkedin.com 1

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \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

Sketching Matters Sketching Matters Presentation Transcript

  • Hello. Paul
  • tired tired 3 years 3 years 21 monthslast place
  • artist BS critic art
  • listeningsketching
  • #attitude
  • #attitude #fuzzy #structured #transparent
  • #attitude #speed #fuzzy #structured #accuracy #transparent
  • #attitude #speed #fuzzy #structured #accuracy #transparent
  • 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
  • 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
  • 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
  • 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 afterassembling and using it.
  • 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 create color tones and a painterly feel.
  • 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 really need to move on to the making the thing.
  • 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 / effort / risk SketchFlow Visual Design Illustrations#fuzzy #structured HTML Wireframes #transparent
  • #attitude #speed #fuzzy #structured #accuracy #transparent
  • @kraemer
  • “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
  • 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 make sense of your drawings when you’re not there to explain them yourself. #pro-tip
  • Practice the shapes specific to your domain. Put at title and date on every page. #pro-tips
  • 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 contacts, not contractsmake friends, not war
  • 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
  • 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 by Dave Gray http://www.davegrayinfo.com/ 2008/04/08/forms-fields-and- flows/
  • Recommended Reading Visual Meetings by David Sibbet
  • Recommended Reading Gamestorming by Dave Gray Sunni Brown James Macanufo
  • @davegray @danroam @xplane @ryancoleman @SunniBrown @austinkleon @nancyduarte@vizthinkDall @paulgoode #vizthink as
  • DECEMBER 15th4:30pm - 7:00? Place TBD