Key learningpoints Aid your thinking with visualization ... · - Why you should visualize your testing story - How to tell a visual story - Inspiration by visual examples . ... Sketchnotes

codecentric nederland BV Pascal Dufour

Think different: Visualization tools for testers

codecentric nederland BV

Key learningpoints

02-05-13 2

-  Aid your thinking with visualization -  Why you should visualize your testing story -  How to tell a visual story -  Inspiration by visual examples

codecentric nederland BV 02-05-13 3

codecentric nederland BV

Tools

SOURCE: HTTP://WWW.GETPRICE.COM.AU

codecentric nederland BV

Our brain

Logic Speech

Language Analytics

Calculation Abstract thinking

Color Phantasy Music Images Feeling Rythm Creativity

SOURCE: WWW.KARENDEVRIES.NL

codecentric nederland BV 02-05-13 6

Creativity

SOURCE: HTTP://WWW.FLICKR.COM/PHOTOS/MINEZONE/120962030/

codecentric nederland BV

Creativity

02-05-13 7

Adults: on average 3 to 6 alternatives Children: often 60 or more alternatives Numbed by education, norms & values, inhibiting curiosity, coloring within the lines

codecentric nederland BV

Communication

codecentric nederland BV

THINK ABOUT YOUR HOUSE…

�  And now take 1 minute to describe your house to your neighbour…..

02-05-13 9

codecentric nederland BV

Visualisation

Best known forms:

•  Traffic signs •  Diagrams •  Graphics •  Tables •  Maps •  Photos

codecentric nederland BV

Visualisation are not strict

02-05-13 11

•  Possible to give a feeling with out numbers or text

•  Representing an emotion

SOURCE: HTTP://WWW.FLICKR.COM/PHOTOS/VFSDIGITALDESIGN/5647858923/

codecentric nederland BV

Visualisation helps to:

•  Develop ideas and information •  Steer though processes •  Transfer ideas and results •  To express yourself using little

text and explanation

SOURCE: HTTP://WW.FLICKR.COM/PHOTOS/ORPHANJONES/2660957879/

codecentric nederland BV

Testplan example

•  Lots of text (this example = 55 pages!!!) •  Inaccessible •  Does anybody really read these?

codecentric nederland BV

Testplan example

codecentric nederland BV

Think visual: Dan Roam – The Back of a Napkin

Every problem can be solved by drawing a simple picture!

•  4 steps of visual thinking

•  5 questions that help focus

•  6 ways we look.

SOURCE: HTTP://WWW.DANROAM.COM

codecentric nederland BV

4 steps of visual thinking

SOURCE: HTTP://WWW.DANROAM.COM

1.  Look 2.  See 3.  Imagine 4.  Show

codecentric nederland BV

5 questions that help focus: the SQVID

SOURCE: HTTP://WWW.DANROAM.COM

1.  Simple 2.  Quality 3.  Vision 4.  Individual 5.  Difference

codecentric nederland BV

6 ways we look

SOURCE: HTTP://WWW.DANROAM.COM

1.  Who/What 2.  How much 3.  Where 4.  When 5.  How 6.  Why

codecentric nederland BV 02-05-13 19

Sketchnotes

1.  Engages your whole mind 2.  Creates a visual map 3.  Helps your concentration 4.  Taps your visual language 5.  Relaxing 6.  Dynamic and fun!

SOURCE: HTTP://ROHDESIGN.COM/SKETCHNOTES/

codecentric nederland BV 02-05-13 20

Examples in an agile context

codecentric nederland BV 02-05-13 21

Visual walls

Business Canvas Product Canvas Personas

codecentric nederland BV 02-05-13 22

Mapping

Story mapping Effect Mapping Impact mapping

JEFF PATTON - STORY MAP - HTTP://AGILEPRODUCTDESIGN.COM

GOJKO ADZIC - IMPACT MAP - HTTP://WWW.IMPACTMAPPING.ORG

codecentric nederland BV

Visual Test Strategy

SOURCE: RAPID SOFTWARE TESTING (JAMES BACH & MICHAEL BOLTON

codecentric nederland BV 02-05-13 24

Status and Risk

codecentric nederland BV 02-05-13 25

Coverage Outline

SOURCE: RUUD COX, TESTING IN A MEDICAL DEVICE CONTEXT, EUROSTAR 2012

codecentric nederland BV

Risk

codecentric nederland BV

Scrum Boards

codecentric nederland BV

Burn Down

codecentric nederland BV

Contact graphs

codecentric nederland BV

SimaPro: Network tree

Source www.sciencedirect.com

codecentric nederland BV

Code coverage

codecentric nederland BV

Low Tech Testing Dashboards

SOURCE: RAPID SOFTWARE TESTING (JAMES BACH & MICHAEL BOLTON

codecentric nederland BV

Retrospective & feedback

SOURCE: HTTP://WWW.NOOP.NL/2011/04/THE-FEEDBACK-DOOR.HTML

codecentric nederland BV

•  Freemind •  Xmind •  Moose suite •  Evernote •  yED •  yUML •  Presentation Tools •  Screen editing / Capture •  Visio •  Sketchbook

•  Online tools •  Wordle •  Touchgraph •  InMaps •  Social gadgets

Handy tools

codecentric nederland BV

Working & thinking visual for testers…

Gathering information Identify systems

& chains

Understand your clients

Know your data

codecentric nederland BV

My current project

codecentric nederland BV

Questions?

02-05-13 37

Meet me at the testlab at 16:00.

codecentric nederland BV 02-05-13 38

Acknowledgements

Special thanks to: Huib Schoots and Jean-Paul Varwijk www.magnifiant.com www.arborosa.com Many 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 and Alan Richardson

codecentric nederland BV

Pascal Dufour

[email protected] @pascal_dufour www.pascaldufour.nl

codecentric nederland BV Laan der Verenigde Naties 60 3314 DA Dordrecht The Netherlands +31 (0) 6 819 288 98 www.codecentric.nl

Contacts

02-05-13 39