High-Level Web Design Blunders

Posted on

  • email
  • twitter
  • facebook
  • share this

share this



Mistakes to Avoid for Creating Award-Worthy Websites in 2012

It’s hard to believe, but many Web designers will make the same mistakes in 2012 that were being made over a decade ago.

As new brands and websites emerge, and new designers enter the work force, it is often useful to address the most common mistakes made in the presentation and organization of Web properties. Without knowing the history, how can those in the Web design industry continue to break new ground?


As the discussion regarding standards continues, design in great part will continue to rely on the aesthetic sensitivity and technical knowledge of designers themselves. Some of the most common mistakes are so basic to experienced designers, however, that they may have simply forgotten how truly important they are to the user experience. For designers who do not have as large a portfolio of experience, learning (and learning to avoid) the most common blunders will make every finished product a showpiece.

The aim of a designer should be to create a unique experience — an experience that blends creativity and functionality and does so as close to perfectly as possible. While users will be drawn to a website based on the uniqueness and originality of messaging found across the ’Net, it is the appearance and experience that designers provide which determines a user’s initial satisfaction as well as their loyalty over time. Much more goes into a successful design, of course, than element positioning and image choice — and the savviest designers are perfectly cognizant of this challenge. The path some businesses want to take still baffles many seasoned interactive professionals.

“One of the most common blunders a company can make is simply buying a website template for their design,” says Mike Sauce, founder of the Horizon Interactive Awards. “Custom designs always perform better because the right website designer can get to know a client and make the website reflect the overall feel of the company.”

Designers have a lot of responsibility to ensure that the “feel” of the company is portrayed, but also balanced with their business objectives. For example, the clarity of message communication is also the responsibility of the designer, as are the conversion paths, site structure and, in some instances, even technical/software integration. The challenges facing designers today and in 2012 are substantial, but armed with an understanding of the mistakes that other designers have made, you will be ready to create awardwinning sites in the future.

Below are a few of the most common blunders and some guidance on how to avoid them:

The Design Elements Blunder

Design elements are often so deeply integrated with the performance of a Web property that poor initial choices can wreak havoc on the user experience and do damage to revenue over the long term.

Website Magazine conducted an open-thread poll on “Web design turnoffs” with our Facebook community in October 2011, and we found that our followers are quite passionate about the subject. In the eyes of our followers, the use of audio or video that plays automatically on a site was the biggest blunder, garnering 30.4 percent of the votes from respondents. There are, of course, other egregious mistakes that many designers still make — even though we know better.

The Readability Blunder

Readability as a concept is not lost on Web users. Defined as the quality of written language that makes it easy to read and understand, readability should always be an important consideration. The challenge is in the many ways in which readability is influenced. In that same open-thread poll on Facebook, survey respondents indicated several elements which had a negative impact on readability, including “small text” and “poor link formatting.” Let’s look at these two issues in more detail:

Visited Links

Understanding where you’ve been helps you better understand where you’re going, both in life and on websites. For the Web, links are the key component in this navigation process. Knowing which links you’ve already visited keeps you from unintentionally revisiting the same page again. Designers that do not change the color of a link once it’s been clicked could cause frustration (and perhaps even disorientation) among users which will result in a poor experience for both the user and the business. Designers should take care to develop link styles that change color once the visitor has clicked on it.

Non-Scannable Text

Another challenge for designers is being forced to work with copy that is not easily readable/scannable, which can be intimidating to readers. While designers don’t have much (if any) control over the content type, they do have control over how it is presented. The use of bullet points, sub-headings, bold-print and short paragraphs make all copy more inviting, particularly as most website visitors won’t actually read everything verbatim. Web designers should have their own internal standards as to what is effective for readability as it relates to their style choices and be able to convey them to colleagues or clients as needed.

These are just some of the blunders that Web designers make today and are considered by many to be downright unforgivable. But there are others, including the heavy use of animation and JavaScript dependence, to name two more suggested by our readers. If you’re making these design mistakes on your Web property, it might just be time to have a sit-down with your design team. However, if you’re displeased with search engine visibility or the amount of conversions taking place on your site and are working with a Web designer to correct these blunders, it’s necessary to look at your own strategic choices.

 

The Optimization Blunder

While Web designers aren’t fully responsible for search engine optimization, many of the choices they make certainly influence success. For example, the use of alt tags should be present on images, microdata could be integrated into listings for events or people, and load times should be optimized — these elements all play a role in achieving Web success.

The Conversion Blunder

