During the design phase of building a website all too often we find that the end result is really nothing more than what somebody decided "looked good". In some cases it's a combination (or compromise) of what a handful of individuals have determined to be "good enough". What many fail to realize is that web design and visitor usability go hand in hand.

How the site is developed, along with the underlying coding structure, plays a significant role on whether your site meets the usability requirements of your audience. Below are a number of individual elements that must be considered in every website design. While each plays a minor role over the total usability of a website, together they add up to be much more than the sum of their parts.

Look and feel

The overall look and feel of your site must meet your target audience’s expectation. It's not enough just to look good, you will have visitors with industry specific wants and needs. Meet them.

Industry best practices

Site must be consistent with best practices and usability guidelines established by other sites in the same industry.

Design simplicity

Reduce visual noise as much as possible. Keeping the website design simplified keeps visitors interacting with your website rather than hunting through unnecessary design elements.

Searchability

Information on your site, including content, navigation, product categorization and site-search, must be clearly laid out and easy to understand and be effective at getting visitors to areas of the site they need.

Link descriptions

Adding descriptions such as link titles and alt attributes within each link can help overall usability, providing a reference to what should be expected if the visitor clicks the link. Encompassing more descriptive text within the link text is also highly valuable.

Links organized with lists

When referencing specific areas of your site and/or products all in a single paragraph, it can be beneficial to break the content into bulleted lists. This allows for easy scanning for desired information.

Breadcrumbs

Using breadcrumb menus provides an easy reference to the current page a visitor resides on, as well as their location in the overall site structure. These visual cues enhance the user's experience, even if not actually used.

Contact and support info

Links to contact, about us, and other customer support pages must be easy to find and obviously accessible to all visitors regardless of page or architectural location and obvious to access.

Font size

Font size should rarely be less than 10 points. Larger fonts are easier to read which can help gain conversions.

Font face

The Verdana font was developed specifically for web use for its ease on the eyes when viewed on a computer monitor. Serif fonts such as Times should be avoided. Also keep the number of fonts used to a minimum.

Font scalability

Allow visitors to resize the text size in their browser by using scalable rather than fixed-width fonts. This allows visitors additional convenience based on their needs.

Short sentences

Long sentences can often be difficult to follow. Sentences should be kept short (under 15 words) in order to enhance overall comprehension.

Paragraph width

Using a fixed-width website design can improve readability of content. Variable width designs cause sentence stretching, making it more difficult for the reader to maintain their place as they read.

Color usage

Important visual cues should not rely on color only. Site must be able to maintain navigation effectiveness without color dependency.

Contrast

Provide significant contrast between text, background and other elements on the page. Dark text on a light background is preferred for easy reading.

Saturated colors

Avoid the use of saturated colors. Such colors can quickly cause eye fatigue, forcing the visitor off the site looking for more browsable websites.

Animated graphics

Repetitive animated graphical content is distracting and reduces retention. Avoid any animations that don't specifically enhance the user-experience and keep visitors focused on what's important.

Action objects

Areas and objects of your website that request/require action should be visually different from other objects. Linked images and text should stand out significantly from non-linked.

Graphics, multimedia & plugins

All additional components added to the website must be more than mere eye-candy. Each graphical and multimedia addition should enhance rather than distract from the visitor's experience.

Link formatting

Standard link formatting (blue and underlined) should be used for textual links and it should be apparent when a link has been visited.

Text coloring

Standard paragraph text should not be the same color, or near the same color, as standard link text. A clear distinction should be made between the two.

White space

Site should use white space liberally and avoid cramming pages with too much information, causing unnecessary clutter.

Horizontal scrolling

Site design should never require visitors to scroll horizontally when browser is in full-screen mode. All information should be assessable with only vertical scrolling required.

Printing

Pages should be designed to provide easy-to-read documents when printed. Printer friendly pages or a print version of the CSS file should be considered.

Browser functionality

Site should not disable visitor's normal browser functionality such as right-click mouse, back button navigating, and forcing links to open in new or resized browser windows.

When it comes to improving usability to achieve higher conversions, there is no more obvious place to start than in your website design. More often than not we've seen websites undergo a complete re-design and then find their conversion rates jump overnight, without any additional traffic being brought to the website. Usability should not be an afterthought to the design process, but should be on the forefront driving the design from the ground up.

Discuss this article in the Small Business Ideas forum.


October 25, 2007





Stoney deGeyter is the President of Pole Position Marketing, a leading search engine optimization and marketing firm helping businesses grow since 1998. Stoney is a frequent speaker at website marketing conferences and has published hundreds of helpful SEO, SEM and small business articles.

If you'd like Stoney deGeyter to speak at your conference, seminar, workshop or provide in-house training to your team, contact him via his site or by phone at 866-685-3374.

Stoney pioneered the concept of Destination Search Engine Marketing which is the driving philosophy of how Pole Position Marketing helps clients expand their online presence and grow their businesses. Stoney is Associate Editor at Search Engine Guide and has written several SEO and SEM e-books including E-Marketing Performance; The Best Damn Web Marketing Checklist, Period!; Keyword Research and Selection, Destination Search Engine Marketing, and more.

Stoney has five wonderful children and spends his free time reviewing restaurants and other things to do in Canton, Ohio.





Comments(5)

You may say I am an example of this.
Thanks

Hi Stoney

Good article. Although my clients are generally very good and listen to my advice, 3 years ago I was undertaking a web design project where more than 1 person was involved.

Undertaking was the right word to use because in turn, each key contact changed the layout more than 3 times. Even after that point, the calls kept coming to add this, tweak this, etc.

The result: A corporate website (with frames!) that actually looked more like a mediocre trash can. I removed my name/link from the site on its release because I was just so ashamed at what these monsters made me produce.

Hard lessons were learned that time. Thats why never again.

"Reduce visual noise as much as possible."

This is funny, given the blinking annoying ads to the right of this article. I know it isn't the author's fault, but in context, just ironic as all get out.

Thanks for this post - we are looking at improving this site before we start promoting and your article has given us some great ideas.
Cheers
Aidan

Great post! I think these are wonderful tips for people who are new to web design. Information such as the Verdana font being developed specifically for web use can be really useful to people who know very little about web design. This really is a comprehensive and easy to understand list for new web designers!

Comments closed after 30 days to combat spam.


Search Engine Guide > Stoney deGeyter > 25 Ways to DESIGN Your Way to Higher Conversions