1. Screen Shooting Craft @ 2009, Christine Slobodian

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. making screenshot is a trivial task Some people think

4. not many people know how to do good screenshots But in fact

5. don’t care about screenshots quality Some testers

6. screenshots is one of tester’s main deliverables ! They don’t realize

7. show your professionalism Good screenshots:

8. communicate issues easier and faster Good screenshots:

9. show your carelessness Bad screenshots:

10. confuse and complicate communication Bad screenshots:

11. Simple steps to make a REALLY GOOD screenshot So let’s see

12. make screen capture and crop needed area 1 Step

13. NOT include garbage Screenshot should

14. People don’t need to know what wallpaper you have… tested application

15. That’s all they need to see tested application

16. do NOT crop too much But!

17. Can you understand what is that about ??? *

18. NO IDEA? me too :) *

19. Make sure you provide enough context

20. This can help URL

21. This can help Error Details

22. This can help Current User

23. highlight or mark problematic area 2 Step

24. Can you find the bug here ???

25. Oh, here it is! Menu is cropped under this resolution

26. Learn to use: Arrows & Frames

27. They can explain almost everything

28. Show misalignment :

29. Show the flow :

30. Show the difference :

31. BUT they also can confuse

32. What did tester want to say here ??? *

33. please remember… Also as a professional tester

34. NEVER use freehand tool

35. PLEASE.. *

36. * PLEASE.. PLEASE..

37. * PLEASE.. PLEASE.. PLEASE..

38. add textual description if needed 3 Step

39. before opening screenshot Developers RARELY read bug description

40. without reading description :) So make it clear

41. This screen tells a story :

42. This screen gives instructions :

43. This screen compares things:

44. But don’t try to say EVERYTHING at one screen…

45. Not to get smth like this: *

46. save your screenshot in proper format and with proper name 4 Step

47. JPEG , GIF , PNG Proper image formats: Normal quality images of comparably small size

48. BMP Improper format: Too big size for attaching/sending

49. should be as DESCRIPTIVE as possible Proper image names:

50. Bad example:

51. Good example:

52. screenshot is READY :) That’s it

53. shoot & crop 1 Step highlight & mark add text 2 Step 3 Step 4 Step good name.jpg Four Simple Steps:

54. try out the following.. Finally: if you still haven’t decided which tool to use

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. Happy Screen Shooting !

57. p.s. If you have more interesting examples of (good or bad) screenshots, mail them to me: [email_address]