96
Thinking and working visually for software testers Jean-Paul Varwijk & Huib Schoots Let’s Test 2013

Thinking and working visually for software testers

  • View
    5

  • Download
    0

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