Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Visual thinking workshop — Interaction South America 2015

3.197 visualizaciones

Publicado el

Slides from my workshop on visual thinking.

Publicado en: Diseño
  • Inicia sesión para ver los comentarios

Visual thinking workshop — Interaction South America 2015

  1. 1. Visualthinking Workshop Interaction South America, November 2015 Boon Yew Chew @boonych
  2. 2. Hola Olá Hello Apakhabar
  3. 3. Today,wewantto… Learn basic visual skills Learn to think using visuals Work visually with other people Solve complex problems visually Discover new ways of working
  4. 4. Let’sagreeto… Keep an open mind Try new things Communicate and think by drawing Share our output with others
  5. 5. fact There's no such thing as a bad drawing
  6. 6. Part1 Understanding the basics Part2 Complexity and organisation
  7. 7. Imagining (mind) Seeing (eye) Drawing (hand) Part1—Visualthinkingbasics
  8. 8. Part2—Complexityand organisation > > > ---
  9. 9.
  10. 10. Visualthinking is about making sense of things using visuals
  11. 11. Imagining (mind) Seeing (eye) Drawing (hand) Experiences in Visual Thinking (Robert H. McKim) Threekindsofvisualimagery
  12. 12. Doodle Express Sketch Illustrate Observe Understand Reason Ideate Imagine Experiment Test Improvise Record Remember Organise Specify Concept Model Map Facilitate Communicate
  13. 13. SD orchestrates organisations to deliver better services Services are often complex and multi-layered Visual thinking helps with understanding complexity and scale Aboutservicedesign
  14. 14.
  15. 15.
  16. 16. Drawing Basics
  17. 17. Fineliner or fine-tip pen Shading marker Chisel tip marker Other common tools: Ballpoint pen, Highlighter, Sharpie, Whiteboard marker Basictools Ultra-fine point sharpie, Muji gel ink 0.38 or 0.5 Edding 33 Tombow ABT Muji gel ink 0.5 Tombow ABT brush pen Edding 33 chisel tip
  18. 18. Whypractice? Practice enables you to... discover new things improve your accuracy develop good habits …be more creative have more fun!
  19. 19. point line arc angle spiral loop (open) circle leaf triangle rectangle house cloud (closed) DaveGray’sglyphstobuildavisualvocabulary Drawingobjects
  20. 20. Examples foundation shape essential features functional details clarifying details contextual details
  21. 21. Example:Drawingpeople Legs and arms are slightly longer than body The head is more than half the size of the body Body Legs Arms & hands Head & neck Eyes & nose
  22. 22. Example:Drawingfaces Experiment with eyebrows and mouths to get different facial expressions With the head as a circle, use the pointed part of the nose to signal direction
  23. 23. objectdrawingexercise: Choose a service theme
  24. 24. Passenger trains Gift marketplace Airports Coffee chain Post offices Retail banking Car sharing Art museums Shopping mall News company Resort hotel Theme park Furniture centre Health clubs Co-working spaces Retirement home Cooking school Child care centre
  25. 25. Challenges Characters Components Characteristics The4Cs
  26. 26. objectdrawingexercise: Visualise key items or concepts in your 4Cs
  27. 27. let’stakea 5 minute break
  28. 28. creatingimpactwith Handwriting & Lettering
  29. 29. textisvisual You can do a lot with just text
  30. 30. Capitals in the same height in a straight line Letters should be close but not touching One character space between words 1.2 character spaces between sentences Then, break and bend the rules once you know what you’re doing Legibilityandreadability
  31. 31. Varyyour texttocreate impact
  32. 32. upper and lower case size and weight shapes and styles Waystovaryyourtext
  33. 33. Add a title anywhere on the page. This will give your visuals focus and form an implicit structure and flow. titlesmake animpact
  34. 34. Add a title anywhere on the page. This will give your visuals focus and form an implicit structure and flow. titlesmake animpact
  35. 35. Frameworks organise paragraphs andsentences linear vertical radial path modular random
  36. 36. linear
  37. 37. vertical
  38. 38. radial
  39. 39. path
  40. 40. modular
  41. 41. random
  42. 42. Practiceyourlettering: Createempathymapsfor keycharactersfoundin your4C’s
  43. 43. Think Feel Do Say Hear See
  44. 44. Visualthinking Workshop Part 2: Complexity and Organisation
  45. 45. Recap Imagining (mind) Seeing (eye) Drawing (hand)
  46. 46. part2isabout Using visual thinking to solve complex problems
  47. 47. Part2:Puttingeverythingtogether Service problem Characters Components Challenges Characteristics Service Solutions+ + Your service poster
  48. 48.
  49. 49. What is complexity?
  50. 50.
  51. 51. ©DavidMonniaux
  52. 52. Complexity is hard to predict, has constant change, and requires understanding
  53. 53. Understanding is at the heart of visual thinking
  54. 54. Arrows Frames > > > --- Connectorsandorganisers Dividers IconsBullets
  55. 55. VisualMetaphors credits:
  56. 56. VisualSymbols—Pictograms Cheat with or google images
  57. 57. Visualframeworks Maps Groups RelationshipsSequence and flows
  58. 58. let’stakea 5 minute break
  59. 59. For thinking through complex problems Comes from Soft Systems Methodology No rules for how you create rich pictures Richpictures
  60. 60. getyourthoughtsonpaper: Brainstorm solutions using Rich Pictures
  61. 61. What problems are worth solving? How are your characters involved? How do the relevant parts work together? What’s the big picture idea? Userichpicturestofigureout… > > > ---
  62. 62. Servicedesignexercise: Createaposterforyour serviceproblem
  63. 63. Bring to life the various parts of the service Show how the characters and elements inter-relate Highlight problem areas you think are worth tackling Useyourposterto… > > > ---
  64. 64. showandtell What is your service theme? What problems are worth tackling, and why?
  65. 65. Recap Learn basic visual skills Learn to think using visuals Work visually with other people Solve complex problems visually Discover new ways of working
  66. 66. Resources
  67. 67. ThankYou @boonych