Match bullets to your sites personality

To indicate each list item, ordinary bullets (round dark circles) are fine; but you don't have to restrict yourself to them. If your site's personality

In a list, the bullets must ' ji i stand out the way the number does here. If the text wraps under the bullet, the bullets don't stand out.

©It's much more obvious that there are three items in this list when the text wraps under itself.

allows something more innovative, you have many ways of showing that personality in your lists. Because the web is such a visual medium, it has expanded our definition of bullets to include many other symbols, icons, and even small photos or illustrations.

You can use a relevant symbol instead of ordinary bullets. Remember the fish as bullets in the case study from the Food and Drug Administration at the end of Chapter 6?

You can use a series of icons as "bullets." In Figure 9-10, the American Museum of Natural History uses different butterflies for each navigation option on the page. (This is from the example you saw as clear writing in Figure 8-4.)

Oh! An exhibit about butterflies. I wonder if they talk about all of these different types of butterflies. I'll click on the highlights to find out.

OH EXHIBIT PUBLIC PROGRAMS

^Exhibition Highlights

Pictures of different f ^J butterflies seem very appropriate as bullets

I Butterfly 1 Cams m here.

Ticket Info

Grow A

Butterfly

Garden

Downloadable Backgrounds

These butterflies even "flutter" a bit within their white boxes as you mouse over them. That's okay because they move only slightly, they stay within their boxes, and they move only when you hover over them. They don't wander around the screen.

The fluttering butterflies on this site's home page, however, are distracting because they interfere with what people are trying to do. (I'll talk more about this in Chapter 11 on graphics.)

Figure 9-10 Using pictures of butterflies for an exhibit of butterflies fits well with the personality the site is presenting - and may entice more people to the exhibit.

National Science Foundation

W H E 1 t DISCOVERIES BEGIN

National Science Foundation

W H E 1 t DISCOVERIES BEGIN

NSFWeb Ska

I IS

HOME | FUNDING | AWARDS I DISCOVERIES | NEWS I PUBLICATIONS I STATISTICS I ABOUT I FastUtne

■ Science ft Engineering Statistics • Search Statistics * About Statistics

News

News

Page: P rev to us | Ne-.t (Showing: 61 - 90 of 383)

For the News Media Special Reports Research Overviews Priority Areas Speeches II Lectures

Page: P rev to us | Ne-.t (Showing: 61 - 90 of 383)

For the News Media Special Reports Research Overviews Priority Areas Speeches II Lectures

The thumbnail pictures serve as bullets on this pathway page. Each represents the topic of the news release it goes with.

Ultra-fast Camera Captures How Hummingbirds Hover Released June 22, 2005 Press Release

MIT Çrqup Creates a High-Temperature Superflu id Released June 22, 2005 Press Release

Ultra-fast Camera Captures How Hummingbirds Hover Released June 22, 2005 Press Release

MIT Çrqup Creates a High-Temperature Superflu id Released June 22, 2005 Press Release

Chemistry ft Materials

Computing

Thç Shifty Nature of Grains Released June 22, 2005 Press Release

NSF Names Seven Distinguished Teaching Scholars Released June 21, 2005 Press Release

Polar Science Leader Peter Wilkniss Passes Released June 21, 2005 Press Release

Figure 9-11 Small pictures can do well as bullets if it is clear what the picture shows.

www.nsf.gov/news

You can use photos or illustrations in place of bullets. In Figure 9-11, the U. S. National Science Foundation news site uses a small picture related to each news item both as a "bullet" and as part of the overall visual statement about the item.

0 0

Post a comment