|
49 Tips for Better Websites
As part of a recent (6/02) workshop called Website
in a Weekend I tried to create the Ten Commandments of Web Design.
Maybe proper human behavior can be summed up with ten rules, but I couldn't
make web design that simple (I failed miserably as Supreme Being).
The best I could
do is 49 Tips for Better Websites. This month we'll start with
Writing for the Web, Visual Design,
and Color. Next month we'll add Type and Graphics,
and we'll finish up the following month with Domains & Hosting and
Promotion.
Keep in mind
that these are only my opinions, based in experience and lots of research.
Many were learned the hard way. But they're still only opinions. I welcome
your ideas for additions and/or deletions to these lists.
|
Learn
more about web design:
Online tutorials
Recommended books
|
|
|
Writing
for the Web
- Remember: people scan
when reading on the Web, they don't read
every word!
- Use inverted pyramid style: put the conclusion
at the top.
- Be concise: word
count should be about half as much as for print.
- Discuss only one idea
per paragraph.
- Be yourself: a personal,
direct, friendly writing style helps win readers over; humor helps.
- Lists are good -
they allow read to scan for items of interest.
- Highlighting words and phrases
helps scannability.
- Use links to outside
sources: they add credibility.
- Be careful: misspelled
words, typos, etc. reduce credibility.
- Be modest: boastful
"hype" or marketing language reduces credibility.
Agree? Disagree? Email me
your comments. See also links
on writing for the web.
|
|
|
|
Visual Design for the Web
- Design for your audience,
not for yourself.
- Put critical content "above
the fold" (approx. 600 x 400 px)
- Create clear hierarchy:
most important, less important, least important.
- Create simple navigation system, use it consistently.
- Keep important content no more than 3
clicks away.
- Avoid web "cliches":
spinning logos, 3-D buttons, blinking text, rainbow effects.Be consistent
(color, type, graphics, etc.)
- Use animation (very) sparingly, where appropriate.
- Consider "fluid" or flexible
design that adjusts to browser window.
- Design for all users:
avoid specific browser/resolution requirements.
Yes? No?
Email me your comments. See also links
on visual design.
|
Return
to TOP |
|
|
Color
for the Web
- Color sets a mood:
choose colors that fit your topic.
- Don't overdo it! Use limited
palette (group) of 3-6 colors.
- When in doubt, be conservative
(similar colors, simple color scheme).
- Use color to highlight
important items.
- Use color to show relationships:
similar items in same color.
- Avoid bright colors and/or patterns in the background.
- Use browser-safe
palette whenever possible.
- Don't expect exact
color rendering: all monitors show colors differently.
- Avoid very subtle
color differences, they may not show up (see above).
- Text color should contrast
clearly with background (black on white is best). No red on blue,
yellow on purple, etc.!
No way? Way?
Email me your comments. See also links
on color.
|
Return to TOP
Learn more about color:
Understanding & using color
|
|
|
TOP | HOME | ABOUT
| EMAIL US |
|
|
|
|
|
|