Tet

UX Design Process: What You Need To Know

 / July 11, 2019

The two terms “UX design” and “UX design process” has been around for like 100 years but most of us are still confused when hearing them. So the point of today’s article is to show you 4 important aspects of UX design:

  • The definition of UX design.
  • Why you need to focus on UX design.
  • Designveloper’s UX design process.
  • Some examples of UX design.

What is UX design?

User Experience (UX) design is the activity to create digital products (web apps, mobile apps, software, etc.) that give users seamless experiences when using it. This process of designing will provide easy-to-use, efficient, and fun moments to interact with. What’s more? UX designers have to make sure that users will find pleasure, amusement, and a good experience in what they designed.

ux design process
Image: Icon8.

All in all, the Oxford Journal Interacting with Computer has put that: “The goal of UX design in business is to improve customer satisfaction and loyalty through the utility, ease of use, and pleasure provided in the interaction with a product.”

However, many other experts agree that there is no clear standard to define a good user experience, instead, it should meet users’ needs in a specific context when they are using the web, app, etc.

As a bonus, here are some questions a UX designer should know to make sure their products are good in terms of user experience:

  • Is the experience intuitive and smooth to use?
  • Does its navigation feel logical?
  • How does the user feel when using the product?
  • Are all the actions easy and useful to perform and interact with?

Why is UX design important?

1. Reduce cost

When a UX product is done well, bugs, usability issues, or any other problems are limited. This happens due to the fact that a UX design process will focus on research, analysis, and testing all the actions.

It is said that there are only 20% of bugs found in a product are real issues. The rest 80% are usability problems and these things could be solved in the prototyping step of the UX design process.

That’s why a proper UX could save businesses hours of fixing redundant bugs, issues, and problems. And you know, time is money and no money should be spent unnecessarily.

Recommended reading: UI vs UX Design: Definition and Why This Comparison Should Not Exist?

2. Increase conversion rate

Maybe you have been in this situation before: surfed through an e-commerce site, and selected all the items you need but could not pay them with a common payment method. How annoying it was, right? So, just put yourself in users’ shoes. They will drop the cart and leave your site at once, find another supplier and probably never come back to you.

ux design process
Image: uxdesignin.be.

And this is where UX becomes vital to businesses, especially when it’s an e-commerce site or any business that depends on their online stores. If the product offers a smooth and effortless experience, more products/services are sold. 

So here are 2 ways to increase conversion by improving and enhancing your website’s UX:

  • Reduce the number of actions: the key lesson you should keep in mind is to make things perform quick. This solution will minimize the risk of frustrating your users when they cannot use the web/app as they wanted/expected. 
  • Design meaningful CTAs: a clean and clear call-to-action will dramatically increase your conversion rate. If you carefully place and draft their appearance, your CTAs are expected to be clicked on more. Our tip is that state its purpose clearly. Those “click here” buttons are too vague and unattractive. Instead, you could use content like “Sign up for free” or “Let’s start a new project together”. 

The suggested UX design process

There are a lot of factors that could affect your UX outputs, including usability, design/aesthetics, utility, performance, etc. And to make sure that these aspects won’t create any negative effect on your design, UX experts have conducted a standard UX design process which consists of 3 main steps. So, let’s dig in!

1. Research for the UX design process

Interview: It’s essential to conduct interviews with clients to consider initial requirements. However, before any meeting is held, you should use clients’ descriptions to do your own research. This may also help you come up with more brilliant ideas. At this stage, you should figure out: the problems and issues your client is trying to solve; goals; target users; competitors, etc.

Create various personas: Now that you have the set of data from the client and your own research, it’s time to create user personas, or in other words, representations of your end-users. These personas are tools that UX designers use to get familiar with their research. 

Draft storyboards: you can skip this one but if time permits, drafting storyboards could help UX designers demonstrate users’ actions, the environment in which their actions happen. 

Identify customer journey map: the customer map (or experience map) will represent steps made by users’ personas when they want to achieve something when using the site or the app. Thanks to this stage, UX designers are able to understand things such as users’ motivation, needs, and issues. This also helps designers figure out real obstacles and then solve or improve that very problem.

Recommended reading: Mobile App Design Process: How does it change in 2022?

2. Sketch

Brainstorm ideas: this is where you style your UX flows, actions, and performance. Your brainstorming meeting should be between all stakeholders such as the designer team, the product managers, and technical experts.

Interaction Map: This very map will create the flow of how the product will navigate from this screen to another. For example, would it be a box pop up on the next screen, or what button should appear now?

best ux design process
Image: UX Planet.

Draw wireframes: We could see wireframes as mockups for your website/app. They will show how elements (icons, buttons, CTA, texts, etc.) should be on the screen. Most of the time, designers will use whiteboards to sketch these. A wireframe merely includes the shape, size, and position of elements.

Evaluate and re-draw: the last stage of this step is to test and evaluate the wireframe with all involved stakeholders and rework with those having issues.

3. Design

Paper prototyping: When you have the wireframes, it’s time to test the flow with a physical version of the wireframes. The testers or any stakeholders could really tap on the page and go through all the actions. There are various ways to create paper prototypes such as using sticky notes, printing out your designs, or using hand sketches. The most important thing to focus on is how good the interaction flow is, not colors or images.

ui ux design process
Image: CareerFoundry.

High-fidelity design: this stage would take the team a ton of times since it’s time to put UX and UI design together. You will now create the appearance of the screens. Then, the development team will use that design to build the product.

Recommended reading: Top 5 Best UX/UI Design Companies

UX examples

Above is the most simple UX design process. Now let’s move on and look at some examples of good UX design and bad UX design.

1. Good UX design examples

The first good UX example is from BE app – a newly-born Vietnamese ride-hailing app. Instead of making the user find and apply promotion codes themselves, this app helps its users by automatically using the code. 

good ux design process

The next example is from Gmail. This email hosting will tell users that they need to give permission when attaching files from Google Drive. This feature will help you avoid sending the wrong files to others.

ux design process

2. Bad UX design examples

The first bad example is from a bank I am using right now. Their website’s UX is terrible since it keeps your account information (email and password) remembered on the browsers. This surely creates many chances for hackers to steal our accounts, money, and worse, data.

Another bad UX design you may meet every day is being asked for creating a super complex password. We do not only have to spend a lot of time on this but we also forget those complex passwords after several days. And then they ask us to change the password. No way. Speaking of good password requirements, Slack and Google should be the standard. 

ux design process

We at Designveloper hope this article will give you a better look at how a UX design process should be and some other terms.

Hey, don’t forget to give us your idea and we will help you estimate it. Designveloper has been on the market for 6 years now and our service has helped many businesses realize their ideas and make them come to life.

Now, let’s follow out on Facebook, Twitter, and LinkedIn so that you won’t miss any informative article like this. Cheers!

Also published on

Share post on

MỤC LỤC

CHỦ ĐỀ

ĐĂNG KÍ NGAY

Bạn có thể mail cho chúng tôi

sales@dgroup.co

Hoặc liên lạc ở Skype

@Designveloper

Hãy cho chúng tôi biết ý tưởng của bạn

Thông tin cá nhân
* Bắt buộc
Loại dự án?
* Bắt buộc
Lời nhắn
* Bắt buộc

Giữ liên hệ

Điền email của bạn vào ô dưới đây để nhận thông báo về những bài blog mới của chúng tôi hàng tuần