Screen Shooting  Craft @ 2009, Christine Slobodian
Disclaimer This presentation contains some real-life examples of (not that good) screenshots made by real testers on real ...
making screenshot  is a  trivial  task Some people think
not many people  know how to do good  screenshots But in fact
don’t care  about screenshots quality Some testers
screenshots is one  of tester’s  main deliverables ! They don’t realize
show your  professionalism Good screenshots:
communicate issues  easier  and  faster Good screenshots:
show your  carelessness Bad screenshots:
confuse  and  complicate  communication Bad screenshots:
Simple steps to make a  REALLY GOOD screenshot So let’s see
make screen capture and  crop  needed area 1 Step
NOT include  garbage Screenshot should
People  don’t need  to know what wallpaper you have… tested  application
That’s all they  need  to see tested  application
do NOT crop  too much But!
Can you understand what is that about ??? *
NO IDEA?  me too :) *
Make sure you provide enough  context
This can help URL
This can help Error Details
This can help Current User
highlight   or  mark   problematic area 2 Step
Can you find the bug here ???
Oh, here it is! Menu is cropped under this resolution
Learn to use: Arrows  &  Frames
They can explain  almost everything
Show  misalignment :
Show the  flow :
Show the  difference :
BUT they also can  confuse
What did tester  want to say here ??? *
please  remember… Also as a professional tester
NEVER use  freehand   tool
PLEASE.. *
* PLEASE.. PLEASE..
* PLEASE.. PLEASE.. PLEASE..
add  textual description   if needed 3 Step
before   opening screenshot Developers RARELY  read bug description
without reading description :) So make it clear
This screen tells a  story :
This screen gives  instructions :
This screen  compares  things:
But don’t try to say  EVERYTHING   at one screen…
Not to get smth like this: *
save your screenshot  in  proper format  and with  proper name 4 Step
JPEG ,  GIF ,  PNG Proper image formats: Normal quality images of comparably small size
BMP Improper format: Too big size for attaching/sending
should be as  DESCRIPTIVE  as possible Proper image names:
Bad  example:
Good  example:
screenshot is READY :) That’s it
shoot & crop 1 Step  highlight & mark add text 2 Step  3 Step  4 Step  good name.jpg Four Simple Steps:
try out  the following.. Finally:  if you still haven’t decided  which tool to use
Free Tool: JING   - snap screens and record videos Just enough functionality for great screenshots Commercial Tool: SNAGIT...
Happy Screen Shooting !
p.s.  If you have more interesting examples of  (good or bad) screenshots, mail them to me: [email_address]
Upcoming SlideShare
Loading in...5
×

Screen Shooting Craft

455

Published on

Published in: Entertainment & Humor
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
455
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Screen Shooting Craft

  1. 1. Screen Shooting Craft @ 2009, Christine Slobodian
  2. 2. 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.
  3. 3. making screenshot is a trivial task Some people think
  4. 4. not many people know how to do good screenshots But in fact
  5. 5. don’t care about screenshots quality Some testers
  6. 6. screenshots is one of tester’s main deliverables ! They don’t realize
  7. 7. show your professionalism Good screenshots:
  8. 8. communicate issues easier and faster Good screenshots:
  9. 9. show your carelessness Bad screenshots:
  10. 10. confuse and complicate communication Bad screenshots:
  11. 11. Simple steps to make a REALLY GOOD screenshot So let’s see
  12. 12. make screen capture and crop needed area 1 Step
  13. 13. NOT include garbage Screenshot should
  14. 14. People don’t need to know what wallpaper you have… tested application
  15. 15. That’s all they need to see tested application
  16. 16. do NOT crop too much But!
  17. 17. Can you understand what is that about ??? *
  18. 18. NO IDEA? me too :) *
  19. 19. Make sure you provide enough context
  20. 20. This can help URL
  21. 21. This can help Error Details
  22. 22. This can help Current User
  23. 23. highlight or mark problematic area 2 Step
  24. 24. Can you find the bug here ???
  25. 25. Oh, here it is! Menu is cropped under this resolution
  26. 26. Learn to use: Arrows & Frames
  27. 27. They can explain almost everything
  28. 28. Show misalignment :
  29. 29. Show the flow :
  30. 30. Show the difference :
  31. 31. BUT they also can confuse
  32. 32. What did tester want to say here ??? *
  33. 33. please remember… Also as a professional tester
  34. 34. NEVER use freehand tool
  35. 35. PLEASE.. *
  36. 36. * PLEASE.. PLEASE..
  37. 37. * PLEASE.. PLEASE.. PLEASE..
  38. 38. add textual description if needed 3 Step
  39. 39. before opening screenshot Developers RARELY read bug description
  40. 40. without reading description :) So make it clear
  41. 41. This screen tells a story :
  42. 42. This screen gives instructions :
  43. 43. This screen compares things:
  44. 44. But don’t try to say EVERYTHING at one screen…
  45. 45. Not to get smth like this: *
  46. 46. save your screenshot in proper format and with proper name 4 Step
  47. 47. JPEG , GIF , PNG Proper image formats: Normal quality images of comparably small size
  48. 48. BMP Improper format: Too big size for attaching/sending
  49. 49. should be as DESCRIPTIVE as possible Proper image names:
  50. 50. Bad example:
  51. 51. Good example:
  52. 52. screenshot is READY :) That’s it
  53. 53. shoot & crop 1 Step highlight & mark add text 2 Step 3 Step 4 Step good name.jpg Four Simple Steps:
  54. 54. try out the following.. Finally: if you still haven’t decided which tool to use
  55. 55. Free Tool: JING - snap screens and record videos Just enough functionality for great screenshots Commercial Tool: SNAGIT - one of the most popular tools among software testers Comprehensive set of functions for capturing and editing
  56. 56. Happy Screen Shooting !
  57. 57. p.s. If you have more interesting examples of (good or bad) screenshots, mail them to me: [email_address]
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×