I know you want to make your application better and easier to use. But short of complete redesign what do you do? Even if you are starting now what do you do?

Making software that is easy to use is as much art as it is science in my opinion, so every single tip that I can find that I can use immediately is immensely useful.

Here are two things you can apply to your apps now to make them better, and they come from Brandon Walkin’s Managing UI Complexity post. I encourage you to read his whole post since it is very insightful.

1. Alignment and Visual Hierarchy

Aligning elements in a user interface to a simple, consistent grid, will go great lengths in reducing the appearance of complexity. The use of strict alignment and a thoughtfully laid out grid can turn an interface from chaotic and overwhelming to harmonious and appealing.

This is best illustrated by following screenshot that compares Microsoft Expression Blend and Adobe Lightroom:

LightroomVsExpressionBlend

Notice how vertical lines show UI complexity caused by alignment. This is something you can act upon now. Take a screenshot of your dialogs, fire up Paint or Photoshop and draw alignment lines as shown in image above. If you end up with spaghettis, you know you can improve alignment and make your UI better.

2. Visual Noise and Contrast

The amount of visual noise in an interface has a great deal of impact on the perceived complexity of the interface. And contrast plays an important role with respect to visual noise. Using lower contrast UI elements reduces visual noise which will often reduce the effective complexity of the interface, as you’ll see in the next couple of examples.

Here is screenshots that illustrates this point:

AdressBookComparrison

Important to notice is that noise created by borders for each text box control added considerable perceived complexity to the form. If you can simply by removing them and showing them on as needed basis will improve the perceived complexity.

Same applies to contrast. Here is image that also shows contrast difference between Lightroom and Expressions Blend, less contrast, less perceived complexity. Pay attention to difference in text contrast between these two:

Contrast

These are two tips you can use today to improve your UI. Go, do it! Hat-tip to Brandon.

Professional looking applications made easy with DotNetBar for WinForms, Silverlight and WPF User Interface components. Click here to find out more.

Related posts:

  1. 1981 Xerox Star 8010 User Interface
  2. 12 Tips To Speed-up Your Windows Forms Applications
  3. Unusual User Interface Design
  4. DotNetBar for WPF 5.1 Released with Multi-User Support in Schedule Control
  5. DotNetBar for WinForms Schedule Control Updates