The Design Environment

by Kyle Mueller — Jul 28, 2008

I get anxious in certain environments. The reasons for this can vary from general disorganization, to bad lighting or clashing colors, but the biggest culprit is usually clutter. Clutter is the stuff that has no "place," doesn't belong with its surroundings, and serves little to no purpose. It's not that I'm a clean-freak, it's that I'm a designer, and I have a heightened sensitivity to things that are out of place or irrelevant. When disorder reigns, I get uneasy, anxious, even dizzy. On occasion, it gets bad enough that I feel the sudden urge to flee as quickly as possible.

Sometimes I get the same feeling when I'm surfing the web. Everyone feels this sensation to some degree, and it triggers the "fight or flight" response hard-wired into our brains (stay here and fight through this mess, or get out as fast as you can). It's no wonder most web pages are abandoned within a few seconds of viewing.

Messy versus Clean

Whether intended or not, a person's home and the way he presents it are physical manifestations of his personality just as the design and content of a corporate web site are virtual manifestations of a brand. Environments, both real and virtual, affect human perception and behavior.

Clutter comes mostly from a couple of sources. As a natural progression, a home and a web site seem to accumulate things. At the same time, they are rarely purged of non-essentials. There is also the "design by committee" effect where everyone from every department wants their information front and center. It's better to decide what is most crucial and provide easy access to the rest. In a living room, the kids' toys should be contained in a designated basket or toy chest, while on a typical corporate web site, the HR information should be kept on the HR page. Most people are not coming to the home page to look for employment.

In someone's home, a quick escape is not always easy, but on a homepage, the "back" button is just a click away. If a web site is like a house, and its pages are like rooms, and people want visitors at their homes, how do they make visitors feel comfortable enough to stay? And come back again? How do we as designers create environments to attract, comfort and retain visitors? These are the things both interior and web designers stew over.

Visual Elements: On a web site, color, typography, iconography and other imagery should be considered as carefully as an interior designer considers surfaces, furnishings and art. Are they appropriate for the target user? A site targeting "metal heads" will not appeal to its market if it is bathed in soft pastels and cutesy typefaces.

Color: There are appropriate uses of color for specific messages targeted at specific end users. Once an appropriate color palette is defined, a designer can use it to direct users to specific content, organize that content, and create an appropriate environment. Too many colors, colors that clash, or use of too much strong color can make a space feel cramped and cluttered.

Typography: Too many typefaces in one place is like cramming a room with furnishings from different eras. Stick to a theme, and visitors will be more comfortable and get a better sense of the message the type is sending.

Imagery: We have all seen web pages with the cheerful customer service woman, or the close-up of the two hands shaking - "closing the deal." This is clutter, just like the faded Matisse prints we hung on our walls in college with scotch tape. Imagery (photos, illustrations, icons) should enhance an environment by promoting a message or feeling. Imagery becomes clutter when it serves no purpose, lacks quality, or is poorly presented.

Content: A clearly defined hierarchy of information is crucial to helping users understand what a site has to offer and finding the information they seek. If too many elements are shouting at visitors (flashing, bold, large, bright....), they are likely to be overwhelmed and move on. Sites that have a clear focus and logically organize less critical messages and elements provide a more approachable environment. Information that is presented with one voice and sticks to message is more likely to keep viewers engaged and confident.

Navigation/User Feedback: A house is generally set up with its rooms in logical locations; the entry way generally does not lead to a bedroom. The same is true for a well-designed web site. If a visitor has to think about where they can click to get more information, or click through multiple pages to get to specific information, they are not likely to stick around. The best web sites clearly map out what information is available where, and lead viewers to critical content via subtle feedback, like buttons or text that highlight when the mouse travels over them.

The bottom line is "web clutter" affects a business' bottom line. It has been well documented how clutter can drain us of time, energy, and trigger stress. When considered in the realm of the Internet, cluttered web pages make finding information difficult and lead to abandonment. Web sites that are "sticky" present viewers with a comfortable and organized environment and logical organization of content that helps viewers understand what is available and where to find it. The goal is to create an organized "home" with only the necessary things in their logical places to allow customers to find what they're seeking.

Ahhh. Peace at home and on the homepage through good design.

By: Kyle Mueller
Creative Director at MUELLER design
www.muellerdesign.com

Del.icio.us Digg Technorati Blinklist Furl reddit Design Float