How hard could it be to take a screenshot? Not so difficult in the first appearance; we all wonder at a time in our life how to make a screenshot, the answer is basically: Press the "print screen' key and paste into Paint (on a PC). We should answer the question in another way and think as taking a photo. Taking a picture is more than pushing the camera button.
Today, screenshots are used in presentation, data sheet, report, documentation, book and magazine, etc. and it's rare to see polished screenshots. As a Product Manager, I have to do a lot of presentation and sometimes slides are only composed by screenshots. Obviously that it should be enough understandable to illustrate the speech. So here are some tips to keep in mind when you will do screenshot.
1 - Screenshot is not centered
The screenshot includes part or all the background of the desktop, this introduces distracting visual noise (and says you are either cheap, lazy, or both). On a Mac, it's easy to select which particular window you want to capture (Command+Shift+4 then Space bar).
2 - Text in the screenshot is not readable
As there is the minimum 30-point font rule for presentations, it should be good to use an optimal font size for text in the screenshot. It will give better results to increase the font size before taking the screenshot because text in a bitmap it is very sensitive to resizing (pixelate and blur). Changing the size on a web page is quite easy but it may be more tricky for other type of interface.
3 - Screenshot is saved in low quality
As for a picture, compression may reduce the quality of the screenshot but actually JPG has been specifically developed for photographic images and gives a lower quality on screenshot. It's better not use a lossless image compression method (like PNG) or a compression upper than 60% (high quality) if you really want to use the JPG format.
4 - Screenshot has distracting visual noise
As for (1) the screenshot contains distracting visual noise that are not necessary to comprehend the screenshot. Examples of unnecessary elements include window / navigation / menu bars, the mouse cursor, logo, etc. Removing this will help to focus on the most important part and will simplify the understanding.
5 - Freehand drawing sound childish
To emphasize a specific part of the screenshot, it has been annotated with a graphic editing software and freedhand drawing (like arrow, circle) that does not look professional. Tools (like
Skitch on Mac) allow screen capture, drawing and annotation of screenshot and give immediate good results.
Some tools like
Paparazzi on Mac allow screen capture of a whole web page. I'm not sure it will help, in this case I would prefer to do a screencast, which may be the topic of a next post.