Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

Whiteboard Warrior @ the d.school 1/31/15 Slide 1 Whiteboard Warrior @ the d.school 1/31/15 Slide 2 Whiteboard Warrior @ the d.school 1/31/15 Slide 3 Whiteboard Warrior @ the d.school 1/31/15 Slide 4 Whiteboard Warrior @ the d.school 1/31/15 Slide 5 Whiteboard Warrior @ the d.school 1/31/15 Slide 6 Whiteboard Warrior @ the d.school 1/31/15 Slide 7 Whiteboard Warrior @ the d.school 1/31/15 Slide 8 Whiteboard Warrior @ the d.school 1/31/15 Slide 9 Whiteboard Warrior @ the d.school 1/31/15 Slide 10 Whiteboard Warrior @ the d.school 1/31/15 Slide 11 Whiteboard Warrior @ the d.school 1/31/15 Slide 12 Whiteboard Warrior @ the d.school 1/31/15 Slide 13 Whiteboard Warrior @ the d.school 1/31/15 Slide 14 Whiteboard Warrior @ the d.school 1/31/15 Slide 15 Whiteboard Warrior @ the d.school 1/31/15 Slide 16 Whiteboard Warrior @ the d.school 1/31/15 Slide 17 Whiteboard Warrior @ the d.school 1/31/15 Slide 18 Whiteboard Warrior @ the d.school 1/31/15 Slide 19 Whiteboard Warrior @ the d.school 1/31/15 Slide 20 Whiteboard Warrior @ the d.school 1/31/15 Slide 21 Whiteboard Warrior @ the d.school 1/31/15 Slide 22 Whiteboard Warrior @ the d.school 1/31/15 Slide 23 Whiteboard Warrior @ the d.school 1/31/15 Slide 24 Whiteboard Warrior @ the d.school 1/31/15 Slide 25 Whiteboard Warrior @ the d.school 1/31/15 Slide 26 Whiteboard Warrior @ the d.school 1/31/15 Slide 27 Whiteboard Warrior @ the d.school 1/31/15 Slide 28 Whiteboard Warrior @ the d.school 1/31/15 Slide 29 Whiteboard Warrior @ the d.school 1/31/15 Slide 30 Whiteboard Warrior @ the d.school 1/31/15 Slide 31 Whiteboard Warrior @ the d.school 1/31/15 Slide 32 Whiteboard Warrior @ the d.school 1/31/15 Slide 33 Whiteboard Warrior @ the d.school 1/31/15 Slide 34 Whiteboard Warrior @ the d.school 1/31/15 Slide 35 Whiteboard Warrior @ the d.school 1/31/15 Slide 36 Whiteboard Warrior @ the d.school 1/31/15 Slide 37 Whiteboard Warrior @ the d.school 1/31/15 Slide 38 Whiteboard Warrior @ the d.school 1/31/15 Slide 39 Whiteboard Warrior @ the d.school 1/31/15 Slide 40 Whiteboard Warrior @ the d.school 1/31/15 Slide 41 Whiteboard Warrior @ the d.school 1/31/15 Slide 42 Whiteboard Warrior @ the d.school 1/31/15 Slide 43 Whiteboard Warrior @ the d.school 1/31/15 Slide 44 Whiteboard Warrior @ the d.school 1/31/15 Slide 45 Whiteboard Warrior @ the d.school 1/31/15 Slide 46 Whiteboard Warrior @ the d.school 1/31/15 Slide 47 Whiteboard Warrior @ the d.school 1/31/15 Slide 48 Whiteboard Warrior @ the d.school 1/31/15 Slide 49 Whiteboard Warrior @ the d.school 1/31/15 Slide 50 Whiteboard Warrior @ the d.school 1/31/15 Slide 51 Whiteboard Warrior @ the d.school 1/31/15 Slide 52 Whiteboard Warrior @ the d.school 1/31/15 Slide 53 Whiteboard Warrior @ the d.school 1/31/15 Slide 54 Whiteboard Warrior @ the d.school 1/31/15 Slide 55 Whiteboard Warrior @ the d.school 1/31/15 Slide 56 Whiteboard Warrior @ the d.school 1/31/15 Slide 57 Whiteboard Warrior @ the d.school 1/31/15 Slide 58 Whiteboard Warrior @ the d.school 1/31/15 Slide 59 Whiteboard Warrior @ the d.school 1/31/15 Slide 60 Whiteboard Warrior @ the d.school 1/31/15 Slide 61 Whiteboard Warrior @ the d.school 1/31/15 Slide 62 Whiteboard Warrior @ the d.school 1/31/15 Slide 63 Whiteboard Warrior @ the d.school 1/31/15 Slide 64 Whiteboard Warrior @ the d.school 1/31/15 Slide 65 Whiteboard Warrior @ the d.school 1/31/15 Slide 66 Whiteboard Warrior @ the d.school 1/31/15 Slide 67 Whiteboard Warrior @ the d.school 1/31/15 Slide 68 Whiteboard Warrior @ the d.school 1/31/15 Slide 69 Whiteboard Warrior @ the d.school 1/31/15 Slide 70 Whiteboard Warrior @ the d.school 1/31/15 Slide 71 Whiteboard Warrior @ the d.school 1/31/15 Slide 72 Whiteboard Warrior @ the d.school 1/31/15 Slide 73 Whiteboard Warrior @ the d.school 1/31/15 Slide 74 Whiteboard Warrior @ the d.school 1/31/15 Slide 75 Whiteboard Warrior @ the d.school 1/31/15 Slide 76 Whiteboard Warrior @ the d.school 1/31/15 Slide 77 Whiteboard Warrior @ the d.school 1/31/15 Slide 78 Whiteboard Warrior @ the d.school 1/31/15 Slide 79 Whiteboard Warrior @ the d.school 1/31/15 Slide 80 Whiteboard Warrior @ the d.school 1/31/15 Slide 81 Whiteboard Warrior @ the d.school 1/31/15 Slide 82 Whiteboard Warrior @ the d.school 1/31/15 Slide 83 Whiteboard Warrior @ the d.school 1/31/15 Slide 84 Whiteboard Warrior @ the d.school 1/31/15 Slide 85 Whiteboard Warrior @ the d.school 1/31/15 Slide 86 Whiteboard Warrior @ the d.school 1/31/15 Slide 87 Whiteboard Warrior @ the d.school 1/31/15 Slide 88 Whiteboard Warrior @ the d.school 1/31/15 Slide 89 Whiteboard Warrior @ the d.school 1/31/15 Slide 90 Whiteboard Warrior @ the d.school 1/31/15 Slide 91 Whiteboard Warrior @ the d.school 1/31/15 Slide 92 Whiteboard Warrior @ the d.school 1/31/15 Slide 93 Whiteboard Warrior @ the d.school 1/31/15 Slide 94 Whiteboard Warrior @ the d.school 1/31/15 Slide 95 Whiteboard Warrior @ the d.school 1/31/15 Slide 96 Whiteboard Warrior @ the d.school 1/31/15 Slide 97 Whiteboard Warrior @ the d.school 1/31/15 Slide 98 Whiteboard Warrior @ the d.school 1/31/15 Slide 99 Whiteboard Warrior @ the d.school 1/31/15 Slide 100 Whiteboard Warrior @ the d.school 1/31/15 Slide 101 Whiteboard Warrior @ the d.school 1/31/15 Slide 102
Upcoming SlideShare
How we integrate ux and design in to Scrum - The slides
Next
Download to read offline and view in fullscreen.

