The Communication Studio LLC

Legacy Issues

Most design engagements are to "fix" an existing site.

Here are some of the most common problems I've found.

No Summary Overview

  • You are allowed (or required) to work with a broad range of attributes but are given no concise overview.
  • You have to scroll through a looooong page in order to find out what's there.
  • There are no references, no clues and no context.

Redundancy

There are several versions of the same feature.

  • They all looked similar
  • They all performed variations on the same function
  • But they each had different titles.

Inconsistency

  • You see the "same" page at different places in the service - under a different name - but it operates differently in each case.
  • Action buttons have different names and appear in different positions from page to page.
  • Terminology varies across the site.
  • Maintain consistent terminology between control label (buttons & hyperlinks) and the title of the page it invokes. The labels on buttons and hyperlinks are often contradictory, redundant, inconsistent and confusing.

Scale/Scope

  • Some choices have literally hundreds of items to choose from. But there are no filtering tools to assist in making the choice.
  • You have a slew of parsing tools cluttering up the screen - but only a few items in the list.
  • A well-designed system does not present you with an unmanageable number of choices. How often do you get beyond the first 100 items in a list? (Yes, it can happen - But that is for the most part a special case.)

Extraneousness

  • The navigation structure imposes unproductive pages and extra mouseclicks on vital processes. I'm always stunned when I encounter an index list with only one item.
  • The website structure may reflect a logical hierarchy that is inappropriate or irrelevant. It's not that it doesn't make some theoretical sense, but it doesn't reflect common sense.

Incompatibility

The legacy site maintains totally different - yet functionally incompatible - versions of a feature. This meant that you could perform certain functions on one, but not on the other.

  • different management tools
  • totally different behavior
  • totally different page layout & design

Poor Layout

Many of the pages in the legacy site are simply badly designed. Some of the most common offenses:

  • Excessive white space in the upper regions of the page wastes valuable presentation area
  • The focal information area is crammed to the bottom and overflows the page boundaries
  • Disjointed layout of data boxes
  • Distracting use of color (colorful boxes draw attention away from the focal table of information)
  • Inappropriate use of color emphasizes information that is not really important

Obscurity

  • There is often no way to tell what to do next - Provide a "look ahead" and employ reasonable assumptions about the next step.
  • A blank slate is rarely helpful - and is often a real challenge. Fill in the blanks with some of those reasonable assumptions: Even if you guess wrong 60% of the time, you've still made life easier for 40% of your users (and the 60% have some idea of what to do next).
  • Indicate where relevant tools / information / assistance might be. No need to clutter up the UI with unasked for "help", but if I need it, I should be able to invoke it quickly and easily.

Context Issues

  • Reduce the visual dominance of the menu areas relative to content area. Your focus should be on the content materials.
  • Every page should have a title that confirms what it is.
  • Every page should have visual "design clues" that let you know where you are. Employ appropriate shortcuts.
  • Break the items in the Navigation menu into sensible and manageable groups. These do not need to be labeled, but should be at the very least separated.
  • The organizational context of the selected document is often lost when you click on a document within a MegaProcess.