Chapter I. Designing Effective Page Layouts

It can be difficult to design structured, ordered layouts for Web pages. This pattern group describes how to create layouts that your customers will find clear, predictable, and easy to understand.

<feature><title></title>

I1

GRID LAYOUT

I2

ABOVE THE FOLD

I3

CLEAR FIRST READS

I4

EXPANDING SCREEN WIDTH

I5

FIXED SCREEN WIDTH

I6

CONSISTENT SIDEBARS OF RELATED CONTENT

</feature>

Grid Layout

The Environmental Protection Agency’s Web site has a strong grid layout. The navigation bar runs along the left side, and features like Recent Additions and Search run along the top. The main content is in the center, and relevant side content is on the right.

Figure I1-1. The Environmental Protection Agency’s Web site has a strong grid layout. The navigation bar runs along the left side, and features like Recent Additions and Search run along the top. The main content is in the center, and ...

Get The Design of Sites: Patterns for Creating Winning Web Sites, Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial