Frames - love them or leave them?

Frames may be the most controversial topic in web page design. We look at the advantages and disadvantages of frames, and how to avoid the worst usability mistakes in using frames.

Written by Philip Chalmers who is based in the Medway area of Kent, England, United Kingdom.

What are frames?

Frames are controversial

Traps to avoid if you use frames

Some second opinions



Next page


What are frames?

Frames are a technique which packages several pages inside another page.

For example the screen you're looking at contains the following pages:


Logo

Menu control buttons
(“open all”, etc.)
Course content,
changes as you move forward
(scrollable)
Menu
(scrollable)
Site search

Frames are controversial

Possibly the most controversial technique in web page design!

Against frames:

For frames:

Obsolete and debatable objections:

Traps to avoid if you use frames

Don't include other sites' pages in your frames:

Don't accidentally show your frameset within itself or another of your framesets.
Click the link in our example's the link opens a new window bottom right frame a few times to see how stupid it looks.

Don't force the content into a narrow slit - our example the link opens a new window shows how unpleasant this is.
Avoid placing additional frames above and / or below the content.

Some second opinions

We use frames, so you might like to know what others have written about frames.

Check the dates on articles about frames - a lot of them were written before version 4 browsers, which handle frames much better than their predecessors.


Web Design Group's Guide to frames usage Some good uses for frames - the “official view”.
Jakob Nielsen thinks Frames Suck (Most of the Time) Summary: Not for inexperienced designers, but skilled designers can use frames to good effect.
Gooddocuments.com's When (and how) to use frames With framed and non-framed versions of the same content for you to compare.
Usable Web's list of articles about frames More anti-frames than pro-frames articles in this list.

Next page