Styles MenuThe BeelineTips & Tricks MenuDesigning for TV Screens

Designing for TV Screens

WebTV LogoMonitors, like people and output devices, are a bonafide audience. One needs to respect the technological abilities (and limitations) of TVs, monitors, and screen resolutions.

Designing Web pages for television screens requires some special considerations. Bee-low are design suggestions provided by WebTV. You can also download a WebTV viewer that will run on a Macintosh or PC computer to test your Web pages for this type of audience.

General Screen Guide

General

Tips for creating WebTV-friendly sites and pages include:

"Don't use full red or full white; both cause screen distortion."
"Use client-side image maps instead of server side image maps; it
works better with a remote control."
"Avoid small text sizes in HTML and graphics."
"Avoid narrow columns; images are scaled and text will wrap frequently."
"If you haven't yet purchased a WebTV Internet terminal, you can determine
whether you have included hard-coded dependencies in your layout by
increasing the default point size of the browser fonts to 18 points, narrowing
the window a little, and observing your page."
"Try to reduce the number of items on your page because television audiences
are used to looking at one focal point."
"Pages should contain as few form elements as possible because these elements
can quickly become overwhelming to non-computer users."
"Use the additional attributes of the text input tag to change the background and
text colors so that form elements are consistent with the rest of the page."
"Use light-colored text against dark-colored backgrounds; television audiences find
it easier to read."
"When using an input image in a form to simulate a button, use the <NAME> tag
to prevent having to click on the button twice to submit the form."
"Don't use horizontal single pixel lines because they flicker on television sets."
"Page titles are used in the Recent Panel and the Favorites bookmarks; avoid
temptation- keep your titles short."
"Use background music or theme music to provide an experience more like
television."

Screen Guide

Use this image for sizing browser windows to match WebTV's screen format. You may copy this image to your hard drive and distribute it so long as it is not altered in any way.

Maximum Screen Size: WebTV

Click for details.

Click for details.Click for details.

Top of PageTool Bar 1Tool Bar 2Tool Bar 3Tool Bar 4Tool Bar 5Tool Bar 6Tool Bar 7Add RequestChange Request
Styles MenuTool Bar 11Tool Bar 12Tool Bar 13Tool Bar 14Tool Bar 15Tool Bar 16Tool Bar 17KeyholeReport Menu

Home PageMain Text MenuMain Tables MenuMain Frames MenuMain Buttons MenuMain TV MenuMain HiveCD MenuMenu Styles Information


Notice 1

Legal notices - Part 1
Special Notice
Legal notices - Part 2
Notice 2