Upcoming SlideShare
×

# 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
10 Likes
Statistics
Notes
• Full Name
Comment goes here.

Are you sure you want to Yes No
• Be the first to comment

Views
Total views
3,933
On SlideShare
0
From Embeds
0
Number of Embeds
12
Actions
Shares
0
123
0
Likes
10
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
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 
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