Thinking and working visually for software testers

3,730 views

Published on

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

Published in: Education, Technology
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,730
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
119
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide
  • Plannen: mindmapStatus dashboardFlows tekenen
  • 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

    ×