Screen Shooting Craft
-
Upload
chrishoneybee -
Category
Entertainment & Humor
-
view
104 -
download
0
description
Transcript of Screen Shooting Craft
![Page 1: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/1.jpg)
ScreenShooting
Craft@ 2009, Christine Slobodian
![Page 2: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/2.jpg)
Disclaimer
This presentation contains some real-life examples of (not that good) screenshots made by real testers on real projects – they are marked with *.
It wasn’t my intent to offend somebody or make fun of somebody’s work, but to use these for learning purposes only.
![Page 3: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/3.jpg)
making screenshot
is a trivial task
Some people think
![Page 4: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/4.jpg)
not many people know how to do
good screenshots
But in fact
![Page 5: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/5.jpg)
don’t care about screenshots quality
Some testers
![Page 6: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/6.jpg)
screenshots is one of tester’s
main deliverables!
They don’t realize
![Page 7: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/7.jpg)
show your professionalism
Good screenshots:
![Page 8: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/8.jpg)
communicate issues easier and
faster
Good screenshots:
![Page 9: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/9.jpg)
show your carelessness
Bad screenshots:
![Page 10: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/10.jpg)
confuse and complicate
communication
Bad screenshots:
![Page 11: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/11.jpg)
Simple steps to make a REALLY
GOODscreenshot
So let’s see
![Page 12: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/12.jpg)
1
make screen capture and crop needed area
Step
![Page 13: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/13.jpg)
NOT include garbage
Screenshot should
![Page 14: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/14.jpg)
People don’t need to know what wallpaper you have…
tested application
![Page 15: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/15.jpg)
That’s all they need to see
tested application
![Page 16: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/16.jpg)
do NOT crop too much
But!
![Page 17: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/17.jpg)
Can you understand what is that about???
*
![Page 18: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/18.jpg)
NO IDEA? me too :)
*
![Page 19: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/19.jpg)
Make sure you provide enough
context
![Page 20: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/20.jpg)
This can help
URL
![Page 21: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/21.jpg)
This can help
Error Details
![Page 22: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/22.jpg)
This can help
CurrentUser
![Page 23: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/23.jpg)
2
highlight or mark problematic area
Step
![Page 24: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/24.jpg)
Can you find the bug here???
![Page 25: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/25.jpg)
Oh, here it is!
Menu is cropped under this resolution
![Page 26: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/26.jpg)
Learn to use:
Arrows & Frames
![Page 27: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/27.jpg)
They can explain almost everything
![Page 28: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/28.jpg)
Show misalignment:
![Page 29: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/29.jpg)
Show the flow:
![Page 30: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/30.jpg)
Show the difference:
![Page 31: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/31.jpg)
BUT they also can confuse
![Page 32: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/32.jpg)
What did tester want to say here???
*
![Page 33: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/33.jpg)
please remember…
Also as a professional tester
![Page 34: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/34.jpg)
NEVER use freehand tool
![Page 35: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/35.jpg)
PLEASE..*
![Page 36: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/36.jpg)
*
PLEASE.. PLEASE..
![Page 37: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/37.jpg)
*
PLEASE.. PLEASE.. PLEASE..
![Page 38: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/38.jpg)
3
add textual description
if needed
Step
![Page 39: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/39.jpg)
before opening screenshot
Developers RARELY read bug description
![Page 40: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/40.jpg)
withoutreading description :)
So make it clear
![Page 41: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/41.jpg)
This screen tells a story:
![Page 42: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/42.jpg)
This screen gives instructions:
![Page 43: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/43.jpg)
This screen compares things:
![Page 44: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/44.jpg)
But don’t try to say EVERYTHING
at one screen…
![Page 45: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/45.jpg)
Not to get smth like this:*
![Page 46: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/46.jpg)
4
save your screenshot in proper format and
with proper name
Step
![Page 47: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/47.jpg)
JPEG, GIF, PNG
Proper image formats:
Normal quality images of comparably small size
![Page 48: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/48.jpg)
BMP
Improper format:
Too big size for attaching/sending
![Page 49: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/49.jpg)
should be as
DESCRIPTIVE as possible
Proper image names:
![Page 50: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/50.jpg)
Bad example:
![Page 51: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/51.jpg)
Good example:
![Page 52: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/52.jpg)
screenshot isREADY :)
That’s it
![Page 53: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/53.jpg)
shoot & crop1Step
highlight & mark
add text
2Step
3Step
4Step good name.jpg
Four Simple Steps:
![Page 54: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/54.jpg)
try out the following..
Finally: if you still haven’t decided
which tool to use
![Page 55: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/55.jpg)
Free Tool:
JING - snap screens and record videosJust enough functionality for great screenshots
Commercial Tool:
SNAGIT - one of the most popular tools among software testersComprehensive set of functions for capturing and editing
![Page 56: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/56.jpg)
HappyScreen Shooting!
![Page 57: Screen Shooting Craft](https://reader036.fdocuments.in/reader036/viewer/2022062511/54c849874a79598a448b456e/html5/thumbnails/57.jpg)
p.s. If you have more interesting examples of (good or bad) screenshots, mail them to me:[email protected]