How To Use PDF Files On The Web

    July 24, 2003

Acrobat PDF is perhaps the best format available to create printable documents, since it is optimized for letter sized sheets of paper.

Since Acrobat Reader can be opened within Internet Explorer, distributing PDF documents through the web has now become common practice. Acrobat is quickly becoming the format of choice to distribute instruction manuals, special reports, resumes, ebooks, etc.*

However, all this comes at the price of increased usability problems when users try to read PDF documents directly from the screen; for example:

– PDF files don’t have navigation bars, so some users may not know how to get back to where they were.

– Scrolling works differently: PDF files force users to scroll one full page at a time when they drag the scrollbar instead of clicking the arrows.

– Usually, PDF files come in small print (and Internet Explorer’s Text Size options won’t work on them).

– Since PDF documents are opened in Acrobat Reader, they introduce Acrobat’s own toolbar, which contains menu buttons that are different from those in Internet Explorer.

These different “rules of engagement” are likely to cause user confusion. In order to make the user experience as painless as possible, you must consider three simple guidelines to effectively use PDF files on your site:

– Use them only to present printable versions of HTML documents (for example, a long article) or documents that are intended for print. Don’t use them to present content that must be read online.

– When linking to a PDF file, you must explicitly indicate that the destination page is in PDF format. This will tell your visitors what to expect, for example a longer waiting period than for an HTML document, or the fact that Acrobat Reader will open within their web browser.

The best way to indicate that a link will point to a PDF file is either to write the symbols [PDF] before the link text (like Google does when a PDF file comes up among the search results), or to use a PDF icon.

– Clearly state the file size (to give users an idea of how long it will take to download) and the number of pages (so they can have the printer ready with enough sheets of paper). It is usually better to present these two pieces of information in a slightly more subdued font color than the one used for your page copy (if you’re using black text copy, you can use gray).

Therefore, a link to a PDF file should look approximately like this:

[PDF] Instruction Manual for Electonic Widget #3 (300Kb – 9 pages)


Instruction Manual for Electonic Widget #3 (300Kb – 9 pages)

Finally, even though most computers nowadays include Acrobat Reader as standard software, it is always good to include a link to the site where your visitors can download it, just in case they don’t have it installed (the URL of the current download page for Acrobat Reader is: ).

* You can easily convert Microsoft Office files into Acrobat with Adobe’s PDF online conversion utility.

Mario Sanchez publishes The Internet Digest ( ), an internet marketing content site packed with useful articles and resources, and SEO Tutorial ( where you can learn the basics of search engine optimization in four easy steps.