4 Likes

Share

Download to read offline

Whiteboard Warrior @ the d.school 1/31/15

Download to read offline

Deck from "Notebook Neophyte to Whiteboard Warrior," the Stanford d.school pop-up class I teach with Kate Rutter. It's a 4-hour crash course in visual communication.

More about the class, plus a curated list of recommended readings, at http://whiteboardwarrior.org.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Whiteboard Warrior @ the d.school 1/31/15

  1. 1. #nn2ww Saturday, January 31, 2015 Notebook Neophyte to Whiteboard Warrior
  2. 2. today 10:00-11:30! Building your graphic vocabulary 11:30-12:15! Lunch 12:15-2:00!! Putting it all together
  3. 3. why visual notetaking?! externalize and clarify ideas communicate with others get in a different groove be super cool
  4. 4. our goals for you! be confident with visual notes know how to develop your skills
  5. 5. Simplify to amplify. – Michael Barry
  6. 6. Use rubber stamps. – Bill Verplank
  7. 7. Gray marker or pencil Gel pens (.3 / .5 / .7) Unlined Moleskine Common materials
  8. 8. Good-enough materials
  9. 9. Everyone got materials?
  10. 10. warm-ups quick activity to get your hands moving.
  11. 11. 30 seconds
  12. 12. rapid rounds lettering things & ideas people & faces
  13. 13. basic • serif • double • bubble • block lettering 5 from 1
  14. 14. basic serif double bubble block
  15. 15. basic tall wide 30 seconds
  16. 16. moodwords lettering
  17. 17. 20 seconds
  18. 18. bouncy
  19. 19. surprise!
  20. 20. rough
  21. 21. sleepy
  22. 22. smash
  23. 23. unique
  24. 24. rubber stamps things
  25. 25. 20 seconds
  26. 26. coffee cup
  27. 27. smart phone
  28. 28. hammer
  29. 29. anchor
  30. 30. globe
  31. 31. bicycle
  32. 32. rubber stamps ideas
  33. 33. 30 seconds
  34. 34. bright idea
  35. 35. balance
  36. 36. collaborate
  37. 37. adapt
  38. 38. share
  39. 39. success
  40. 40. collaborative pictionary
  41. 41. tooth people sketch-a-long people 5 minutes
  42. 42. speed- sketch 50 toothpeople! 1 minute
  43. 43. star people sketch-a-long people 5 minutes
  44. 44. star people basics You can draw a person in 4 simple steps....
  45. 45. in context
  46. 46. speed- sketch 10 starpeople! 1 minute
  47. 47. people expressions sketch-a-long
  48. 48. smile frown up brows neutral down brows no brows add a mouth... add eyebrows... Expressions matrix
  49. 49. basic face shape; no hair eyes are dots in the middle a nose is a little tic mark mouths have small check tics and an under lip line heads step-by-step
  50. 50. heads step-by-step adding hair sets the personality necks and necklines complete the picture
  51. 51. speed- sketch a partner! 1 minute
  52. 52. putting it all together 2 minutes scenes rapid rounds
  53. 53. scenes
  54. 54. 10 seconds
  55. 55. a group of fans cheering for the SF Giants!
  56. 56. “I’m sorry I took the last donut.”
  57. 57. a group of students in a highly charged conversation
  58. 58. “Actually, I’m happy you’re miserable.”
  59. 59. lunch challenge
  60. 60. Our lunch homework: 100 drawings on post-its. 45 minutes
  61. 61. “I want to take better notes” “I want to lead better brainstorms” “I want to explain things better
 as a TA” “I want to be more persuasive in groups” “I want a new way to articulate ideas” “I want to be less shy about drawing in front of others”
  62. 62. LargeSmall Solo Collaborative For You For Others How big are you working? Who’s doing it? Who’s your audience? (i.e. the person or group of people creating the sketch) (i.e. people not in the room, not involved in creating)
  63. 63. LargeSmall Solo Collaborative For You For Others How big are you working? Who’s doing it? Who’s your audience? sketchnoting
  64. 64. sketchnote practice
  65. 65. frames dividers connectors elements demo
  66. 66. linear & vertical radial & path modular popcorn layouts
  67. 67. linear vertical
  68. 68. Jessica Eldredge! http://www.flickr.com/photos/jessabean/8705360625
  69. 69. radial
  70. 70. Jason Alderman! http://www.flickr.com/photos/jalderman/10039867503
  71. 71. path
  72. 72. Alexis Finch! http://www.flickr.com/photos/agentfin/10986121516/in/set-72157637923005334
  73. 73. modular
  74. 74. Scott Torrence! http://www.flickr.com/photos/100566070@N06/9727471316
  75. 75. Carolyn Sewell! http://www.flickr.com/photos/pedestriantype/8741556545
  76. 76. popcorn
  77. 77. Timothy Reynolds! http://www.flickr.com/photos/turnislefthome/8525651030/in/faves-11769275@N00/
  78. 78. http://www.ted.com/talks/derek_sivers_how_to_start_a_movement • title of talk! • speaker name
 (& portrait)! • event! • date! • your name + 
 contact TED Talk 4 minutes How to start a movement
 Derek Sivers at TED 2010, February 2010
  79. 79. TED Talk 4 minutes Add: emphasis, type styles, connectors, frames, depth, color.... Again! http://www.ted.com/talks/derek_sivers_how_to_start_a_movement • title of talk! • speaker name
 (& portrait)! • event! • date! • your name + 
 contact How to start a movement
 Derek Sivers at TED 2010, February 2010
  80. 80. collaborative critique
  81. 81. How do YOU want to use visual communication?
  82. 82. LargeSmall Solo Collaborative For You For Others How big are you working? Who’s doing it? Who’s your audience? “For me, visual communication is for ___________.”
  83. 83. visual explanations 30 minutes
  84. 84. Large Collaborative Small Solo For You For Others Large Collaborative Small Solo For You For Others explain record
  85. 85. • Identify a concept that is hard to communicate to others. • Use either your notebook or a whiteboard to explain it visually to a partner. • You can talk while you draw, or draw before you talk. • Reflect together when you are done. Large Collaborative Small Solo For You For Others 3 minutes to explain 2 minutes to reflect explain
  86. 86. Large Collaborative Small Solo For You For Others 3 minutes to explain 3 minutes to reflect • Ask your partner to tell you about something that is important to him or her. • Use either your notebook or a whiteboard to record while your partner talks. • Reflect together when you are done. record
  87. 87. group
 discussion
  88. 88. For the next 2 weeks, carry your sketchbook everywhere. ! When you want to reach for your phone to fill time, try reaching for your sketchbook instead. ! When you do a crappy drawing, try drawing it 3 more times until you like it. ! Post your drawings with #nn2ww! what’s next? http://whiteboardwarrior.org
  89. 89. More sketchnote resources the Back of the Napkin! by Dan Roam Sketching User Experiences: The Workbook
 by Saul Greenberg,Sheelagh Carpendale, Nicolai Marquardt, Bill Buxton http://whiteboardwarrior.org! http://sketchnotearmy.com/ http://www.meetup.com/Sketchnotes-SF/
  90. 90. More vizthink resources
  91. 91. People to follow Sketchnote Army
 http://sketchnotearmy.com/ ! Mike Rohde http://rohdesign.com @rhodesign ! Sunni Brown http://sunnibrown.com @sunnibrown ! David Sibbet @ the Grove http://grove.com ! Dave Gray http://www.davegrayinfo.com @davegray Sacha Chua http://sachachua.com @sachachua ! Alexis Finch http://graphitemind.com @agentfin ! Austin Kleon http://austinkleon.com @austinkleon ! Eva Lotta-Lamm http://www.evalotta.net @evalottchen
  92. 92. I like... I wish... I wonder...
  93. 93. Thank you! Group photo!!!
  94. 94. Feedback! http://bit.ly/popupfeedbackwinter15 Hang out!
  95. 95. KateMolly Notebook Neophyte to Whiteboard Warrior! Saturday, January 31 & February 14, 2015 @mollyclare http://molly.is/here @katerutter http://intelleto.com
  96. 96. handouts
  97. 97. LargeSmall Sol Collaborative For You For Others How big are you working? Who’s doing it? Who’s your audience? “For me, visual communication is for ___________
 ____________________________________________ ______.” Ideas I want to communicate visually: 1.___________________________________________ 2._________________________________________
 

  • CiaraJones10

    Nov. 29, 2021
  • MateBalogh2

    Mar. 24, 2019
  • number0

    May. 17, 2015
  • aagorden

    Feb. 24, 2015

Deck from "Notebook Neophyte to Whiteboard Warrior," the Stanford d.school pop-up class I teach with Kate Rutter. It's a 4-hour crash course in visual communication. More about the class, plus a curated list of recommended readings, at http://whiteboardwarrior.org.

Views

Total views

1,457

On Slideshare

0

From embeds

0

Number of embeds

81

Actions

Downloads

15

Shares

0

Comments

0

Likes

4

×