Putting it all together A case study

In the following case study, I take a web page through a series of changes so that you can see the effect of each design guideline.

Case Study 7-1 Revising a poorly designed web page

Consider this page about the White-naped Crane as it originally appeared on a web site about birds:

White-naped Cranes Grus vipio

White-naped Cranes breed in northeastern Mongolia, northeastern China, and adjacent areas of southeastern Russia.

Breeding habitat includes shallow wetlands and wet meadows in broad river valleys, along lake edges, and in lowland steppes or mixed forest-steppe areas. White-naped Cranes nest, roost, and feed in shallow wetlands and along wetland edges, foraging in adjacent grasslands or farmlands. During migration and on their wintering grounds, they use rice paddies, mudflats, other wetlands and agricultural fields. White-naped Cranes are excellent diggers. The White-naped Crane is often found in the company of other crane species .including Red-crowned, Hooded, Demoiselle, and Eurasian Cranes.

Mated pairs of cranes, including White-naped Cranes, engage in unison calling, which is a complex and extended series of coordinated calls. The birds stand in a ¡peciflc posture, usually with their heads thrown back and beaks skyward during the display. In White-naped Cranes, the female initiates the display and utters two calls for each male call. The male always lifts up his wings over his back during the unison call while the female keeps her wings folded at her sides. All cranes engage in dancing, which includes various behaviors such as bowing, jumping, running, stick or grass tossing, and wing flapping. Dancing can occur at any age and is commonly associated with courtship, however, it is generally believed to be a normal part of motor development for cranes and can serve to thwart aggression, relieve tension, and strengthen the pair bond .Nests are mounds of dried sedges and grasses in open wetlands. Females usually lay two eggs and incubation (by both sexes) lasts 28-32 days. The male takes the primary role in defending the nest against possible danger. Chicks fledge (first flight) at 70-75 days.

www.ornithology.com

Do you agree that it is not as well designed as it might be?

You can probably identify several ways to make it easier for people to see it, read it, and get the information from it.

First, let's make it easier just to see by increasing the contrast between the background and the text.

White-naped Cranes Grus vipio

White-naped Cranes breed in northeastern Mongolia, northeastern China, and adjacent areas of southeastern Russia.

Breeding habitat includes shallow wetlands and wet meadows in broad river valleys, along lake edges, and in lowland steppes or mixed forest-steppe areas. White-naped Cranes nest, roost, and feed in shallow wetlands and along wetland edges, foraging in adjacent grasslands or farmlands. During migration and on their wintering grounds, they use rice paddies, mudflats, other wetlands and agricultural fields. White-naped Cranes are excellent diggers. The White-naped Crane is often found in the company of other crane species, including Red-crowned, Hooded, Demoiselle, and Eurasian Cranes.

