thinking visually for software testing webinar slides
DESCRIPTION
The slides for the "Thinking Visually In Software Testing" webinar that I presented for Eurostar 2012.TRANSCRIPT
![Page 1: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/1.jpg)
Thinking Visually In
Software Testing
Strategise Visually vs Visual Strategy
Alan Richardson
www.eviltester.com@eviltester
![Page 2: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/2.jpg)
Blogs and Websites
● CompendiumDev.co.uk
● SeleniumSimplified.com
● EvilTester.com
● JavaForTesters.com
● Twitter: @eviltester
Online Training Courses
● Technical Web Testing 101Unow.be/at/techwebtest101
● Intro to SeleniumUnow.be/at/startwebdriver
● Selenium 2 WebDriver APIUnow.be/at/webdriverapi
Videos
youtube.com/user/EviltesterVideos
Books
Selenium Simplified
Unow.be/rc/selsimp
Java For Testers
leanpub.com/javaForTesters
Alan Richardson
uk.linkedin.com/in/eviltester
Independent Test Consultant & Custom Training
Contact Alan
http://compendiumdev.co.uk/contact
![Page 3: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/3.jpg)
What's this all about?
Visual Tools and Techniques to:
Aid your thinking
Make your thinking visual
Aid your communication
![Page 4: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/4.jpg)
“I would rather see your thinking, than see what you think your thinking
should look like”
![Page 5: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/5.jpg)
An adhoc example of Thinking Visually
“Let's think visually about testing the
google search box”
![Page 6: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/6.jpg)
![Page 7: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/7.jpg)
![Page 8: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/8.jpg)
![Page 9: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/9.jpg)
![Page 10: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/10.jpg)
![Page 11: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/11.jpg)
Adhoc Tooling
● Pen and Paper
● Camera
● Scanner
● Evernote
● Paint.net
● … have you examined what you already use?
![Page 12: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/12.jpg)
“Over the years I've moved from; starting with technology and looking for the one true formal representation; to an adhoc multi-view approach”
![Page 13: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/13.jpg)
What is this based on?
● I have based this on my experience
● Learning to communicate more succinctly
● Help me spot gaps in my thinking
● Systems Thinking
● Reviewing Other People's plans & docs
● Writing a diagramming & Outlining Tool
● Learning to read quickly
![Page 14: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/14.jpg)
Uncle Al's Slogans
● How little can you get away with?
● 'game' the templates
● Important things first
● Summarise for the reader
● Meet the reader's needs
![Page 15: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/15.jpg)
Document Examples
![Page 16: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/16.jpg)
![Page 17: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/17.jpg)
![Page 18: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/18.jpg)
![Page 19: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/19.jpg)
How not to think visually
![Page 20: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/20.jpg)
I was taught how to not do this
● Doodles are bad
● You can't draw
● If it was quick it can't be good
![Page 21: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/21.jpg)
!... I was also taught
● Not enough words
● Use more complicated words
● Formal diagramming rules
● … what were you taught?
![Page 22: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/22.jpg)
I unlearned and focus on
● Value
● Communication
● Novelty
● How people remember
● Design
● Flexibility
● … and more
![Page 23: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/23.jpg)
How to trap your thinking and your reader
● The big block of text
● Summarise without value
● Stupor inducing templates
● Hide what is important
![Page 24: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/24.jpg)
How to trap your thinking and your reader
● Use lists to restrict 'what else' thinking
● Copy and Paste rather than re-interpret
● … how else?
![Page 25: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/25.jpg)
Don't Believe me?
“Go find some examples on the web.”
● "test strategy" file:doc
● "test approach" file:doc
● "test plan" file:doc
● "test strategy" file:pdf
● "test approach" file:pdf
● "test plan" file:pdf
![Page 26: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/26.jpg)
Quick tips to shake it up a bit
● If you normally use lined paper, use blank
● If you normally use portrait, use landscape
● If you start at the top, start in the middle
● Take notes positionally, rather than in time line
● … what can you do now to change your approach?
![Page 27: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/27.jpg)
My non-psychology based view
● Words are pictures
● Everything has a visual impact
● Documents are pictures
● Thinking is different from communicating
● Thinking is for us
● Communicating is for them
● Different Visual Models have different purpose
● … think through your insights
![Page 28: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/28.jpg)
Lessons from rapid reading
● Most words are padding
● Outlines reveal big picture
● Images, summaries, callouts
● 1st and last paras
● Read Backwards
● Illustrations vs Diagrams
● … what aids you when you read quickly?
![Page 29: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/29.jpg)
Obvious Thinking Tools First
● Mindmaps
● Diagrams
● Log of train of thought
● Aid memory, Aid Study, ● Not for communication
● Not illustrations● Visual models that communicate
Big Block of Text NotAlways Considered Evil
![Page 30: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/30.jpg)
Loosen Up... Think Spatially
● Single Sheet Viewport to the mind
● Text Editors
● Mind Map Tools for 'big picture' outlines
![Page 31: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/31.jpg)
![Page 32: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/32.jpg)
Think Spatially with Text Editors
![Page 33: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/33.jpg)
![Page 34: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/34.jpg)
A visual thinking process
Collate
Structure
Layout
![Page 35: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/35.jpg)
Visualise
The OutcomeHow will this
be used?
The Consumer
![Page 36: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/36.jpg)
Why and how visually?
● Big picture
● Chunk up and down
● Remodel
● List
● Time
● Attribute Relationships
– Tables, Categories, Outlines
● Space
● Flows
![Page 37: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/37.jpg)
Tools to Experiment With
● Graphviz
● Freemind
● Freeplane
● Xmind
● Evernote
● yED
● yUML
● Umlet
● Drawtiming
● Asciiflow
● Text Editors
● Presentation Tools
● Art Packages
● Screen Capture
… have you got a use, to use , and used list?
You can use
prosaic tools
![Page 38: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/38.jpg)
“Think. Make your thinking visible. Communicate your thinking. And do it your way.”
![Page 39: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/39.jpg)
eviltester.com
![Page 40: Thinking visually for Software Testing Webinar Slides](https://reader033.vdocuments.site/reader033/viewer/2022060118/55891f6cd8b42a881e8b45b7/html5/thumbnails/40.jpg)
Blogs and Websites
● CompendiumDev.co.uk
● SeleniumSimplified.com
● EvilTester.com
● JavaForTesters.com
● Twitter: @eviltester
Online Training Courses
● Technical Web Testing 101Unow.be/at/techwebtest101
● Intro to SeleniumUnow.be/at/startwebdriver
● Selenium 2 WebDriver APIUnow.be/at/webdriverapi
Videos
youtube.com/user/EviltesterVideos
Books
Selenium Simplified
Unow.be/rc/selsimp
Java For Testers
leanpub.com/javaForTesters
Alan Richardson
uk.linkedin.com/in/eviltester
Independent Test Consultant & Custom Training
Contact Alan
http://compendiumdev.co.uk/contact