Think different visualization tools for testers StarEast 2013 pascaldufour

42
codecentric nederland BV Pascal Dufour Think different: Visualization tools for testers

description

Traditional processes have required testers to create a large amount of documentation in the form of test plans, test cases, and test reports. It’s time to think differently. Creating test artifacts in the “old school” textual style takes too much time away from actual testing. Besides, text is boring and uses only the left side of your brain. Visual images—charts, graphs, and diagrams—engage your right brain for more thinking power. The old saying “A picture is worth a thousand words” is really true! Pascal Dufour shows how you can employ visualizations—mind maps, drawings, dashboards, charts, and other graphics—to improve clarity and guide your team to create lightweight testware artifacts. Find out how visualization helps you more easily and more quickly understand information—enabling and improving team decision making, collaboration, and agility.

Transcript of Think different visualization tools for testers StarEast 2013 pascaldufour

Page 1: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV Pascal Dufour

Think different: Visualization tools for testers

Page 2: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Key learningpoints

23-10-13 2

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

Page 3: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV 23-10-13 3

Page 4: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Tools

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

Page 5: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Our brain

Logic Speech

Language Analytics

Calculation Abstract thinking

Color Phantasy Music Images Feeling Rythm Creativity

SOURCE: WWW.KARENDEVRIES.NL

Page 6: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV 23-10-13 6

Creativity

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

Page 7: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV 23-10-13 7

Tweet moment

•  144 character statement #stareast2013 #visual

Page 8: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Creativity

23-10-13 8

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

Page 9: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Communication

Page 10: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

THINK ABOUT YOUR HOUSE…

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

23-10-13 10

Page 11: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Visualisation

Best known forms:

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

Page 12: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Visualisation are not strict

23-10-13 12

•  Possible to give a feeling with out numbers or text

•  Representing an emotion

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

Page 13: Think different  visualization tools for testers  StarEast 2013 pascaldufour

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/

Page 14: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Testplan example

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

Page 15: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Testplan example

Page 16: Think different  visualization tools for testers  StarEast 2013 pascaldufour

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

Page 17: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

4 steps of visual thinking

SOURCE: HTTP://WWW.DANROAM.COM

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

Page 18: Think different  visualization tools for testers  StarEast 2013 pascaldufour

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

Page 19: Think different  visualization tools for testers  StarEast 2013 pascaldufour

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

Page 20: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV 23-10-13 20

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/

Page 21: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV 23-10-13 21

Examples in an agile context

Page 22: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV 23-10-13 22

Visual walls

Business Canvas Product Canvas Personas

Page 23: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV 23-10-13 23

Mapping

Story mapping Effect Mapping Impact mapping

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

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

Page 24: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Visual Test Strategy

SOURCE: RAPID SOFTWARE TESTING (JAMES BACH & MICHAEL BOLTON

Page 25: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV 23-10-13 25

Status and Risk

Page 26: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV 23-10-13 26

Coverage Outline

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

Page 27: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Risk

Page 28: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Scrum Boards

Page 29: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Burn Down

Page 30: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Contact graphs

Page 31: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

SimaPro: Network tree

Source www.sciencedirect.com

Page 32: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Code coverage

Page 33: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Low Tech Testing Dashboards

SOURCE: RAPID SOFTWARE TESTING (JAMES BACH & MICHAEL BOLTON

Page 34: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

High Tech Testing Dashboards

Page 35: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Retrospective & feedback

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

Page 36: Think different  visualization tools for testers  StarEast 2013 pascaldufour

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

Page 37: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Working & thinking visual for testers…

Gathering information Identify systems

& chains

Understand your clients

Know your data

Page 38: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

My current project

Page 39: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Page 40: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV

Questions?

23-10-13 40

Meet me at the testlab at 16:00.

Page 41: Think different  visualization tools for testers  StarEast 2013 pascaldufour

codecentric nederland BV 23-10-13 41

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

Page 42: Think different  visualization tools for testers  StarEast 2013 pascaldufour

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

23-10-13 42