Mated pairs of cranes, including White-naped Cranes, engage in unison calling, which is a complex and extended series of coordinated calls. The birds stand in a specific posture, usually with their heads thrown backand beaks skyward during the display. In White-naped Cranes, the female initiates the display and utters two calls for each male call. The male always lifts up his witigs over his back during the unison call while the female keeps her wings folded at her sides. All cranes engage in dancing, which includes various behaviors such as bowing, jumping, running, stick or grass tossing, and wing flapping. Dancing can occur at any age and is commonly associated with courtship, however, it is generally believed to be a normal part of motor development for cranes and can serve to thwart aggression, relieve tension, and strengthen the pair bond .Nests are mounds of dried sedges and grasses in open wetlands. Females usually lay two eggs and incubation (by both sexes) lasts 28-32 days. The male takes the primary role in defending the nest against possible danger. Chicks fledge (first

Serif font; white background

And then let's change from centered text to left-aligned and break it up more.

White-raped Canes breed in northeastern Mongolia, northeastern China, and ad|acenl areas of southeastern Russia.

Breeding habitat includes shallow wetlands and wet meadows in broad river valleys, along lake edges, and in lowland steppes or mixed forest steppe areas. White-raped Cranes nest, roost, and feed in shallow wetlands and along wetland edges, foraging in adjacent grasslands or farmlands During migration and on their wintering grounds, they use rice paddies, mudflats, other wetlands and agricultural fields. White-naped Cranes are excellent diggers.

The White-raped Crane is often found in the company of other crane species, including Red-crooned, Hooded. Demoiselle, and Eurasian Cranes.

Mated pairs of cranes, including White-naped Cranes, engage in unison calling, which is a complex and extaided series of coordinated calls. The birds stand in a specific posture, usually with their heads thrown back and beaks skyward during

In Whit e-n aped Cranes, the female initiates the display and utters two calls for each male call. The male always lifts up his wings over his back during the unison call while the female keeps her wings folded at her sides.

All cranes engage in dancing, which includes various behaviors such as bowing, junping. running, stick or grass tossing, and wing flapping. Dancing can occur at am-age and is commonly associated with courtship; however, it is generally believed to be a normal part of motor development for cranes and can serve to thwart aggression, relieve tension, and strength the pair bond.

Nests are mounds of dried sedges and grasses in open wetlands. Females usually lay two eggs and incubation (by both sexes) lasts 28-32 days. The male takes the primary role in defending the nest against possible danger. Chicks fledge (first

Serif font; white background; left-aligned; seven paragraphs instead of three

Now let's change from serif font to sans serif at the same point size. White-naped Cranes Grus vipio

White-naped Cranes breed in northeastern Mongolia, northeastern China, and adjacent areas of southeastern Russia

Breeding habitat includes shallow wetlands and wet meadows in broad river valleys, along lake edges, and in lowland steppes or mixed forest steppe areas. White-naped Cranes nest, roost, and feed in shallow wetlands and along wetland edges, foraging in adjacent grasslands or farmlands. During migration and on their wintering grounds, they use rice paddies, mudflats, other wetlands arid agricultural fields. White-naped

The White-naped Crane is often found in the company of other crane species, including Red-crowned, Hooded, Demoiselle, and Eurasian

Mated pairs of cranes, including White-naped Cranes, engage in unison calling, which is a complex and extended series of coordinated calls. The birds stand in a specific posture, usually with their heads thrown back

In White-naped Cranes, the female initiates the display and utters two calls for each male call. The male always lifts up his wings over his back during the unison call while the female keeps her wings folded at her

All cranes engage in dancing, which includes various behaviors such as bowing, jumping, running, stick or grass tossing, and wing flapping. Dancing can occur at any age and is commonly associated with courtship; however, it is generally believed to be a normal part of motor development for cranes and can serve to thwart aggression, relieve

Nests are mounds of dried sedges and grasses in open wetlands. Females usually lay two eggs and incubation (by both sexes) lasts 28-32 days. The male takes the primary role in defending the nest against possible danger. Chicks fledge (first flight) at 70-75 days.

Sans serif font; white background; left-aligned; seven paragraphs instead of three

And finally, let's revise it by reorganizing, letting go of words, putting in bold headings, and adding a picture. The page may grow a little longer, but isn't it more inviting and easier to get the information?

White-naped Cranes - Grus vipio

Breeding Area

Northeastern Mongolia Northeastern China

Adjacent areas of southeastern Russia. Habitat

Shallow wetlands and along wetland edges, foraging in adjacent grasslands orfaimlands.

During migration and on their wintering grounds.White-naped Cranes use rice paddies, mudflats, other wetlands and agricultural fields.

Breeding habitat includes shatter;, wetlands and wet meadows ft broad river valleys, along lake edges, and in lowland steppes or mixed forest steppe areas.

Nests

Mounds of dried sedges and grasses in open wetlands.

Eggs

Usually two.

Nesting behavior

Both sexes incubate the eggs, which hatch in 28-32 days. The male takes the primar.' role in defending the nest against possible danger. Chides fledge (first flight; at 70-75 days.

White-naped Cranes are often round with other crane species The A'hite-naped Crane is often found ft the company of other crane species, including Red-crowned. Hooded, Demoiselle, and Eurasian Cranes

White-naped Cranes dance, as do other cranes

All cranes engage in dancing, which in dudes various behaviors such as bowing, jumping, running, stick or grass tossing, and wing flapping. Dancing is commonly associated with courtship: but it can occur at any age. Danong is generally believed to be a normal part of motor development for cranes and can serve to thwart aggression, relieve tension, and strength the pair bond.

Mated cranes call and display

Mated .\hite-naped Cranes, like other crane pairs, engage in unison calling, which is a complex and extended series of coordinated calls. The birds stand in a spedfic posture, usually wit) their heads thrown back and beaks skjward during the display.

In White-naped Cranes, the female initiates the display and utters two calls for each male cal The male akvatys lifts up his wings over his back during the unison call whie thefemale keeps her wings folded at her sides.

Crane

SUMMARIZING CHAPTER 7

Here are key messages from Chapter 7:

• Make the page elements obvious, using patterns and alignment.

• Consider the entire site when planning the design.

- Plan a consistent design across the web site.

- Understand the process that moves from plan to launch.

- Integrate content and design from the beginning.

• Work with templates.

• Use space effectively. Keep active space in your content.

- Understand passive space and active space.

- For your web content, focus on active space.

• Beware of false bottoms.

• Set a sans serif font as the default.

- The research with paper that said serif is best is very old and does not apply to web sites.

- The new research on the web has mixed results for reading speed and comprehension, but people prefer sans serif.

• Think broadly about users and their situations when setting type size.

- Set the default large enough for your site visitors.

- Adjust your content so that you can use large enough type and get your message into the space you have.

- Let people choose their own text size.

- Make all the text adjust, not just the main content area.

• Use a fluid layout with a medium line length as default.

• Don't underline anything but links. Use italics sparingly.

• Provide good contrast between text and background.

- Keep the background clear so that the text is readable.

- Keep the background light and the text dark.

- Use light text on a dark background sparingly.

• Think about all your site visitors as you choose colors.

- Think about the cultural meaning of colors.

- Check your colors to avoid problems for color-blind users.

0 0

Post a comment