think different: visualization tools for testers

W8 Test Techniques

5/1/2013 1:45:00 PM

Think Different: Visualization Tools for

Testers

Presented by:

Pascal Dufour

codecentric

Brought to you by:

340 Corporate Way, Suite 300, Orange Park, FL 32073

888-268-8770 ∙ 904-278-0524 ∙ sqeinfo@sqe.com ∙ www.sqe.com

Pascal Dufour

A tester and ScrumMaster at codecentric, Pascal Dufour has a passion for agile projects where he implements pragmatic test strategies combining agile and context-driven testing. Pascal has more than ten years of experience at large international companies with different types of testing from embedded software to system integration. Enthusiastic and creative, he tries to make testing more fun, making his work visual and as simple as possible. Pascal helps team members improve their efforts in Scrum emphasizing ethics, commitment, and transparency. Motivating people to use a dynamic approach to testing, he believes teams should contain all disciplines and work together to create solutions. Pascal maintains a blog on pascaldufour.nl.

codecentric nederland BV Pascal Dufour

Think Different: Visualization Tools for Testers

codecentric nederland BV 2/19/13 2

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 2/19/13 5

Creativity

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

codecentric nederland BV

Creativity

2/19/13 6

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

Visualisation

Best known forms:

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

codecentric nederland BV

Visualisation are not strict

2/19/13 9

•  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

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 2/19/13 15

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 2/19/13 16

Visual walls

Business Canvas Product Canvas Personas

codecentric nederland BV 2/19/13 17

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

Risk

codecentric nederland BV

Scrum Boards

codecentric nederland BV

Burn Down

codecentric nederland BV

Visual Test Strategy

SOURCE: RAPID SOFTWARE TESTING (JAMES BACH & MICHAEL BOLTON

codecentric nederland BV 2/19/13 22

Status and Risk

codecentric nederland BV 2/19/13 23

Coverage Outline

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

codecentric nederland BV

Code coverage

codecentric nederland BV

Contact graphs

codecentric nederland BV

Low Tech Testing Dashboards

SOURCE: RAPID SOFTWARE TESTING (JAMES BACH & MICHAEL BOLTON

codecentric nederland BV

High Tech Testing Dashboards

codecentric nederland BV

Retrospective & feedback

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

codecentric nederland BV

•  Graphviz •  Freemind •  Xmind •  Moose suite •  Evernote •  yED •  yUML •  Text Editors •  Presentation Tools •  Art Packages •  Screen editing / Capture

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

Handy tools

codecentric nederland BV

Working & thinking visual for testers…

codecentric nederland BV

codecentric nederland BV

Questions?

2/19/13 32

codecentric nederland BV 2/19/13 33

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

Pascal.Dufour@codecentric.nl

@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

2/19/13 34