If there is one area of focus that all designers could spend more time on, it is that of mastering the art of positively influencing conversion. Placement and positioning of elements (along with element selection — images, add-to-cart buttons) such as calls to action and trust signals are fundamentally important to the conversion process. Understanding the objective — and the barriers to it — will ensure they can be met and overcome. Gaining access to analytics and even heat map data will show designers where users’ attention is going and provide a way to close the loop — gaining valuable feedback about design choices and the user experience along the way.

Not only must designers avoid these blunders, but also consider the impact that the design choices they make have on both the aesthetic appeal and on the underlying experience of the user, as well as the success of a Web enterprise. That is what it will take to create award-worthy websites in 2012.

 
     :: Try iContact for FREE for 30 Days! Sign up now at iContact.com ::


Login To Comment


Become a Member

Not already a part of our community? Sign up to participate in the discussion. It's free and quick.

Sign Up

8 comments

Joe Harkins 12-17-2011 6:13 AM

How ironic that under the topic of how Non-Scannable Text affects "readability" you say, "Another challenge for designers is being forced to work with copy that is not easily readable/scannable, which can be intimidating to readers."

That sentence, and every sentence in this article - and virtually every sentence on your own high end web site - is displayed between 140 and 150 characters wide.  Most readability studies support the notion that the readability of lines longer than 70 characters wide drops off in reverse ratio.

Most studies I have read on this issue make reference to the ability of the eye to jump from the far right, at the end of a line, and down to the left, to find the start of the next line.  The field of vision is a "place holder" but beyond 70 characters, too many readers have diminished capacity of this experiential developed skill.

the eye (and the brain) tire of the micro-second confusion after a period of time, with the result that the readers quits.

Fully justified text (which thankfully you do not use) raises the readability issue immensely. I too frequently encounter site owners who use multiple and long lines of fully justified text who explain that by saying, I like how neat and clean it looks."  

They apparently do not care if its difficult to read. They assume that their ideas and concepts are so compelling that it will overcome such "silly" things as the increasing difficulty of reading them.

Further, the article does not mention "legibility," a topic sometimes conflated and confused with readability.

Font style and size are the obvious issues but font color and background color are also important.  At times, when I see gray text against a black background, I wonder why - if the designers wanted to make the text totally illegible - as compared with almost totally illegible, they simply do not go directly to black text on a black background.

There are a few fundamental principles I apply to every one of the web sites I have built since I started in January of 1994.

The first and most important comes from the late Canadian expert on communication, Marshall MacLuhan (of "The medium is the message" fame.). I may not have his words accurately quoted, but his principle is profound.

"The responsibility for the effectiveness and efficiency of every message is entirely the responsibility of the sender."  

A more specific web design principle is that a visitor should be able to find anything on a site within 3 clicks.

From that, it follows that the navigation system - the menu - should constantly inform the visitor of three basic things without searching or confusion:

1) where he is at

2) where he has been

3) where he can go.

With all of those principles in mind, this is the end of my rant.

Thank you for an otherwise good article and an excellent publication.

MichaelW 12-17-2011 6:43 AM

So Mr. Perfect...where's your work so we all may critique it?

JoeH 12-17-2011 9:25 AM

That is called an "ad hominem" attack. If you have nothing useful to say about the ideas under discussion, go after the other side personally.

Most intelligent people get over it by their mid-teens. What's your  excuse. (see how ad homenim works?)

JoeH 12-17-2011 10:06 AM

Fort those who want to see examples of 70 (approx) character wide text, left justified, here are just a few of my sites . . .

http://www.worldpolicy.org (client)

http://owitchicago.org/ (client)

http://twoweeksintuscany.com (a personal travel journal)

LukeF 12-18-2011 4:43 PM

oops!

Jim Smithson - web design company 03-19-2012 3:38 AM

The effect of one small blunder can be that the user gets turned off and leaves the site without even exploring the content that he would otherwise be interested in, so every designer should take this into account when they are developing websites or interfaces.

Jon Design 05-08-2012 3:48 AM

These are all valid points that every web designer should take into account every time they work on a project. Sometimes, though, they can hem and haw and advise all they want – but at the end of the day, it’s really up to the client to decide exactly what the final outcome is. They are not totally clueless on what vision they have in their mind for their own products, but sometimes they go against all the sane and beneficial advice given by the developer. I’ve even heard a couple insist they are “thinking outside the box” and not want to be common like their competitors. Go figure…

Web Desinging 11-25-2014 2:23 AM

excellent article, high end website designing is very important for business growing so need to designing high level according to user point of view and business point of view.  

Add to the discussion!

999 E Touhy Ave
Des Plaines, IL 60018

Toll Free: 1.800.817.1518
International: 1.773.628.2779
Fax: 1.773.272.0920
Email: info@websitemagazine.com

Facebook


Twitter