One common mistake in designing a web site is trying to fill up every itty bitty bit of space with something – whether it be information, pictures or advertisements.
I’ve found this especially holds true when the layout contains several vertical columns. Too often, the designer or the client become obsessed with filling up the length of each column in order to make them align at the bottom of the page. Their mentality is that the space is there, therefore, it should be put to good use.
The result, however, is not a pleasing, easy-on-your-eyes design, but a web site that looks cluttered and overwhelming. The web site visitor doesn’t know what to focus on because there are too many things vying for their attention. Their eyes dart over the page, anxiously looking for a place to rest and finding none.
It can be compared to a room in a home. Imagine for a moment, that you walk into a kitchen where the countertops are filled with small appliances and cluttered with utensils, dishes and cookbooks…all clean and neatly stacked, but in a state of chaos.
The floor space is cramped with tables and chairs, barstools are jammed together and pictures are tacked to every fillable space on the walls. Appealing? Not really. Is it a place that you want to hang out at? No, not at all.
Now imagine walking into a kitchen where the countertops are bare, with the exception of a few small appliances. The dishes, utensils and cookbooks are all neatly tucked away in the cupboards. A small table with several chairs adorns a corner of the room, allowing ample walking room throughout the kitchen. A single picture hangs on the wall.
Unlike the cluttered kitchen, this room evokes a sense of peace, organization and comfort. It draws you in, and it makes you feel relaxed, welcomed and “at home.”
White Space – an Important Design Principle
Empty space, known in design terms as negative space or white space (although it can be any color, not just white) , is as Martha Stewart would say, “a good thing.”
White space brings order and organization to a design. It prevents distractions by deflecting attention away from itself and towards what is important. It evokes a sense of simple elegance and increases online readability.
White space is not just allowing empty space in columns, but also consists of the empty space that surrounds blocks of text and other design elements.
A Good Example of a Web Site that Uses White Space
This web site of a Denver retaining wall builder does an excellent job of using white space:
- The left column contains a picture and the navigation – nothing else. There are no blinking advertisements or other attention-gobbling elements to steal away from the main text of the page.
- There is an ample amount of space cushioning the margins of the text and the pictures, allowing the eyes a place to rest and reducing eye strain.
- Bulleted text organizes points into easy to read chunks and are surrounded by extra white space for easy online reading.
The next time you are tempted to fill every bit of space on your web site, remember that the old adage “less is more” is a good rule to apply. Your customers will appreciate a web site that is easy on their eyes and may be more apt to stick around. And who doesn’t want a “sticky” a web site? 
