Archive for February, 2008

Top Ten Web Design Mistakes

February 28, 2008

And, there are many, however, the top ten web design mistakes just happen to be:

Bad Search

Search engines should be designed for usability and not made overly literal so they are unable to handle typos, plurals, hyphens, and other query terms variants.  Search is a user’s lifeline when navigation fails.  While, advanced search sometimes helps, it is the simple search that usually works best presented as a simple box, as that is what users are looking for.

PDF Files for Online Reading

Forget using PDF format for web designs, not only do they irritate but they also break the flow while browsing.  Even simple things like printing or saving documents are made difficult, since standard browser commands don’t work. 

 Not Changing the Colour of Visited Links

Links are a key factor in navigation processes.  Ensure visited and unvisited links have different colours so users are able to tell the difference between visited and unvisited links. 

Non-Scannable Text

A wall of text is deadly for an interactive experience, boring and painful to read.  It should be written with online not print in mind, drawing users into the text and supporting scannability with the following well-documented tricks of the trade:

  • Sub-heads
  • Bulleted lists
  • Highlighted keywords
  • Short paragraphs
  • Inverted pyramid
  • A simple writing style, and
  • De-fluffed language devoid of marketese. 

Fixed Font Size

Forget using CSS style sheets which unfortunately give websites the power to disable a Web browser’s ’change font size’ button and specify a fixed font size.  About 95% of the time, this fixed size is tiny, reducing readability significantly for most people over the age of 40.  Respect user preferences, letting them resize text as needed.  As well, specify font sizes in relative terms, not as an absolute number of pixels. 

Page Titles With Low Search Engine Visibility

Search is the most important way users discover websites. Search is also one of the most important ways users find their way around individual websites. The humble page title is your main tool to attract new visitors from search listings and to help your existing users to locate the specific pages that they need. 

For your homepage, begin the with the company name, followed by a brief description of the site.  For pages other than the homepage, start the title with a few of the most salient information-carrying words that describe the specifics of what users will find on that page.

Anything That Looks Like an Advertisement

Selective attention is very powerful, therefore, it is best to avoid any designs that look like advertisements, such as, banner ads, avid animation or blinking or flashing text, pop-up purges, etc.

Design Conventions

Consistency is one of the most powerful usability principles: when things always behave the same, users don’t have to worry about what will happen.  The more users’ expectations prove right, the more they will feel in control of the system and the more they will like it. 

Opening New Browser Windows

Opening up new browser windows is like a vacuum cleaner sales person who starts a visit by emptying an ash tray on the customer’s carpet.  Designers open new browser windows on the theory that it keeps users on their site.  The strategy is self-defeating since it disables the Back button which is the normal way users return to previous sites. 

Not Answering User Questions

The ultimate failure of a website is to fail to provide the information users are looking for.  Sometimes the answer is simply not there and a sale is lost because users assume your product or service doesn’t meet their needs, as there are no specifics.  Other times the specifics are buried under a thick layer of marketese and bland slogans.  Since users don’t have time to read everything, such hidden info might almost as well not be there. 

The worst example of not answering users’ questions is to avoid listing the price of products and services.

Web Designs To Get Attention

February 13, 2008

Designing a website is all about making an instant impact, grabbing attention, holding it long enough for visitors to the site bookmark it for future visits.  Possible, more than possible, but only if a web page has been designed to capture the eye of the beholder, and there are many ways to do so, the most common being to change a headline’s font size.  For example, doubling your banner headline font size from 20px to 48px, is enough to highlight the message you wish to convey.

 “I want you to read my message” doesn’t have the impact as “I WANT YOU TO READ MY MESSAGE”. 

Typography Gets The Attention

Using typography by changing font sizes to get attention is not a new bag of tricks.  However, before making your headlines 48px or larger, a few simple rules have to be followed. 

  1. Ask yourself if it’s really important.  Announcing a 30% off book sale might be important for avid readers, but the huge font size may act as a turn-off for others.
  2. It also depends on the standard font size used on your web page.  If, everything is in 20 pt. and your headline is in 30 pt., there is no noticeable difference.  However, 8 pt. text and a 16 pt. headline makes all the difference.
  3. Set down a font size standard for all company events that may trigger and increase in headline size.  But, changing the font size is not the only way to get attention.  Play with the font e.g.
  •  For emphasis switch from Arial (family) to Arial Black (family).
  • Use a colour that attracts attention e.g. red.
  • Change the style or weight of text by italicising or making it bold.

Other Ways to Get Attention

There are other ways apart from changing the font size or colour to get attention, such as: 

  1. Images / Graphics:  Always, attention-getters, the correct images and graphics enhance and emphasise the message your words are trying to convey.  Since, people are visual, the aphorism ‘a picture says a thousand words’ has never been truer.  See Google, and you will see that it uses pictures to emphasize various holidays and events.
  2. Layout: Completely change the layout of your web page to attract attention to an event, just as Amazon did by replacing their front page with a letter from its President, thanking customers for their loyalty.
  3. Animation: Use animation instead of flat images to attract attention.  Many web designers use this in splash pages to showcase their skills and make their site more interesting.

 Within Limits

However, it is easy to go overboard with these techniques.  If, every other line of your site is bolded or in red or is blinking, then nothing will stand out.  Be discreet when using these techniques, as announcing 30% off for a book sale with the same intensity as a newspaper announcing a murder, war or robbery, will only drive away visitors to your site.  Adopt a ‘less is more approach’ for a even-handed outcome.