Tech Tips Home
The Best Tech Tips And Daily Deals
Newsletter On The Internet!

Shop online 24hrs a day or call us Mon-Fri
8:30AM-4:30PM EST - 1-800-915-2088
WorldStart Tech Tip And Store Search
Email: Password: Login Remember Me

Like what you see here? Subscribe to the Tech Tips newsletter!   Email: Subscribe

Reduce Visual Noise with Whitespace

Wednesday, July 29th, 2009 by | Filed Under: Web Design
 
Loading...


If you have a web site or a blog you can enhance readability by giving enough white space between elements (content). If you use insufficient white space, your audience may have difficulty reading the content. Insufficient whitespace results in a phenomenon called visual noise.

What is Visual Noise?
Visual noise makes it difficult for users to digest information on web pages because everything is placed too closely. The best way to explain visual noise is by looking at the following example.

image

This site is a “News” site that oozes with visual noise. Even if the content is par excellence, odds are that only the most persevering of visitors would wade through it. There is just too much happening and not enough breathing space between elements. Whitespace to the rescue!!!

Reduce Visual Noise by Using Whitespace
White space enables the reader to breath and make sense of the different elements in the web page. Now, look at the following News Site:

image

Despite it being a News site, MSNBC has done a remarkable of segregating elements by provide white space between them. This leads to a site with reduced visual noise.

Reduce Visual Noise in Submenus
The usage of whitespace is not only limited to the layout of elements in the home page, but can also be applied to submenus. Take a look at the following submenu.

image

In this case, the designer has used white space to separate options in the submenu. This is the reason why the submenu looks uncluttered. A very thin dotted line would work too. The designer could have achieved the demarcation of submenu options by having a solid line after each option. However, by doing this, the submenu might look cluttered.

Your aim should be to reduce visual noise to a minimal. Even if you site has great content, you should use white space appropriately to reduce visual noise and enhance readability.

~Rupen Sharma

Tags: , , , , , , , , , ,

Leave a Reply


Like these tips? Get them for FREE in your email!

WorldStart's Tech Tips Newsletter

  • Tech Tips Daily - Become a tech pro! Get the very best tech and computer help sent directly to your email every weekday!

  • Tech Tips Weekly - If you don't want our Tech Tips newsletter every day, then sign up for this weekly newsletter to get the best information of the week. Sent on Fridays.

Other Newsletters

  • WorldStart's Daily Deals - Every week, we send out great deals in our Daily Deals newsletter. Many of these deals are exclusively for our Daily Deals newsletter subscribers and can't be found with our regular specials.

  • Just For Grins - Each issue includes a couple clean jokes, some funny quotes, and a hilarious reader's story. Newsletter is sent five days a week.


Enter Email Address:

Subscribe

Your e-mail address is safe with us!
We only use it to send you the newsletters you request. It is NEVER disclosed to a third party for any reason, ever! Plus, if you decided you don't like our newsletters (don't worry, you'll love them), unsubscribing is fast and easy.

Free Newsletter Signup



Tech Tips Daily

Become a tech pro! Get the very best tech and computer help sent directly to your email every weekday!

Tech Tips Weekly

The week's best in tech and computer help. Get your issue sent to your email every Friday!

WorldStart's Daily Deals

The very best deals on the Internet! Get a new set of incredible sales every day of the week!

Just For Grins

Clean jokes, funny quotes, and hilarious comics. Sent 5 times a week straight to your email.


Subscribe


Love Worldstart? Refer A Friend!

WorldStart's Premium Membership

Tip Archive


Categories:
Archives: