web design tips
 

web design tipsThe Evils of PDFs.

More and more websites, especially business ones, seem to adding PDFs to their website - yet users are united in their hatred of them. How on earth did this happen.

Why PDF?

PDFs are marketed as an easy way to re-use print designs and content online: all you do is export the data from your desktop publishing program as a PDF, throw it on the web for download, and you're done. It avoids the whole question of web design, or of having to break up the data into sections and create links between it. What's more, it preserves things like pictures and diagrams intact, so, in theory, nothing is lost in the transition.

This appeals a lot to big companies that don't want to pay two people (one for print, one for the web), when they see a way to
make one do. The saving on web layout looks real to them, because they're never going to be on the receiving end of the content. In short, the reason people use PDFs is that they don't understand the web.

They Require a Plugin.

Like Flash, PDFs require a plugin, with all the downsides that involves. Users have to go and download the plugin (assuming there is a version for their platform and browser at all), and then come back to your site - that is, if they remember.

However, the PDF plugin is even more painful than most. Why? Simply because it takes a ridiculous amount of time to load. It actually has enough time to pop-up a splash screen and explain which parts of the program are loading - this can take anywhere from 10 to 30 seconds, and there's no way to cancel it once it starts. It's painful enough for most users that opening a PDF unexpectedly will cause them to say "argh no, a PDF!" and leave the computer in disgust, only coming back later to close what loaded.

The Layout is All Wrong.

Even if you know you're loading a PDF and you're happy to sit and wait, what you end up with in the end still annoys you, more often than not.

PDF layouts are nothing but 'virtual pages': they're laid out entirely wrong for the screen. You can't see an entire page on your screen at once without making the text tiny, which forces you to scroll. Anyone who's ever tried to scroll a PDF with columns - scroll down, then back up, then down again... - will know the pain this causes.

Opening a PDF is most often an experience of scrolling past a massive table of contents (that hasn't been made into hyperlinks to the relevant pages), and then trying in vain to find what you were looking for somewhere among the pages. The scrolling in the program is painfully slow, and most of the time you end up giving up pretty quickly.

The Reader Often Crashes.

As a final blow, Adobe's PDF reader program, for all its slowness, isn't even all that stable: it has a tendency to crash people's browsers after a while, especially if they try to use any of the browser's buttons. This upsets your visitors to say the least, and they're not likely to come back to your site again after their browser crashes because of your PDF.

But They're Good for Printing.

However, there is one area in which we have to give PDFs some credit. It's their original intended use: to preserve print layouts over the web so that they can be used for printing. If you want to give your visitors something that is best printed out on paper (a complicated graphical page, for example, or an official form), then the best way to make sure that it survives the journey across the web intact is to let them download it as a PDF.

What does all this mean? Well, really, it means that unless you want to upset your visitors, the only time you should have PDFs on your site is when they're linked to like this: 'Download PDF (for printing)'. Any content you put in a PDF should always also be available as HTML.

The Web Designers Toolbox

The Basics of Web Forms

Taking HTML Further with Javascript Once youve built your HTML pages you might need them to do something a little more interactive on the client side that

Why You Should Stick to Design Conventions

Why Word is Bad for the Web

 

Web Design
5 Simple Steps to Accepting Payments.
5 Ways to Avoid the 1998 Look.
6 Reasons Why You Need a Website.
7 Ways to Make Your Web Forms Better.
A Question of Scroll Bars.
Ads Under the Radar: Linking to Affiliates.
AJAX: Should You Believe the Hype?
All About Design: Principles and Elements.
An Introduction to Paint Shop Pro.
An Issue of Width: the Resolution Problem.
Avoiding the Nuts and Bolts: Content Management Software.
Beware the Stock Photographer: Picking Your Pictures.
Building a Budget Website.
Building Online Communities.
Clean Page Structure: Headings and Lists.
ColdFusion: Quicker Scripting, at a Price.
Column Designs with CSS.
Content is King.
CSS and the End of Tables.
Cut to the Chase: How to Make Your Website Load Faster.
Designing for Sales.
Designing for Search Engines.
Dreamweaver: The Professional Touch.
Encryption and Security with SSL.
Finding a Good HTML Editor.
Focus on the User: Task-Oriented Websites.
Fonts are More Important Than You Think.
Free Graphics Alternatives.
FrontPage: Easy Pages.
Hints All the Way.
Hiring Professionals: 5 Things to Look For.
How Databases Work.
How the Web Works.
How to Get Your Website Talked About on Blogs.
How to Install and Configure a Forum.
How to Make Visitors Add You to Their Favorites.
How to Run Ads Without Driving Visitors Crazy.
How to Set Up Your Hosting in 5 Minutes Flat.
IIS and ASP: Microsoft's Server.
Image Formats: GIF, JPEG, PNG and More.
It's a World Wide Web: Going International.
JSP: Java on Your Server.
LAMP: The Most Popular Server System Ever.
Making Friends and Influencing People: the Importance of Links.
Making Searches Simple.
Offering Free Downloads on Your Website.
Opening a Web Shop with E-Commerce Software.
tag - they have one extra tag before it. This is the doctype, and it must be present right at the top of your document for it to be valid HTML. There are only really
Perl: Cryptic Power.
Photoshop: a Graphic Designer's Dream.
Picking a Colour Scheme.
Printing and Sending: the Two Things Users Want to Do.
Putting Multimedia to Good Use.
Python and Ruby: the Newer Alternatives.
Registering a Domain Name.
Registering Your Users by Stealth.
RSS: Really Simple Syndication.
Setting Up a Mailing List.
Setting up a Test Server on Your Own Computer.
Some Places to Go For More Information.
Taking HTML Further. HTML might seem like a simple language for web documents, and to an extent, it is - that's what it was intended to be. If you know what
Taking HTML Further with Javascript. Once you've built your HTML pages, you might need them to do something a little more interactive on the client-side (that
Taking Your Website Mobile.
Text Ads: Unobtrusive Advertising.
The 5 Principles of Effective Navigation.
The Art of the Logo.
The Basics of Web Forms.
The Basics of Web Servers.
The Case Against Flash.
The Confusing World of Web Hosting: Making Your Decision.
The Evils of PDFs.
The Importance of Validation.
The Many Flavours of HTML.
The Smaller, the Better: Avoiding Graphical Overload.
The Top 10 Biggest Web Design Mistakes.
The Web Designer's Toolbox.
The Web is Not Paper.
There's More than One Web Browser.
Time for User Testing.
Titles and Headlines: It's Not a Newspaper.
Tracking Your Visitors.
Understanding Web Jargon.
Uploading Your Website with FTP.
Using Flash Sensibly.
Using Quizzes and Games to Get Traffic.
VBScript: Javascript Made Easy.
Websites and Weblogs: What's the Difference?
What Do You Want Your Website to Do?
What You See Isn't Always What You Get.
Which Database is Right for You?
Why Doing It Yourself is Best.
Why Java Will Drive Your Visitors Away.
Why Word is Bad for the Web.
Why You Should Put Your Content in a Weblog Format.
Why You Should Stick to Design Conventions.
Working With Templates.
Writing for the Web.
GoogleSense
Making Money with Articles
Webhosting
RSS
Reading RSS Feeds with an RSS Aggregator