UX Design Process Step-by-Step

UX has been around us officially from 2007, since the first iPhone, but the truth is that it’s everywhere, it’s in the way we open a bottle to drink it’s in the way we eat, even in driving, the experience is everywhere you look. Just to be aligned, today the official definition of UX is:

“Is the process of manipulating user behavior through usability, usefulness, and desirability provided in the interaction with a product”

In this article, we’re going to focus on the process of UX design. Once you’ve finished reading, you’ll come to realize that UX design is extremely versatile which makes it even more challenging and exciting. You’ll also learn to research and design right. The more you’ll practice you will continue to evolve in this field.

The UX process main steps

1. Research

When we work based on assumptions or just on our own experience, this means that we are neither objective nor for our target customers. User research gives us the data we need to begin building the product. We can’t proceed without that information, it’s a fundamental part of UX.

Understand the Problem

In order to provide a solution, we need first to identify and define the problem. We can understand our customer’s problems only if we will build a strong personal relationship with them. Putting yourself in other people’s shoes is essential in UX design, our job is to learn why they behave the way they are and not try to change that behavior or influence it, but accommodate it within the product.

Discovery

1. Internal discovery With CSMs, Sales, and Solutions.
2. Customers discovery UX questions: What is a success for you?…
3. Data discovery For example: Fullstory, Google analytics. Discover how active users are doing something.

Visual Research

1. Competition
2. Industry benchmark For example: Google, Salesforce, Looker, Wix…
3. Your company How you currently do that, do you want to do the same or not? make sure that you are aware of that before you make any decision.

2. Design

Design a visual look or a shape given to a certain object it can be with wireframing with a simple pencil sketch on a piece of paper or create UX schema, which can later digitize to create a prototype to add more detailed specifications.

Wireframing

Wireframing is truly an essential part of the UX process. The process will enable you not only make sure your team is on the same page, but it also allows you to test and gather feedback at an early stage before deep diving into visual design.

1. Simple feature Quick sketch on a piece of paper.
2. Complex feature Schema of user flow in order to cover all use cases.

Prototyping

1. User Flow In this stage, you need to cover all the flows of the user (errors, edge cases, different stats, for example, empty stats).
2. MicroCopy Sync with the product to built the prototype with the right copy from the start.
3. Mockups Upload All the prototyping should be uploaded into one place so you will able to test them later.

Usability Test

1. Usability goal Define up to two goals per test.
2. Customers meeting 1:1 Schedule 3–5 meetings.
3. Remote Test Send remote testing to as many people as you can.
4. Summarize usability in PPT so you will be ready to present this to the product team.

3. Analyze

How do you know that all the work you have done until this point is the right one? basically no one can tell you if you succeed with the feature, only the data can tell you that. so you need to ask yourself how do I measure success in UX? once you will cover that question you are on the right path…

“Design is not just what it looks like and feels like. Design is how it works” Steve Jobs

Why Should We Analyze?

Slowly but surely, most companies have arrived in the 21st century and collect large amounts of data every day. However, by no means all data is relevant. The real measurement that effectively “move the needle” is UX KPI (key performance indicator).

What is UX KPI?

User experience metrics are a bit different than product metrics because they reflect human behavior and attitude. This kind of information is a bit difficult to turn into numbers, but on the other hand, UX KPIs provide great insight into the size and magnitude of usability issues and help to easily track their changes through time.

Define UX KPIs

1. Task success rate The level to which users are able to successfully complete tasks using the product. success equals 90%+
2. Time on task Depends on the task, This KPI describes the time (in minutes and seconds) that a user needs to complete a task successfully. The average time-on-task is usually communicated as the final UX KPI.
3. User error rate (# How to tickets) Errors can tell you how many mistakes were made the higher the mistakes score, the higher the number of usability problems.
4. Experience satisfaction score It’s calculated by asking a question, such as “How satisfied were you with your experience?” There’s a corresponding survey scale, which can be 1–5 … This makes it easier to find potential bottlenecks and improve the customer experience.
5. Awareness scale You need to ask yourself how often do customers give a product a second chance if their first experience was a bad experience?

Launch to production

1. Pixel perfect
2. Test UX (if you can do A/B testing)

Post-launch

1. Check for recorded sessions (screens behavior) of your users to see if they behave the way you want them to.
2. Check In-App feedback
3. Collect insights from the data (continue to track your KPIs)

Rap up of all the UX process steps

How this process will benefit to your company

1. Increase conversion rate
2. Customer retention
3. Customer recommendation
4. Reduce support tickets
5. Unnecessary development

Good Luck in the process! hope you will shine ✨ If you have any questions? Say hi ddaalliitt@gmail.com