The document summarizes a presentation by Pascal Dufour on visualization tools that can be used by testers. It discusses how visualization helps with developing ideas, steering processes, and transferring information with little text. It provides examples of visualization tools like diagrams, maps, photos and sketches. Specific techniques covered include story mapping, effect mapping, impact mapping, risk visualization, test strategy mapping, and code coverage maps. The presentation aims to show how working and thinking visually can help testers.

1. 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

2. 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.

3. Think Different: Visualization Tools for Testers
Pascal Dufour
codecentric nederland BV

4. codecentric nederland BV
2/19/13
2

5. Tools
codecentric nederland BV
SOURCE: HTTP://WWW.GETPRICE.COM.AU

6. Our brain
Logic
Speech
Language
Analytics
Calculation
Abstract thinking
Color
Phantasy
Music
Images
Feeling
Rythm
Creativity
SOURCE: WWW.KARENDEVRIES.NL
codecentric nederland BV

7. Creativity
codecentric nederland BV
2/19/13
SOURCE: HTTP://WWW.FLICKR.COM/PHOTOS/MINEZONE/120962030/
5

8. Creativity
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
2/19/13
6

9. Communication
codecentric nederland BV

10. Visualisation
Best known forms:
• Traffic signs
• Diagrams
• Graphics
• Tables
• Maps
• Photos
codecentric nederland BV

11. Visualisation are not strict
• Possible to give a feeling
with out numbers or text
• Representing an emotion
codecentric nederland BV
2/19/13
9
SOURCE: HTTP://WWW.FLICKR.COM/PHOTOS/VFSDIGITALDESIGN/5647858923/

12. 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

13. 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

14. 4 steps of visual thinking
1. Look
2. See
3. Imagine
4. Show
SOURCE: HTTP://WWW.DANROAM.COM
codecentric nederland BV

15. 5 questions that help focus: the SQVID
1. Simple
2. Quality
3. Vision
4. Individual
5. Difference
SOURCE: HTTP://WWW.DANROAM.COM
codecentric nederland BV

16. 6 ways we look
1. Who/What
2. How much
3. Where
4. When
5. How
6. Why
codecentric nederland BV
SOURCE: HTTP://WWW.DANROAM.COM

17. 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
15

18. Visual walls
Business Canvas
Product Canvas
Personas
codecentric nederland BV
2/19/13
16

19. Mapping
Story mapping
Effect Mapping
Impact mapping
Gojko Adzic - Impact Map - http://www.impactmapping.org
jeff Patton - Story Map - http://agileproductdesign.com
codecentric nederland BV
2/19/13
17

20. Risk
codecentric nederland BV

21. Scrum Boards
codecentric nederland BV

22. Burn Down
codecentric nederland BV

23. Visual Test Strategy
codecentric nederland BV
SOURCE: RAPID SOFTWARE TESTING (JAMES BACH & MICHAEL BOLTON

24. Status and Risk
codecentric nederland BV
2/19/13
22

25. Coverage Outline
codecentric nederland BV
2/19/13
23
SOURCE: RUUD COX, TESTING IN A MEDICAL DEVICE CONTEXT, EUROSTAR 2012

26. Code coverage
codecentric nederland BV

27. Contact graphs
codecentric nederland BV

28. Low Tech Testing Dashboards
codecentric nederland BV
SOURCE: RAPID SOFTWARE TESTING (JAMES BACH & MICHAEL BOLTON

29. High Tech Testing Dashboards
codecentric nederland BV

30. Retrospective & feedback
codecentric nederland BV
SOURCE: HTTP://WWW.NOOP.NL/2011/04/THE-FEEDBACK-DOOR.HTML

31. Handy tools
•
•
•
•
•
•
•
•
•
•
•
Graphviz
Freemind
Xmind
Moose suite
Evernote
yED
yUML
Text Editors
Presentation Tools
Art Packages
Screen editing / Capture
codecentric nederland BV
•
•
•
•
•
Online tools
Wordle
Touchgraph
InMaps
Social gadgets

32. Working & thinking visual for testers…
codecentric nederland BV

33. codecentric nederland BV

34. Questions?
codecentric nederland BV
2/19/13
32

35. 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
2/19/13
33

36. Contacts
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
codecentric nederland BV
2/19/13
34