/
Design process

How to Find and Fix UX Issues Early So You Don’t Lose Users

8

mins to read

Imagine your microwave oven is broken. You buy a new one, and it gets broken again. After throwing your fifth microwave in the garbage bin, you decide to invite an electrician, who discovers that the cause was the poor electric wiring. The good news is, you finally got your wiring fixed. The bad news, you wasted money on five ovens.

A similar thing happens in UX design. When product owners feel that something is not working right, they often decide to make a redesign. But a new look does not guarantee that the underlying problems disappear. Often, they stay and continue frustrating users.

A more efficient method, in this case, is to find UX issues in design and fix them topically, without a full revamp. We can say this for sure, as we’re a SaaS design agency, and fixing bad UX designs is our job. 

Many clients come to us with a request for redesign, but in the process of communication, we discover that there might be faster and cheaper solutions to their problems. And in this article, we’ll give you an idea of how it works.

How to find UX issues?

Finding UX design issues is the first step on a way to UX design problem-solving. There is a number of tools that can be used to detect these issues, or frictions, as we call them. The word “friction” is quite self-descriptive: it’s that feeling that a user has when the product is not designed in the most comfortable way.

Some of these UX research methods, such as user interviews and usability testing, can be run by product owners themselves. On the contrary, methods like UX audit need a person from outside with proper qualifications, a UX professional who is not familiar with the product and can look at your product with a “fresh pair of eyes”.

Usability testing

During usability testing, a researcher follows a group of users while they are performing tasks with the product. It also includes asking questions to understand the motives of the actions. By observing users, the researcher sees where they experience problems, make errors, or get lost. The research can be qualitative, as well as quantitative, and measure a range of usability metrics.

User shadowing

This method may seem similar to usability testing, but there are some critical differences. Shadowing is done in the “natural habitat”, so that the usage situations are not “staged”. User shadowing requires more time and resources from a researcher, but the results can show a wider scope than usability testing.

User interviews

This research method is more subject to biases as the researcher has to rely on what users tell about their experience instead of direct observation. Still, it is a very common tool that brings valuable insights not only to UX professionals, but also to marketing, customer success, and sales departments.

Customer support insights

Sometimes it is hard for designers to get to talk directly to the users, especially when talking about an outsourced team. However, there are people whose full-time job is to talk to users about the problems they encounter while using the product. The customer success team must be the designers’ best friends. They can provide accurate data on what places in the product make users stuck. 

Analytics

The good thing about analytics is that this tool has little bias in itself, as we’re talking about pure data. Hotjar and Google Analytics don’t flatter designers to make them feel better. 

The challenge with analytics is that its efficiency depends totally on the person who does the analysis. For instance, the analytics show clearly which pages cause users to abandon the task. But what is the reason? That’s the question for researchers to answer.

UX audit

This is Eleken’s ultimate tool when we start working with a new client who finds their existing design unsatisfying. Our designer scans through the product and evaluates every part of it according to the basic requirements of a good design following the heuristics of good design.

As a result, we prepare a UX audit report. In our work, it is typically a presentation of all UX design issues our designers found in the product, suggesting a fix to each of them.

UX audit example

The process of detecting and prioritizing UX issues

It’s always good to have more than one source to find UX issues. The process of working with UX design problems and solutions is not as simple as “find and fix”. Let me explain it using the example Acadeum, an eLearning app we redesigned for our client.

First of all, our designers went through user flows and highlighted the questionable areas. All the problems were listed on post-its in Figma and later discussed with the product team.

detecting UX issues and asking questions

Apart from the UX audit, we also had access to recordings of several in-depth interviews with Acadeum users that we listened to. After that, our designers spoke to the customer support officer, the ultimate expert in users’ troubles. Together, they went through the app again and noted all the areas that were causing difficulties for users.

So, we ended up with a huge list of issues. To make sense of them, our designers sorted them by jobs-to-be-done. On the right side, we placed suggestions of solutions for each one.

Jobs - Pain points - Pain relievers

So, now that we had the problem/solution table, it all seemed perfect… But in the real world, it’s not as easy as taking all of them and changing them at once. There are timing issues, tech demands, and so on.

The solutions had to be prioritized. To do that, we held a workshop with the product team, where we placed all the cards on the Impact/Effort prioritization matrix. At this point, it became clear what must be done first and what could be postponed.

Solutions sorted by important/Nice to have, Likely/Unlikely

