mrc's Cup of Joe Blog

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

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:

1. Inconsistent approaches to common functions

“Most usability mistakes on the web involve developers forgetting that people don’t want to have to struggle to figure out how to use the interface,” explains Steven Swimmer, Web and Digital Strategy consultant at Swimmer Media. “Things that may seem obvious to a developer are not at all obvious to users. Unless your odd interface adds utility, then it’s not worth doing. If there is an odd interface that adds some utility but is misunderstood by users, you need to provide some integrated means of showing people how to use the app.”

The desire to create something “new and innovative” can become one of the biggest stumbling blocks for developers. Delivering a unique user experience, or new approaches to common functions, is more likely to confuse users than impress them. Most users won’t bother figuring out how your great new interface works, or will simply become frustrated when a seemingly common function doesn’t behave as expected. Here’s one great example:

“Users expect that commands will be the same from site to site or app to app,” says Ian Lamont, author of Twitter In 30 Minutes, Google Drive & Docs In 30 Minutes, and Dropbox In 30 Minutes. “But it doesn’t always work that way. Take Dropbox. I tell users that deleting a file in Dropbox is like trying to kill a vampire. You may think you’re deleting something by selecting a file and clicking the “Delete” key, or dragging it into the trash on your desktop. The file isn’t dead yet. The only way to drive a stake through its heart is to log on to Dropbox.com, use the “Show Deleted Files” option, and then select “Permanently Delete”. Sound complicated? Absolutely. Dropbox has reasons for setting it up this way, but it’s not intuitive, and leaves a lot of users frustrated or vulnerable.”

2. Ambiguous error messages

photo credit: cowbite via photopin cc
photo credit: cowbite via photopin cc

When a user makes a mistake, or attempts an unauthorized action, what happens? Do they receive a confusing error message, or an error message with clear advice on how to resolve the issue? In my experience, it’s typically the former. Most error messages mean nothing to the user, and provide no guidance as to the user’s next steps. The result: frustration.

“Poorly written or ambiguous error messages can be frustrating to users,” explains David Ciccarelli, CEO and co-founder Voices.com. “Don’t give the users an error number and code that means nothing to them. Instead, say “Sorry, that didn’t work. Try this instead’.”

3. Changing navigation element location

One of the most common ways developers annoy their users: They accidentally turn their applications into scavenger hunts. They place navigation elements, or essential buttons, on different places across screens…which frustrates users to no end.

“Changing where an element is located from page to page or screen to screen will cause your users to hunt for a feature,” explains Ciccarelli. “I once used an enterprise application that had the main navigational tabs change order depending on which part of the app I was in. Terribly frustrated, we ended up terminating our contract only to switch to a competitor who is often praised for good usability.”

4. Giving the user too many competing options

Your application must provide the user with a clear path. Take the screenshot below, for example. When a user logs in, the application delivers three clear options. Sure, the application is capable of many more tasks, but adding all of those options will only complicate the process for the user. Don’t focus on the application’s capabilities. Focus on the user’s goals.

The user's three main options are clearly emphasized
The user’s three main options are clearly emphasized

“While the user should be in control of the experience, too many competing options can make decisions difficult,” explains Caroline de Gruchy, an experienced web designer. “The options on a page should be mutually exclusive. I had a client who wanted three different calls to action leading to 3 very similar pages, leading back to the same information afterwards. How was the client to decide where to go? Clicking 3 separate pages that tell you the same thing wastes my time and shows no respect.”

5. Lengthy Registration process

One of the big complaints surrounding the healthcare.gov fiasco was the registration process. Users were forced to complete a lengthy registration process (that frequently failed) before they could see available healthcare plans. This is a usability no-no. If you must ask for user information before granting access, keep that info to a minimum. Lengthy registration processes will only drive away potential customers.

“Some designers/developers like to have 10 pages for a new registration,” says Jeanine Swatton, an engineer – iOS and Ruby on Rails Developer – who teaches iOS development at Silicon Valley University and UCSC Extension. “Don’t they realize that after the 2nd page, they lose the potential customer? Keep it simple – a one click sign up process asking minimal information. Allow users to add their profile later.”

Another point on this topic: Make sure you tell the user just how much time the registration process will require. Nobody wants to get started on a registration process, only to realize later that the registration form is 10 pages long and requires a half hour of their time.

6. Small clickable areas

“Because your visitors might be using a keyboard and mouse with a widescreen monitor or a smartphone with a small touch screen, you need to design your UI with both users in mind,” says Noah Nehlich, owner of Structure Studios. “Small text links can be very hard to click successfully on a mobile device, and might drive people away in frustration when they can’t reach the information they need.”

This is an issue on two levels. First, clickable areas must be as big as they appear. What does that mean? The image below highlights this issue.

clickable

You’ll notice that what appears to be a clickable button is actually a small text link inside a box. Clicking the button itself will do nothing…unless the user clicks the text. Imagine how frustrated your users will become when they repeatedly click an apparent button that doesn’t actually do anything.

Secondly, creating small clickable areas (as described above) can prove frustrating for the growing number of mobile users. These days, you must build an application that functions well on any device…which calls for links and buttons that are easily clickable on a touchscreen. Brian Maggi, Director of Product Marketing at Sencha shares a good piece of advice for making web apps usable on a mobile device:

“Design for a single thumb,” he says. “This means making UI hit zones big enough for the thumb, the fattest finger. Make related things closer in proximity too, because it’s also the shortest.”

7. Blaming negative feedback on a “fear of change”

I’m seeing a problem crop up more and more: When cloud-based software companies redesign their interface, they blame negative user feedback on a “fear of change.” While that does happen, it’s a dangerous approach to user feedback. Sometimes, interface redesigns remove features that users loved, or complicate common actions. While many users do dislike change, don’t automatically group all complaints in that bucket.

“I get the sense that some developers and UX designers are not thinking about the needs of their users when they try to follow minimalist interface ideals that seem to be the rage in San Francisco and Silicon Valley,” says Lamont. “Not everyone wants that. I think minimalist interfaces actually create more clicks and more frustration for users when the apps have a lot of functions or features. People also don’t like it when software companies make a radical change to an interface. Microsoft was criticized when it switched Office to the ribbon interface. Now a lot of Web software companies are feeling the heat.”

“I have documented one case involving Hootsuite, a popular Twitter client that recently changed a critical UX element that infuriated many paying customers. The company blamed customers’ “Fear of change” as the reason for the outcry, instead of acknowledging that the UX change had been poorly thought out in terms of its most dedicated users.”

What do you think? Would you add anything to this list? If so, feel free to share in the comments.

6 thoughts on “7 web application development mistakes that kill usability”

  1. Registration process is required for a site. But if the process is too long, means some unnecessary fields are putted in the registration process. It’s something like a irritating the user to fill the form. So the registration processes is minimal as possible as and try to put the necessary field in the registration form. Thanks for sharing this information.

    1. Hi Tony-

      In that point, I’m referring to the common practice of asking for too much user information right off the bat. For instance, many companies require that users register in order to access certain content, or use a trial version of their software. If these companies ask new users for too much information initially, they’re likely to drive away potential customers. Keep the registration process limited to only essential user information, and you’re likely to attract far more users.

      Does that answer your question?

  2. website can be successful, you must first carefully research your target audience in the specific market you’re trying to reach. Use your research as a foundation for the Web design process.targeting everyone isn’t an option. Attempting to please the masses might leave you pleasing no one. It’s best to figure out your most frequent users and focus on creating the best possible experience for them.

  3. Yes you point is right such mistakes are killing usability. Web applications need to be simple and easy and user experience need to be there.
    Mike

Comments are closed.