mrc's Cup of Joe Blog

Join us in exploring the world of modern development, evolving technologies, and the art of future-proof software

Usability

Web app usability: 7 small UI elements that make a big difference

EducationIn his book, “The Tipping Point,” Malcolm Gladwell explains how it’s often the little things that make the biggest difference. We might assume that big results come from big changes, but that’s not always the case.

I think the same holds true for web application usability. Sometimes it’s the small UI elements that make the biggest impact. If your web applications frustrate or confuse users, or if you just want to improve usability, you might just need a few small changes.

Today, let’s take a closer look at web application usability–specifically focusing on those small user interface elements or concepts that make a big difference. I’ve compiled 7 simple ways to improve your web application’s usability, without performing a major overhaul.

7 web application development mistakes that kill usability

EducationNo web developer wants to create a bad user experience. Nobody sets out to make a confusing and frustrating interface that drives users away. But, the sad truth is…this happens far too often.

How often?

According to the online marketing institute, the problems caused by a poorly designed interface are substantial. The numbers indicate that:

  • 85% of users abandon a site due to poor design
  • 83% of users leave because it takes too many clicks to get what they want
  • 62% of users gave up looking for an item while shopping online
  • 40% of users never return to a site because the content was hard to use
  • 50% of sales are lost because visitors can’t find content

The fact is, usability is becoming an essential aspect of web application development. User expectations have changed. Modern end users expect to pick up a web app and understand how it works. Confusing interfaces will only frustrate users and drive them away.

However, many developers build applications which do just that. They unwittingly make development mistakes that hurt their web application’s usability. In doing so, they accidentally alienate their users.

What are these mistakes? In what ways do developers accidentally create interfaces that frustrate their users? We posed those questions to a few experts in the area of usability, and have compiled their feedback below. Here are 7 development mistakes that kill web application usability:

Tutorial: Create a pure CSS navigation menu for your web apps

EducationYou’ve heard the saying, “Don’t judge a book by it’s cover.” It’s good advice, but largely ignored. Whether consciously or subconsciously, we pass judgements based on appearance on a daily basis.

This fact is especially important in business. Studies have shown that people judge a web page/app in less than one second. What does that mean? If you’re building apps for customers or prospects, appearance can affect revenue. If you’re building for internal users, it can affect usability.

Don’t get me wrong–I’m not telling you to focus solely on appearance. I’m telling you not to ignore appearance, because like it or not, an app is judged by it’s appearance first, and usefulness second.

How can you improve your application’s appearance? There are a few ways, but one of the best and easiest way is the navigation menu. A well-designed navigation menu will improve the overall look and feel as well as the usability of the web app. If you’d like to learn a simple way to create a good-looking navigation menu using CSS, we’ve written up a tutorial, which you can find here.

For more tips on usability, this article gives a few more ideas.