Sometimes, when you try to fix every little issue, you lose precious time while trying to reach the stealing perfection. Prioritization helped us to fit into the tight deadline and finish the Acadeum redesign in three months. If you want to learn more about UX problem-solving process, read the full case study.

The two most common questions about UX issues are: “how to identify UX problems” and “how to solve UX problems”. Now that we have answered the first one, let’s move to the next.

In our work, we face all sorts of UX design problems. Examples range from complicated navigation to confusing fonts. The issues described below will give you an overview of the things we work with daily.

Long and confusing fill-in forms

Let’s take as an example a case of one of our clients, Ricochet360, a CRM system.  Here is what the “add a new lead” screen looked like: 30 fields and no hints on how to fill them in.

Ricochet360. Add a new lead screen with 30 fields

Issue: no indication of data format.

Some fields like “phone number” can be entered in many different ways: with spaces, hyphens, brackets, country codes… It causes confusion for the user and complications for the data storage system.

Solution: unify the data format and give hints right in the field.

Fixed UX issues: fields highlighted in red and with asterisks

Issue: the form is too big to grasp.

Do users have to fill all 30 fields every time? Can they easily find the most essential ones?

Solutions: a red asterisk was added next to all the required fields. The most commonly used fields were shown on the screen, while the rest less frequently used were hidden behind the “Additional information” drop-down.

Redesigned screen Ricochet360

Flawed filtering systems

Filtering is an essential feature in apps dealing with large volumes of data. Oftentimes, a small improvement in filtering results in a huge improvement in user experience. That’s the first thing we fixed in Enroly, a student engagement product that hired us for a redesign.

Big table, filter button invisible

Issue: The filter button was not visible

Solution: Remove it from the “search” menu and put it at the top of the screen along with the Search field.

Enroly redesigned. Filter button added

Issue: Long list of filters that is hard to scan through

Enroly with a long list of filters

Solution: Split filters into groups by meaning.

Filters divided into groups: Student, ffers, Engagement, Finance

Issue: Filtering tags were layering one on top of another, thus minimizing the working area.

Filters in two lines, taking too much space

Solution: Place the tags in one row.

Tags placed in one long row

We also tried to simplify the usage of filters by anticipating users' actions to minimize possible errors. For example, in the previous design, users had to enter nationality manually if they wanted to filter students by this characteristic. A simple typo could ruin the search. To prevent this, we created a drop-down list of all nationalities which can be scrolled or chosen after the typing has started.

The story of Enroly shows us the exciting world of filtering design.

Cluttered screens

For mapping services, the amount of information that has to be fitted into one screen is one of the main challenges. We had worked with complex mapping products like Involi and Astraea which contain lots of data.

Issue: Side panels take too much space and the map becomes small

Solution: Add a “Hide side menu” button to close and open the side menu when needed.

A map with side menus that can be hidden

Issue: The numerous objects on the map look the same and affect readability.

map with many overlaying objects

Solution: Differentiate the objects (receivers) by color: green for “working”, yellow for “selected”, red for “error”, and grey for “disabled”.

Map with receivers marked with different colors

Bottom line, or how to fix UX issues fast and effectively

Sometimes UX issues are simple and easy to fix. And sometimes, it is the structure of a product that makes the product so complicated to use. In the former case, cosmetic changes are enough, in the latter case, fundamental work is needed to overhaul the structure.

Some issues are ruining the success of your product, while others barely impact anything and are only noticeable to perfectionist designers. 

Overall, there are numerous ways of dealing with UX issues, but there is one golden rule: the earlier you find them, the better.

It means that you don’t have to wait until your churn rate grows to an unsustainable level and the customer support officer burns out from an excessive amount of tickets. Start with finding UX professionals who can have a fresh look at your product and ask them for an audit. At Eleken, we can analyze your product during our 3-day trial and present the issues and suggestions for you to later decide whether you want to us lend you a helping hand or not.

Sounds interesting? Schedule a call and we’ll tell you how to find the top UX issues of your app.

Masha Panchenko

Author

Table of contents

Don't want to miss anything?

Get weekly updates on the newest design stories, case studies and tips right in your mailbox.

Success!

Your email has been submitted successfully. Check your email for first article we’ve sent you.

Oops! Something went wrong while submitting the form.

How to Find and Fix UX Issues Early So You Don’t Lose Users

8

min to read

Table of contents
Share

