Your SlideShare is downloading. ×
0
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Thinking and working visually for software testers
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Thinking and working visually for software testers

2,450

Published on

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

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

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

No Downloads
Views
Total Views
2,450
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
109
Comments
0
Likes
7
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Plannen: mindmapStatus dashboardFlows tekenen
  • Transcript

    • 1. Thinking and working visuallyfor software testersJean-Paul Varwijk & Huib SchootsLet’s Test 2013
    • 2. About us: Jean-Paul
    • 3. About us: Huib
    • 4. Take 1 minute to describe your house to your neighbour…Exercise: your house
    • 5. Take 1 minute to describe your house to your neighbour…Exercise: your house
    • 6. Goals for todayExperience and learn about visualthinkingExperience you do not have to be an artist to think &work visual
    • 7. Your tools for today Gray marker for shadingMarker for drawingColour marker togive your drawingssome nice colour…Let’s Test Notebook
    • 8. Feedback
    • 9. Fast Feedback & Fun@arborosa@huibschoots#letstest
    • 10. Here we go…
    • 11. Your brainLogicSpeechLanguageAnalyticsCalculationAbstract thinkingColorPhantasyMusicImagesFeelingRythmCreativitySOURCE: WWW.KARENDEVRIES.NL
    • 12. Creativity• Adults: on average 3 to 6alternatives• Children: often 60 or morealternativesNumbed by …• Education• Norms & values• Inhibiting curiosity• Coloring within the lines
    • 13. Communication
    • 14. VisualisationBest known forms:• Traffic signs• Diagrams• Graphics• Tables• Maps• Photos
    • 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. Exercise: bean counting - 1
    • 17. Exercise: bean counting - 2
    • 18. Exercise: bean counting - 3
    • 19. Exercise: bean counting - 4
    • 20. So how many beans did you count?
    • 21. Visualisation helps to:• Develop ideas and information• Steer thought processes• Transfer ideas and results• To express yourself using little text andexplanation
    • 22. Models
    • 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. Models
    • 25. Modeling your testing• Flowcharts• Timelines• Equivalence Classes• SQL Joins• State diagrams• Story Boarding• Etc.
    • 26. Example: DWH model
    • 27. Example: SBTM Model
    • 28. But I can’t draw…
    • 29. But…
    • 30. … I can’t draw!Are you sure?No fear!All you need is paper anda pen or pencil!
    • 31. Ideas not artYou don’t have to draw like an artistto tell that these both are houses
    • 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. People and objectsSource: David Sibbet – Visual Meetings
    • 34. Visual VocabularySource: http://sachachua.com/blog/2013/03/sketchnotes-building-my-visual-vocabulary/
    • 35. Source:http://cheryllowry.com/2013/05/03/sketchnote-
    • 36. Let’s draw!• Star figure• Computer• Cup of coffee• Book• Files• Database• Sailboat• Flag• Idea
    • 37. The back of the napkin
    • 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. 4 steps of visual thinking1. Look2. See3. Imagine4. ShowSOURCE: HTTP://WWW.DANROAM.COM
    • 40. 1. Who/What2. How much3. Where4. When5. How6. Why6 ways we look6 ways we showSOURCE: HTTP://WWW.DANROAM.COM
    • 41. 5 questions that help focus: the SQVID1. Simple2. Quality3. Vision4. Individual5. DifferenceSOURCE: HTTP://WWW.DANROAM.COM
    • 42. 5 questions that help focus: the SQVIDSOURCE: THE BACK OF THE NAPKIN – DAN ROAM (PAGE 101)
    • 43. How is the Napkin useful?Please discuss
    • 44. Mind Maps
    • 45. Mind mapA combination of:• Images• Symbols• Codes• Dimensions• Key wordsGoal: To store and transmit informationMade popular by Buzan
    • 46. Source: http://www.mind-mapping.co.uk
    • 47. Source: http://www.mind-mapping.co.uk
    • 48. Source: http://www.mind-mapping.co.uk
    • 49. Source: http://www.mind-mapping.co.uk
    • 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. Test plan example• Lots of text (this example = 55 pages!!!)• Inaccessible• Does anybody really read these?
    • 52. Test plan example• Doc imported
    • 53. Test plan: mind map
    • 54. Source: Ruud Cox, Testing in a Medical Device Context, EuroStar 2012Coverage outline
    • 55. 24.05.2013 57Risksand/orStatus
    • 56. Resume
    • 57. Minutes/session notes
    • 58. Test cases / test ideasSource: http://www.bettertesting.co.uk
    • 59. GOJKO ADZIC - IMPACT MAP - HTTP://WWW.IMPACTMAPPING.ORGImpact Mapping
    • 60. Sketchnotes
    • 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. Examples
    • 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. Sugata Mitra: Build a school in the cloudSource: http://www.youtube.com/watch?v=y3jYVe1RGaU
    • 65. Exercise SketchnotesSo? How did that go?What was easier than you expected?What was hard to do?
    • 66. Sketchnotes Huib
    • 67. Sketchnotes Jean-Paul
    • 68. Fiona Charles: Requirements suck. Get over it!Source: http://www.youtube.com/watch?v=VefQrJ_h84g
    • 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. Sketchnotes Huib
    • 71. Sketchnotes Jean-Paul
    • 72. Draw somethingNow draw anything your current project couldbenefit from…Discuss with your neighbour why it is benefitial
    • 73. Closure
    • 74. Gathering informationIdentify systems& chainsUnderstand yourclientsKnow your dataWorking & thinking visual for testers…
    • 75. Tools• Freemind• Xmind• Paper (ipad)• Sketchbook (Android)• Gliffy• yEd• pixlr.com• Notepad++, UltraEdit, Textwrangler• Powerpoint• Excel• Screen CaptureAnd your notebook and fineliners 
    • 76. “Think. Make your thinking visible.Communicate your thinking. Anddo it your way.”Alan Richardson
    • 77. Questions?
    • 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. 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. 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. 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. 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. 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. More examplesof ways to visualize stuff
    • 85. Visual wallsBusiness CanvasProduct CanvasPersonas
    • 86. Story and effect mappingJEFF PATTON - STORY MAP - HTTP://AGILEPRODUCTDESIGN.COM
    • 87. Visual Test StrategySOURCE: RAPID SOFTWARE TESTING (JAMES BACH & MICHAEL BOLTON)
    • 88. Scrum Boards
    • 89. Burndown
    • 90. Contact graphsSOURCE: DERK-JAN DE GROOD & PASCAL DUFOUR
    • 91. StakeholdersSOURCE: RUUD COX
    • 92. Code Coverage
    • 93. Low Tech DashboardsSOURCE: RAPID SOFTWARE TESTING (JAMES BACH & MICHAEL BOLTON)
    • 94. Current Project

    ×