Thinking and working visually for software testers

3,933 views

Published on

Tutorial "Thinking and working visually for software testers" done at Let's Test conference 2013

Published in: Education, Technology

Thinking and working visually for software testers

  1. 1. Thinking and working visuallyfor software testersJean-Paul Varwijk & Huib SchootsLet’s Test 2013
  2. 2. About us: Jean-Paul
  3. 3. About us: Huib
  4. 4. Take 1 minute to describe your house to your neighbour…Exercise: your house
  5. 5. Take 1 minute to describe your house to your neighbour…Exercise: your house
  6. 6. Goals for todayExperience and learn about visualthinkingExperience you do not have to be an artist to think &work visual
  7. 7. Your tools for today Gray marker for shadingMarker for drawingColour marker togive your drawingssome nice colour…Let’s Test Notebook
  8. 8. Feedback
  9. 9. Fast Feedback & Fun@arborosa@huibschoots#letstest
  10. 10. Here we go…
  11. 11. Your brainLogicSpeechLanguageAnalyticsCalculationAbstract thinkingColorPhantasyMusicImagesFeelingRythmCreativitySOURCE: WWW.KARENDEVRIES.NL
  12. 12. Creativity• Adults: on average 3 to 6alternatives• Children: often 60 or morealternativesNumbed by …• Education• Norms & values• Inhibiting curiosity• Coloring within the lines
  13. 13. Communication
  14. 14. VisualisationBest known forms:• Traffic signs• Diagrams• Graphics• Tables• Maps• Photos
  15. 15. Exercise: bean countingRules of the game:1. We show you 4 sets of beans2. Every set will be on the screen for 1.5 secondsonly3. Count the beans!Are you ready?
  16. 16. Exercise: bean counting - 1
  17. 17. Exercise: bean counting - 2
  18. 18. Exercise: bean counting - 3
  19. 19. Exercise: bean counting - 4
  20. 20. So how many beans did you count?
  21. 21. Visualisation helps to:• Develop ideas and information• Steer thought processes• Transfer ideas and results• To express yourself using little text andexplanation
  22. 22. Models
  23. 23. Models• Is a representation of anything else• Help you understand and solve problems• Simplify complex stuff• A good model is one that helps you understand ormanipulate the thing that it represents“Essentially, all models are wrong, but some are useful”George E. P. Box (British mathematician and Professor of Statistics)
  24. 24. Models
  25. 25. Modeling your testing• Flowcharts• Timelines• Equivalence Classes• SQL Joins• State diagrams• Story Boarding• Etc.
  26. 26. Example: DWH model
  27. 27. Example: SBTM Model
  28. 28. But I can’t draw…
  29. 29. But…
  30. 30. … I can’t draw!Are you sure?No fear!All you need is paper anda pen or pencil!
  31. 31. Ideas not artYou don’t have to draw like an artistto tell that these both are houses
  32. 32. • A point• A line• A triangle• A square• Some arrows• A circleUse these basics to make any shape you wantDon’t be afraid. You can always erase and start again.Pick up your pencil and join me in drawingThe basics
  33. 33. People and objectsSource: David Sibbet – Visual Meetings
  34. 34. Visual VocabularySource: http://sachachua.com/blog/2013/03/sketchnotes-building-my-visual-vocabulary/
  35. 35. Source:http://cheryllowry.com/2013/05/03/sketchnote-
  36. 36. Let’s draw!• Star figure• Computer• Cup of coffee• Book• Files• Database• Sailboat• Flag• Idea
  37. 37. The back of the napkin
  38. 38. Dan Roam – The Back of the NapkinEvery problem can be solvedby drawing a simple picture!4 steps of visual thinking6 ways we look5 questions that help focusSOURCE: HTTP://WWW.DANROAM.COM
  39. 39. 4 steps of visual thinking1. Look2. See3. Imagine4. ShowSOURCE: HTTP://WWW.DANROAM.COM
  40. 40. 1. Who/What2. How much3. Where4. When5. How6. Why6 ways we look6 ways we showSOURCE: HTTP://WWW.DANROAM.COM
  41. 41. 5 questions that help focus: the SQVID1. Simple2. Quality3. Vision4. Individual5. DifferenceSOURCE: HTTP://WWW.DANROAM.COM
  42. 42. 5 questions that help focus: the SQVIDSOURCE: THE BACK OF THE NAPKIN – DAN ROAM (PAGE 101)
  43. 43. How is the Napkin useful?Please discuss
  44. 44. Mind Maps
  45. 45. Mind mapA combination of:• Images• Symbols• Codes• Dimensions• Key wordsGoal: To store and transmit informationMade popular by Buzan
  46. 46. Source: http://www.mind-mapping.co.uk
  47. 47. Source: http://www.mind-mapping.co.uk
  48. 48. Source: http://www.mind-mapping.co.uk
  49. 49. Source: http://www.mind-mapping.co.uk
  50. 50. Create your 1st mind mapCreate a mind map in 10 minutes:• Who are you?• What are your goals for Let’s Test• Your projects test strategy• How would you test a salt shaker?• Anything else you want to share…Present your mind map to the group in 60 seconds
  51. 51. Test plan example• Lots of text (this example = 55 pages!!!)• Inaccessible• Does anybody really read these?
  52. 52. Test plan example• Doc imported
  53. 53. Test plan: mind map
  54. 54. Source: Ruud Cox, Testing in a Medical Device Context, EuroStar 2012Coverage outline
  55. 55. 24.05.2013 57Risksand/orStatus
  56. 56. Resume
  57. 57. Minutes/session notes
  58. 58. Test cases / test ideasSource: http://www.bettertesting.co.uk
  59. 59. GOJKO ADZIC - IMPACT MAP - HTTP://WWW.IMPACTMAPPING.ORGImpact Mapping
  60. 60. Sketchnotes
  61. 61. Sketchnotes1. Engages your whole mind2. Creates a visual map3. Helps your concentration4. Taps your visual language5. Relaxing6. Dynamic and fun!SOURCE: HTTP://ROHDESIGN.COM/SKETCHNOTES/
  62. 62. Examples
  63. 63. Exercise SketchnotesYou will now see two short movies:1. Sugata Mitra: Build a school in the cloud2. Fiona Charles: Requirements suck. Get over it!Sketchnote them…
  64. 64. Sugata Mitra: Build a school in the cloudSource: http://www.youtube.com/watch?v=y3jYVe1RGaU
  65. 65. Exercise SketchnotesSo? How did that go?What was easier than you expected?What was hard to do?
  66. 66. Sketchnotes Huib
  67. 67. Sketchnotes Jean-Paul
  68. 68. Fiona Charles: Requirements suck. Get over it!Source: http://www.youtube.com/watch?v=VefQrJ_h84g
  69. 69. Exercise SketchnotesAnd now? How did that go?What was easier than you expected?What was hard to do?Did you do something different the second time?
  70. 70. Sketchnotes Huib
  71. 71. Sketchnotes Jean-Paul
  72. 72. Draw somethingNow draw anything your current project couldbenefit from…Discuss with your neighbour why it is benefitial
  73. 73. Closure
  74. 74. Gathering informationIdentify systems& chainsUnderstand yourclientsKnow your dataWorking & thinking visual for testers…
  75. 75. Tools• Freemind• Xmind• Paper (ipad)• Sketchbook (Android)• Gliffy• yEd• pixlr.com• Notepad++, UltraEdit, Textwrangler• Powerpoint• Excel• Screen CaptureAnd your notebook and fineliners 
  76. 76. “Think. Make your thinking visible.Communicate your thinking. Anddo it your way.”Alan Richardson
  77. 77. Questions?
  78. 78. AcknowledgementsMany of the ideas in this presentation were inspiredby colleagues including Michael Bolton, James Bach,Gojko Adzic, Mike Rohde, Dan Roam, Jeff Patton,Jurgen Appelo, Ruud Cox, Pascal Dufour, Derk-Jan deGrood, Fiona Charles, Sugata Mitra and AlanRichardson
  79. 79. Wanna learn more?Books:Back of Napkin (Dan Roam)Sketchnotes (Mike Rohde)The mind map book (Tony Buzan)Visual Meetings (David Sibbet)Bikablo (Neuland.com)Edward Tufte: http://www.edwardtufte.com/tufte/books_vdqi12 visualisation books: http://www.targetprocess.com/blog/2012/09/visualization-books.htm
  80. 80. Wanna learn more?Videos:Alan Richardson: Thinking Visually In Software Testinghttp://www.youtube.com/watch?v=K4hvAbN2QbERob Sabourin: Whiteboarding for Testers, Developers and Customerstoohttp://vimeo.com/55845357#Sunni Brown: Doodlers, unite!http://www.ted.com/talks/sunni_brown.htmlRachel Smith: Drawing in classhttp://www.youtube.com/watch?v=3tJPeumHNLYHans Rosling: Stats that reshape your worldviewhttp://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html
  81. 81. Wanna learn more?Presentations:Rob Sabourin – Visual Test Designhttp://www.amibugshare.com/workshops/Workshop_Visual_Test_Design.zipVisual Thinking - Liz Burowhttp://www.slideshare.net/burowe/visual-thinking-presentation-for-united-health-innovation-dayAn Introduction to Visual Thinking – Ryan Colemanhttp://www.slideshare.net/rycoleman/an-introduction-to-visual-thinkingVisual Creative Thinking – Kelsey Rugerhttp://www.slideshare.net/homehelper/visual-creative-thinking-1260733Solving Problems with pictures - Santo Thiehttp://www.slideshare.net/stsanto
  82. 82. Wanna learn more?Websites / blogposts:14 Ways to Present Information Visuallyhttp://www.velocitypartners.co.uk/our-blog/infographics-14-ways-to-present-information-visually/Thinking Visually – Johan Jonassonhttp://blog.johanjonasson.com/?p=154Breaking the Tyranny of Form – Fiona Charleshttp://quality-intelligence.blogspot.nl/2012/06/breaking-tyranny-of-form-part-1.htmlVisualisation – Huib Schootshttp://www.huibschoots.nl/wordpress/?p=927Big Visible Testing – Claire Mosshttp://blog.aclairefication.com/2012/08/big-visible-testing/Can you solve these visual thinking puzzles?http://www.psychologytoday.com/blog/brain-workout/200903/can-you-solve-these-visual-thinking-puzzles
  83. 83. Wanna learn more?Websites / blogposts:Patterns for Information Visualizationhttp://www.targetprocess.com/articles/information-visualization/Sketchnote Indexhttp://sketchnoteindex.com/Sketchnote Armyhttp://sketchnotearmy.com/Sketchnotes on pIntrest.comhttp://pinterest.com/search/pins/?q=sketchnotesSketchnoting for absolute beginners – LaurensBonnemahttp://laurensbonnema.blogspot.nl/2013/02/sketchnoting-for-absolute-beginners.htmlBuilding a visual vocabularyhttp://sachachua.com/blog/2013/03/sketchnotes-building-my-visual-vocabularyhttp://cheryllowry.com/2013/05/03/sketchnote-building-blocks-visual-vocabulary/
  84. 84. More examplesof ways to visualize stuff
  85. 85. Visual wallsBusiness CanvasProduct CanvasPersonas
  86. 86. Story and effect mappingJEFF PATTON - STORY MAP - HTTP://AGILEPRODUCTDESIGN.COM
  87. 87. Visual Test StrategySOURCE: RAPID SOFTWARE TESTING (JAMES BACH & MICHAEL BOLTON)
  88. 88. Scrum Boards
  89. 89. Burndown
  90. 90. Contact graphsSOURCE: DERK-JAN DE GROOD & PASCAL DUFOUR
  91. 91. StakeholdersSOURCE: RUUD COX
  92. 92. Code Coverage
  93. 93. Low Tech DashboardsSOURCE: RAPID SOFTWARE TESTING (JAMES BACH & MICHAEL BOLTON)
  94. 94. Current Project

×