mrc's Cup of Joe Blog

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


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:

How to build applications your users will hate

EducationIT departments are often frustrated by poor application adoption. They spend months building applications for their end users, only to see low adoption rates upon completion. The very users that begged the IT department for the application don’t use it once it’s built.

Why? What causes low user adoption? What makes users dislike an application that they themselves begged the IT department to deliver?

While there’s no single answer, user adoption problems typically stem from several common mistakes. Which mistakes? We posed this question to a few experts and have included their advice (along with some actionable takeaways) below. User adoption problems usually occur when developers…

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.

6 reasons why IT projects fail

Save MoneyA successful IT project is one that is delivered on time, at or under budget, and working as originally planned. According to the Standish group, only 32% of IT projects are considered successful. Believe it or not, that’s an improvement over years past.

Why are most IT projects unsuccessful? I found a nice article entitled “Why IT projects fail” which lists 6 of the most important reasons for failure. I couldn’t agree more with the first point: Lack of user involvement. If your project will be used at all by end users, they must be involved early on. After all, a new system or application that end users can’t (or don’t want to) use is a waste of money. …