Presenting Mathematical Concepts on the World Wide Web
Think Visually: Screen vs. Page Design
Screen & Print Design Issues
Curiously, what looks best in print often appears weak online,
and vice versa, no matter what online tools are used. |
Here are a handful of guidelines for online displays:
- Keep it short.
- Keep it simple.
- Use a hierarchical structure.
- Use lists and categories, not paragraphs.
- Use separate pages rather than large data files.
- Consider offering an alternative format for print use.
- Link to existing information rather than repeating it.
- Keep top priority information accessible from the top pages.
- Use descriptive link names (not "here").
Here are a handful of interesting comparisons:
- Fonts:
- Print: Readers are most familiar with serif fonts.
- Online: Reading is easiest with sans-serif fonts.
- Density:
- Print: Readers are most familiar with, and appreciative of, smooth-flowing prose.
- Online: Readers are best able to process short, terse lists.
- White space:
- Print: It's expensive.
- Online: It's cheap, and helpful.
Finally, remember that experience is a great teacher.
- No matter how many "rules" you learn, as you write you will be making constant trade-offs.
- The best way to learn what works and what doesn't is to view lots of examples of good and bad work, and then to objectively apply the same criteria for judging your own pages as you did to the work of others.
Next: HTML Design & Format Issues
Back: Design Issues for the World Wide Web
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:20 CDT.