Imagine your microwave oven is broken. You buy a new one, and it gets broken again. After throwing your fifth microwave in the garbage bin, you decide to invite an electrician, who discovers that the cause was the poor electric wiring. The good news is, you finally got your wiring fixed. The bad news, you wasted money on five ovens.

A similar thing happens in UX design. When product owners feel that something is not working right, they often decide to make a redesign. But a new look does not guarantee that the underlying problems disappear. Often, they stay and continue frustrating users.

A more efficient method, in this case, is to find UX issues in design and fix them topically, without a full revamp. We can say this for sure, as we’re a SaaS design agency, and fixing bad UX designs is our job. 

Many clients come to us with a request for redesign, but in the process of communication, we discover that there might be faster and cheaper solutions to their problems. And in this article, we’ll give you an idea of how it works.

How to find UX issues?

Finding UX design issues is the first step on a way to UX design problem-solving. There is a number of tools that can be used to detect these issues, or frictions, as we call them. The word “friction” is quite self-descriptive: it’s that feeling that a user has when the product is not designed in the most comfortable way.

Some of these UX research methods, such as user interviews and usability testing, can be run by product owners themselves. On the contrary, methods like UX audit need a person from outside with proper qualifications, a UX professional who is not familiar with the product and can look at your product with a “fresh pair of eyes”.

Usability testing

During usability testing, a researcher follows a group of users while they are performing tasks with the product. It also includes asking questions to understand the motives of the actions. By observing users, the researcher sees where they experience problems, make errors, or get lost. The research can be qualitative, as well as quantitative, and measure a range of usability metrics.

User shadowing

This method may seem similar to usability testing, but there are some critical differences. Shadowing is done in the “natural habitat”, so that the usage situations are not “staged”. User shadowing requires more time and resources from a researcher, but the results can show a wider scope than usability testing.

User interviews

This research method is more subject to biases as the researcher has to rely on what users tell about their experience instead of direct observation. Still, it is a very common tool that brings valuable insights not only to UX professionals, but also to marketing, customer success, and sales departments.

Customer support insights

Sometimes it is hard for designers to get to talk directly to the users, especially when talking about an outsourced team. However, there are people whose full-time job is to talk to users about the problems they encounter while using the product. The customer success team must be the designers’ best friends. They can provide accurate data on what places in the product make users stuck. 

Analytics

The good thing about analytics is that this tool has little bias in itself, as we’re talking about pure data. Hotjar and Google Analytics don’t flatter designers to make them feel better. 

The challenge with analytics is that its efficiency depends totally on the person who does the analysis. For instance, the analytics show clearly which pages cause users to abandon the task. But what is the reason? That’s the question for researchers to answer.

UX audit

This is Eleken’s ultimate tool when we start working with a new client who finds their existing design unsatisfying. Our designer scans through the product and evaluates every part of it according to the basic requirements of a good design following the heuristics of good design.

As a result, we prepare a UX audit report. In our work, it is typically a presentation of all UX design issues our designers found in the product, suggesting a fix to each of them.

UX audit example

The process of detecting and prioritizing UX issues

It’s always good to have more than one source to find UX issues. The process of working with UX design problems and solutions is not as simple as “find and fix”. Let me explain it using the example Acadeum, an eLearning app we redesigned for our client.

First of all, our designers went through user flows and highlighted the questionable areas. All the problems were listed on post-its in Figma and later discussed with the product team.

detecting UX issues and asking questions

Apart from the UX audit, we also had access to recordings of several in-depth interviews with Acadeum users that we listened to. After that, our designers spoke to the customer support officer, the ultimate expert in users’ troubles. Together, they went through the app again and noted all the areas that were causing difficulties for users.

So, we ended up with a huge list of issues. To make sense of them, our designers sorted them by jobs-to-be-done. On the right side, we placed suggestions of solutions for each one.

Jobs - Pain points - Pain relievers

So, now that we had the problem/solution table, it all seemed perfect… But in the real world, it’s not as easy as taking all of them and changing them at once. There are timing issues, tech demands, and so on.

The solutions had to be prioritized. To do that, we held a workshop with the product team, where we placed all the cards on the Impact/Effort prioritization matrix. At this point, it became clear what must be done first and what could be postponed.

Solutions sorted by important/Nice to have, Likely/Unlikely

