Presenting Mathematical Concepts on the World Wide Web
Think Visually: Screen vs. Page Design
Global Design Issues
Do it because you need to,
not just because you can.
Reduce unproductive time spent merely watching pages load.
Minimize the number and size of images used.
Minimize the number and size of backgrounds used, if any.
Design so the reader has something to start on while a page loads.
Reduce distractions that draw attention away from the other information on a page.
Avoid flashing text.
Avoid unnecessary animations.
Reduce opportunities for confusion.
Only change text color when you're sure it will be reliably reproduced.
Avoid spurious correlations that readers may infer from color changes.
Use browser-specific extensions cautiously.
Make sure centering, font sizes, and image placement are not crucial (e.g., don't say, "the image on the right").
Test with other browsers as much as possible / appropriate.
Use advanced features cautiously.
Use tables only when necessary.
Make sure tables degrade gracefully.
Authornote: Could link to dpvc's examples.
Know that some older browsers do not permit searching in or linking to table entries.
Frames have as many (or more) limitations as advantages.
Printing typically omits contextual and navigational information.
Navigation through alternative paths is typically more complicated for the reader.
Participants are urged to propose additional suggestions on this topic.
Next:
Screen & Print Design Issues
Back:
Global Structure
Up:
Think Visually: Screen vs. Page Design
Presenting Mathematical Concepts on the World Wide Web
. Copyright © 1997 by
Carol Scheftic
. All rights reserved. (This course is based on a workshop originally offered at
The Geometry Center
and adapted with permission.) Please send comments on this page, or requests for permission to re-use material from this page, to:
scheftic@geom.umn.edu
Page established 1-Jun-97; last updated Sunday, 13-Jul-1997 20:36:19 CDT.