Andy glover - Visual Testing Workshop
-
Upload
romania-testing -
Category
Documents
-
view
736 -
download
3
description
Transcript of Andy glover - Visual Testing Workshop
![Page 1: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/1.jpg)
Be Creative – A Visual Testing Workshop
Andy Glover
Romania Testing Conference 2014
![Page 2: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/2.jpg)
Intro’s
![Page 3: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/3.jpg)
Objective
![Page 4: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/4.jpg)
Agenda
![Page 5: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/5.jpg)
![Page 6: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/6.jpg)
Is visual testing for everyone?
![Page 7: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/7.jpg)
Is this for everyone?
… Yes!
![Page 8: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/8.jpg)
Is this for everyone?
… Yes!
![Page 9: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/9.jpg)
Draw something
![Page 10: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/10.jpg)
Examples
![Page 11: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/11.jpg)
DRAW some more
![Page 12: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/12.jpg)
![Page 13: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/13.jpg)
Separators
![Page 14: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/14.jpg)
Look and See
![Page 15: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/15.jpg)
Arrows
![Page 16: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/16.jpg)
Pub!
![Page 17: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/17.jpg)
Bullet Points
![Page 18: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/18.jpg)
Look + See + Imagine + Do (something)
![Page 19: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/19.jpg)
![Page 20: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/20.jpg)
Images in software help us work better
![Page 21: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/21.jpg)
Letters
• A B C D…
• a b c d…
![Page 22: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/22.jpg)
Quickly recognise and process what we see
![Page 23: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/23.jpg)
Draw stick people
![Page 24: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/24.jpg)
• Who and What
• How many and how much
• Where
• When
• How
• Why
6 ways of seeing (6 problems)
![Page 25: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/25.jpg)
Who and What
How many and how much
Where
When
How
Why
6 ways of seeing
![Page 26: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/26.jpg)
More people and faces
![Page 27: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/27.jpg)
1. Who/What Portrait
2. How much Chart
3. Where Map
4. When Timeline
5. How Flowchart
6. Why Why graph
Visual Thinking Framework
![Page 28: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/28.jpg)
Containers & Speech Bubbles
![Page 29: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/29.jpg)
With Portraits
1. Keep things simple
2. Illuminate lists
Who/what problem: Portraits
![Page 30: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/30.jpg)
Hint: Google search
Objects relating to your work
![Page 31: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/31.jpg)
Example
![Page 32: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/32.jpg)
Draw 3 portraits of your users
Draw something
![Page 33: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/33.jpg)
Chart or Quantitative representation
1. It’s the data that matters2. Pick simplest model3. Stay with one model
The how many problem: Charts
![Page 34: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/34.jpg)
Question
… % of time testing?
![Page 35: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/35.jpg)
Example
![Page 36: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/36.jpg)
Draw a recent working day at the office.
Don’t forget about coffee breaks!
Draw something
![Page 37: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/37.jpg)
Maps!
1. Everything has a geography2. North is a state of mind3. Look beyond obvious
Where problem: Maps
![Page 38: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/38.jpg)
Example
![Page 39: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/39.jpg)
Draw a map of your influence with other people in your department or company.
Draw something
Or, draw a mind map of your CV/resume with skills, experience etc.
![Page 40: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/40.jpg)
• Mindmap: A Test Plan
1. Everything has a geography
2. North is a state of mind
3. Look beyond obvious
Team exercise
![Page 41: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/41.jpg)
Timeline
1. Time is a one way street2. Cycles for repeating timelines3. Liner: easier to draw and remember
When problem: Timeline
![Page 42: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/42.jpg)
Example
![Page 43: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/43.jpg)
• Draw a timeline plan for a typical software development project.
1. Time is a one way street
2. Cycles for repeating timelines
3. Liner: easier to draw and remember
Draw Something
![Page 44: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/44.jpg)
% of senses
Total Brain sense processing capacity
![Page 45: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/45.jpg)
Flowchart
Use shapes to represent different actions
How problem: Flowcharts
![Page 46: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/46.jpg)
Example
![Page 47: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/47.jpg)
State Diagram
![Page 48: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/48.jpg)
States and actions of a bug
Team Exercise
![Page 49: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/49.jpg)
SQVID
• Simple v Elaborate
• Qualitative v Quantitative
• Vision v Execution
• Individual v Comparison
• Change v Status Quo
![Page 50: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/50.jpg)
Bugs SQVID
![Page 51: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/51.jpg)
Exercise
SQVID of a Tester
![Page 52: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/52.jpg)
Why Graphs- Multiple-variable plot
1. Require patience2. Medium-thick soup is best3. Anything can be mapped to anything… but!
Why problem: Why Graphs
![Page 53: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/53.jpg)
James Bach’s Testing Dashboard
![Page 54: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/54.jpg)
Example
![Page 55: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/55.jpg)
Example
![Page 56: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/56.jpg)
1. Who/What Portrait
2. How much Chart
3. Where Map
4. When Timeline
5. How Flowchart
6. Why Why graph
Visual Thinking Framework
![Page 57: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/57.jpg)
1. A Bug is found in the live environment. People are blaming the test team.
2. The Boss Boss wants to automate ALL the testing…
3. Aliens who can’t speak English want to know what you do.
- Get into groups of 2 or 3
- Discuss what specific point/s to focus on
- And then draw them!
- Present back to the whole group
Group Exercise!
![Page 58: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/58.jpg)
1. Who/What Portrait
2. How much Chart
3. Where Map
4. When Timeline
5. How Flowchart
6. Why Why graph
Visual Thinking Framework
![Page 59: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/59.jpg)
Use visuals when ever you can!
Apply the visual framework
Try SQVID for a creativity rush
Summary
@cartoontester
![Page 60: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/60.jpg)
Questions?
![Page 61: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/61.jpg)
Thank You
@cartoontester
![Page 62: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/62.jpg)
One last thing
A toy car starts at the beginning of a racetrack that looks like this:
![Page 63: Andy glover - Visual Testing Workshop](https://reader034.fdocuments.us/reader034/viewer/2022042606/549ecf70b479597e208b482f/html5/thumbnails/63.jpg)
One last thing
Which of the following would be a graph of speed vs. time for the car on this track? (the question shows 4 possible graphs, but I will only show two).