Sometimes, when you try to fix every little issue, you lose precious time while trying to reach the stealing perfection. Prioritization helped us to fit into the tight deadline and finish the Acadeum redesign in three months. If you want to learn more about UX problem-solving process, read the full case study.

The two most common questions about UX issues are: “how to identify UX problems” and “how to solve UX problems”. Now that we have answered the first one, let’s move to the next.

In our work, we face all sorts of UX design problems. Examples range from complicated navigation to confusing fonts. The issues described below will give you an overview of the things we work with daily.

Long and confusing fill-in forms

Let’s take as an example a case of one of our clients, Ricochet360, a CRM system.  Here is what the “add a new lead” screen looked like: 30 fields and no hints on how to fill them in.

Ricochet360. Add a new lead screen with 30 fields

Issue: no indication of data format.

Some fields like “phone number” can be entered in many different ways: with spaces, hyphens, brackets, country codes… It causes confusion for the user and complications for the data storage system.

Solution: unify the data format and give hints right in the field.

Fixed UX issues: fields highlighted in red and with asterisks

Issue: the form is too big to grasp.

Do users have to fill all 30 fields every time? Can they easily find the most essential ones?

Solutions: a red asterisk was added next to all the required fields. The most commonly used fields were shown on the screen, while the rest less frequently used were hidden behind the “Additional information” drop-down.

Redesigned screen Ricochet360

Flawed filtering systems

Filtering is an essential feature in apps dealing with large volumes of data. Oftentimes, a small improvement in filtering results in a huge improvement in user experience. That’s the first thing we fixed in Enroly, a student engagement product that hired us for a redesign.

Big table, filter button invisible

Issue: The filter button was not visible

Solution: Remove it from the “search” menu and put it at the top of the screen along with the Search field.

Enroly redesigned. Filter button added

Issue: Long list of filters that is hard to scan through

Enroly with a long list of filters

Solution: Split filters into groups by meaning.

Filters divided into groups: Student, ffers, Engagement, Finance

Issue: Filtering tags were layering one on top of another, thus minimizing the working area.

Filters in two lines, taking too much space

Solution: Place the tags in one row.

Tags placed in one long row

We also tried to simplify the usage of filters by anticipating users' actions to minimize possible errors. For example, in the previous design, users had to enter nationality manually if they wanted to filter students by this characteristic. A simple typo could ruin the search. To prevent this, we created a drop-down list of all nationalities which can be scrolled or chosen after the typing has started.

The story of Enroly shows us the exciting world of filtering design.

Cluttered screens

For mapping services, the amount of information that has to be fitted into one screen is one of the main challenges. We had worked with complex mapping products like Involi and Astraea which contain lots of data.

Issue: Side panels take too much space and the map becomes small

Solution: Add a “Hide side menu” button to close and open the side menu when needed.

A map with side menus that can be hidden

Issue: The numerous objects on the map look the same and affect readability.

map with many overlaying objects

Solution: Differentiate the objects (receivers) by color: green for “working”, yellow for “selected”, red for “error”, and grey for “disabled”.

Map with receivers marked with different colors

Bottom line, or how to fix UX issues fast and effectively

Sometimes UX issues are simple and easy to fix. And sometimes, it is the structure of a product that makes the product so complicated to use. In the former case, cosmetic changes are enough, in the latter case, fundamental work is needed to overhaul the structure.

Some issues are ruining the success of your product, while others barely impact anything and are only noticeable to perfectionist designers. 

Overall, there are numerous ways of dealing with UX issues, but there is one golden rule: the earlier you find them, the better.

It means that you don’t have to wait until your churn rate grows to an unsustainable level and the customer support officer burns out from an excessive amount of tickets. Start with finding UX professionals who can have a fresh look at your product and ask them for an audit. At Eleken, we can analyze your product during our 3-day trial and present the issues and suggestions for you to later decide whether you want to us lend you a helping hand or not.

Sounds interesting? Schedule a call and we’ll tell you how to find the top UX issues of your app.

Top Stories

Got a UI/UX project in mind?

Fill out the form, and let's chat about how we can help bring your vision to life

Success!

Your email has been submitted successfully. Check your email for first article we’ve sent you.

Oops! Something went wrong while submitting the form.
Don't want to miss anything?

Get weekly updates on the newest design stories, case studies and tips right in your mailbox.

Success!

Your email has been submitted successfully. Check your email for first article we’ve sent you.

Oops! Something went wrong while submitting the form.