View
5
Download
0
Tags:
Embed Size (px)
DESCRIPTION
Tutorial "Thinking and working visually for software testers" done at Let's Test conference 2013
Citation preview
Thinking and working visually for software testers
Thinking and working visually for software testers
Jean-Paul Varwijk & Huib SchootsLets Test 2013
Teken RoosStickies + plakband feedback door1About us: Jean-Paul
About us: Huib
Take 1 minute to describe your house to your neighbour
Exercise: your houseTake 1 minute to describe your house to your neighbour..
4
Take 1 minute to describe your house to your neighbour
Exercise: your house
Take 1 minute to describe your house to your neighbour..
5Goals for todayExperience and learn about visualthinking
Experience you do not have to be an artist to think & work visual
The participants will learn the theory behind mind maps and other ways of visualization. The exercises will also trigger the creative side of their brain through visualization, a first step to create understanding. Understanding enables team decision making and team decision enables collaboration and agility. Learn how and why to make the testers think and work more visual. This tutorial demonstrates many tools, often very basic and simple which can help visualizing while testing.
6Your tools for today
Gray marker for shadingMarker for drawingColour marker to give your drawings some nice colourLets Test NotebookFeedback
Fast Feedback & Fun
@arborosa@huibschoots#letstest
Here we go10
Your brain
LogicSpeechLanguageAnalyticsCalculationAbstract thinkingColorPhantasyMusicImagesFeelingRythmCreativitySource: www.karendevries.nlCreativityAdults: on average 3 to 6 alternativesChildren: often 60 or more alternatives
Numbed by EducationNorms & valuesInhibiting curiosityColoring within the linesCommunication
VisualisationBest known forms:Traffic signsDiagramsGraphicsTablesMapsPhotos
Exercise: bean counting
Rules of the game:We show you 4 sets of beansEvery set will be on the screen for 1.5 seconds onlyCount the beans!
Are you ready?
Exercise: bean counting - 1
Exercise: bean counting - 2
Exercise: bean counting - 3
Exercise: bean counting - 4
So how many beans did you count?
571430Visualisation helps to:Develop ideas and informationSteer thought processesTransfer ideas and resultsTo express yourself using little text and explanation
Models24ModelsIs a representation of anything elseHelp you understand and solve problemsSimplify complex stuffA good model is one that helps you understand or manipulate the thing that it represents
Essentially, all models are wrong, but some are usefulGeorge E. P. Box (British mathematician and Professor of Statistics)
Models
Modeling your testingFlowchartsTimelinesEquivalence ClassesSQL JoinsState diagramsStory BoardingEtc.
27Example: DWH model
Example: SBTM Model
But I cant draw30But
I cant draw!Are you sure?
No fear! All you need is paper and a pen or pencil!
Ideas not artYou dont have to draw like an artist to tell that these both are houses
A pointA lineA triangle
A squareSome arrowsA circle
Use these basics to make any shape you want
Dont be afraid. You can always erase and start again.Pick up your pencil and join me in drawingThe basicsPeople and objects
Source: David Sibbet Visual MeetingsVisual Vocabulary
Source: http://sachachua.com/blog/2013/03/sketchnotes-building-my-visual-vocabulary/
Source: http://cheryllowry.com/2013/05/03/sketchnote-building-blocks-visual-vocabulary/Lets draw!
Star figureComputerCup of coffeeBookFilesDatabaseSailboatFlagIdea
The back of the napkin39Dan Roam The Back of the NapkinEvery problem can be solved by drawing a simple picture!
4 steps of visual thinking6 ways we look5 questions that help focus
Source: http://www.danroam.com4 steps of visual thinkingLookSeeImagineShow
Source: http://www.danroam.com
Who/WhatHow muchWhereWhenHowWhy6 ways we look6 ways we showSource: http://www.danroam.com5 questions that help focus: the SQVIDSimpleQualityVisionIndividualDifference
Source: http://www.danroam.com
5 questions that help focus: the SQVID
Source: The back of the napkin Dan Roam (page 101)How is the Napkin useful?
Please discuss
Mind Maps46Mind mapA combination of:ImagesSymbolsCodesDimensionsKey wordsGoal: To store and transmit information
Made popular by Buzan
Source: http://www.mind-mapping.co.uk
Source: http://www.mind-mapping.co.uk
Source: http://www.mind-mapping.co.uk
Source: http://www.mind-mapping.co.ukCreate your 1st mind mapCreate a mind map in 10 minutes:Who are you?What are your goals for Lets TestYour projects test strategyHow would you test a salt shaker?Anything else you want to share
Present your mind map to the group in 60 seconds
Test plan exampleLots of text (this example = 55 pages!!!)InaccessibleDoes anybody really read these?
Make a drawing on a whiteboard and make it again with someone else.Start over and over again to train your understanding and to tell your storyTest plan exampleDoc imported
Make a drawing on a whiteboard and make it again with someone else.Start over and over again to train your understanding and to tell your storyTest plan: mind map
Source: Ruud Cox, Testing in a Medical Device Context, EuroStar 2012Coverage outline
24-05-1357
Risksand/orStatus
Resume
Minutes/session notesTest cases / test ideas
Source: http://www.bettertesting.co.uk
Gojko Adzic - Impact Map - http://www.impactmapping.orgImpact Mapping
Sketchnotes62SketchnotesEngages your whole mindCreates a visual mapHelps your concentrationTaps your visual languageRelaxingDynamic and fun!
Source: http://rohdesign.com/sketchnotes/Examples
Exercise SketchnotesYou will now see two short movies:
Sugata Mitra: Build a school in the cloudFiona Charles: Requirements suck. Get over it!
Sketchnote them
Sugata Mitra: Build a school in the cloud
Source: http://www.youtube.com/watch?v=y3jYVe1RGaUExercise SketchnotesSo? How did that go?
What was easier than you expected?What was hard to do?
Sketchnotes Huib
Sketchnotes Jean-Paul
Fiona Charles: Requirements suck. Get over it!Source: http://www.youtube.com/watch?v=VefQrJ_h84g
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?
Sketchnotes Huib
Sketchnotes Jean-Paul
Draw something
Now draw anything your current project could benefit from
Discuss with your neighbour why it is benefitial 74
Closure75
Gathering information
Identify systems & chains
Understand your clients
Know your dataSTART DRAWING!!Working & thinking visual for testersPlannen: mindmapStatus dashboardFlows tekenen
76ToolsFreemindXmindPaper (ipad)Sketchbook (Android) GliffyyEdpixlr.comNotepad++, UltraEdit, TextwranglerPowerpointExcelScreen Capture
And your notebook and fineliners
Think. Make your thinking visible. Communicate your thinking. And do it your way.
Alan RichardsonQuestions?
AcknowledgementsMany of the ideas in this presentation were inspired by colleagues including Michael Bolton, James Bach, Gojko Adzic, Mike Rohde, Dan Roam, Jeff Patton, Jurgen Appelo, Ruud Cox, Pascal Dufour, Derk-Jan de Grood, Fiona Charles, Sugata Mitra and Alan Richardson
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
Hans Rosling: Stats that reshape your worldview
Websiteshttp://www.velocitypartners.co.uk/our-blog/infographics-14-ways-to-present-information-visually/Presentationshttp://www.slideshare.net/burowe/visual-thinking-presentation-for-united-health-innovation-dayhttp://www.slideshare.net/rycoleman/an-introduction-to-visual-thinkinghttp://www.slideshare.net/homehelper/visual-creative-thinking-1260733http://www.slideshare.net/stsantoBlogposts:http://blog.johanjonasson.com/?p=154FionaHuib
81Wanna learn more?Videos:Alan Richardson: Thinking Visually In Software Testing http://www.youtube.com/watch?v=K4hvAbN2QbERob Sabourin: Whiteboarding for Testers, Developers and Customers toohttp://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
Websiteshttp://www.velocitypartners.co.uk/our-blog/infographics-14-ways-to-present-information-visually/Presentationshttp://www.slideshare.net/burowe/visual-thinking-presentation-for-united-health-innovation-dayhttp://www.slideshare.net/rycoleman/an-introduction-to-visual-thinkinghttp://www.slideshare.net/homehelper/visual-creative-thinking-1260733http://www.slideshare.net/stsantoBlogposts:http://blog.johanjonasson.com/?p=154FionaHuib
82Wanna 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
Websites
83Wanna 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
84Wanna 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 Laurens Bonnemahttp://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/
85
More examplesof ways to visualize stuff86Visual wallsBusiness CanvasProduct CanvasPersonas
Story and effect mapping
jeff Patton - Story Map - http://agileproductdesign.comVisual Test Strategy
SOURCE: Rapid software testing (James Bach & Michael Bolton)Scrum Boards
Burndown
Contact graphs
SOURCE: Derk-Jan de Grood & Pascal DufourStakeholders
SOURCE: Ruud CoxCode Coverage
Low Tech DashboardsSOURCE: Rapid software testing (James Bach & Michael Bolton)
95Current Project