What is User Experience (UX) Design Process and Benefits

by | Jan 28, 2020 | Web Design | 0 comments

Overview

In 1995 Donald Norman gives UX Design a name

Donald Norman is the father of UX Design and the term becomes popularized after he writes „The Design of Everyday Thing” which is a kind of UX bible.

I invented the term because I thought human interface and usability were too narrow. I wanted to cover all aspects of the person’s experience with the system including industrial design graphics, the interface, the physical interaction, and the manual. Since then the term has spread widely, so much so that it is starting to lose it’s meaning.”  —-by Don Norman

 

What is User Experience Design?

UX stands for user experience design and is the process of creating products by design teams thus manipulating user behaviour through usability, relevant experiences, and accessibility.

The main role of a UX design is to be created for end-users and refers to any interaction a user may have with the brand image of the company, the services offered or the products sold.

The whole idea is to put the people first and design for the people and become over time a key part of the building and growing customer confidence.

UX designers don’t focus on creating products who sell and are usable. They also focus on other aspects of the process such as accessibility, valuable, useful and fun, too. In diagrama de mai jos puteti observa cele 7 aspecte ale user experienceiar procesul se numeste Optimizarea UX Honeycomb.

The 7 honeycombs sunt grupate in functie de interactiunea user-ului cu produsul si vom acoperi toti acesti factori (useful, usable, findable, credible, accesible, desirable and valuable) intr-un alt articol.

The Why, What and How of product used in UX design

Why is it important because involves the users’ motivations for adopting a product. A positive user experience increases brand loyalty. That translates to more profit and revenue. When business interests are not aligned with the needs of your clients, a UX designer brings value and solves this problem because he advocates for the user.

 What can I do with this product?

This is The What and it addresses utilities brought by that product to people – its functionality. The main scope of UX design is to build products that people want and will use, regardless of their nature.

 How to design this product and make it functional, for the end-user?

Finally, How is the last way it refers to the design of the functionality to be accessible and aesthetically in a pleasant way.

All designers should think and put into practice these three modules for experiences and solutions, which will bring positive results for the company and for the clients of the respective company.

What is the UX design process?

 

A UX design project can be a little elusive if you’ve never worked on it.

So I really want to take you to step by step through the process from beginning to end. So you can get an idea of what you can expect working on a project like this or coming into a company that does this sort of thing. I will say that I am not a professional UX designer.

I’ve not been trained in UX design, specifically, my background is in graphic and visual design. And so I have taken those skills and learn best practices on the job working as a UI UX designer. But if you are a purely UX designer, you may have a different take on this. And you probably have a more in-depth background than I can provide. But as someone who has UX UI experience where that’s more of a combined role, I’d like to show you my process.

1. Understand the problem

Alright, so the first step in any UX UI project is that you have to understand the problem. This means you need to meet with your clients. You’re struggling holders, you also need to understand what the business goals are and what you’re really trying to achieve with the project. You could be doing questionnaires or surveys with your client, you really need to ask them about what their pain points are?, what are they trying to solve by developing this product? And again, ultimately, what are the goals that we’re trying to achieve?

2. Research

Next, you want to do a whole lot of research a lot, you want to learn everything you can about the problem and the users that are going to be involved, the best thing to do is to sit down and talk with potential users either through an informal interview, a survey, observing them in their natural environment, that the problem and solution are going to take place in asking them as many questions as possible to really try to get inside their head. You want to understand where they’re coming from. So you can empathize with them and design a solution that’s best going to meet their needs. You’re really trying to find out who your users are, what are they hoping to achieve? What’s going to make them solve this problem the best? What are they going to look for in a solution? What do they care about and what do they not care about?

All these things can be formed into what is known as a user persona, which is a high level overview of what the typical user is like and what they’re looking for. There may be more than one persona as well. After you’ve done extensive research, you want to start coming up with the game plan.

Now, hopefully you recorded everything possible in your research phase.

3. Analyze the data

And now it’s time to analyze that data. Is there anything that sticks out to you? Is there anything that kept coming up over and over again, that you heard from potential users start to think about how can you mean both the business needs of the client or stakeholder as well as meet the user need where they’re at, you usually start with the information architecture (IA), which is basically like the hierarchy of information or content within the product. You want to make sure that the users are able to find what they’re looking for easily and that they can work through the product in a natural and easy way so they don’t get confused. Determine the best hierarchy and organization is going to make sure that your users can find what they’re looking for and you can present information that you want to present them with at the right time.

 

User flow or Workflow

Once you have that information architecture it’s now time to start thinking about the user flow or workflow. This is how the user is going to go from point A to point B in the system, how those pieces are going to interact and the different workflows they may take to achieve different goals.

 

Sketching or wireframing

Next, you want to start to form your ideas using simple rough sketches known as wireframes. This is to start coming up with the blueprint of the design. So think of it more as a rough layout rather than a fully polished design. At this point, you want to make sure that you’re getting your idea across enough that that idea can be explained and shared with others to get feedback and so on without having it look too polished. There are a lot of tools out there for creating wireframes but you can use a simple pen and paper people use things called actra balsamic. You can even use sketch or Illustrator a lot of these tools are helpful because they allow you to get a wireframe up quickly. And they allow you to set up interactions within the wireframe so you can start testing out this idea with your users getting into the user’s hands as soon as possible. It’s going to make sure that your idea is solid before you spend too much time on the final product.

 

 User testing of Prototypes

If you are a purely UX designer, this is a stage where you heavily test your wireframes. With users, you observe how they use it. Do they get confused? Are they not finding what you’re wanting them to find? Are they getting lost? Ideally, you would test the wireframes out with real users and get their feedback and continually iterate and refine the wireframe until you’re in a good spot with it. And you can hand it off to the UI designer. And again, you want to make sure that you’re meeting the user’s needs while still meeting the business goal of the product.

 

4. UI Design or Visual Design

Once the wireframes in a great spot, it’s ready to be handed over to the UI or visual designer at this stage, we start building out the visual design system. This is big picture visuals, things like color palette, type autography styles, button styles, common element designs that are going to be repeated throughout the product and so on. You want to make sure that you can nail down the look and feel of the product before spending too much time in a design similar to wireframes. a style guide or sometimes known as a style tile or mood board can give you something to present to your users or your stakeholders to make sure you’re on the right track.

You want to make sure you’re capturing the overall vibe of the design that you want to have, whether that’s clean and simple, high end luxurious corporate conservative. So again, you’re not wasting time doing full design cops that are way off the mark.

Create Hi-fidelity design

Once the design direction is down, now it’s time to apply design system to the wireframes. To create a full, high fidelity design mockup the show pretty much exactly what the products going to look like. So there’s no question by the developers or your users or your stakeholders of what that final product will actually be.

5. Development

Once you have the design nice and solid. Now it’s time to hand it off to development. In some cases, a designer will also be responsible for their front end coding of the design meaning if it’s for web, HTML, CSS, and JavaScript, but in some cases, you can hand off just a pure design comp. And using a tool like InVision or zepplin. a developer can take what they need from the design and implement them to code themselves. It’s best to work with your developer at this point.

Want to make sure they’re not missing anything, or they’re not overlooking a detail on the design that you want to make sure it comes across in the final product collaboration with developers is key, I will definitely do another video on this you’ll be able to help them or they may come to you and ask for a design change to be made based on the technology they’re using.

Once the design is developed and built out, now it’s time for the design to be tested on an actual device or simulated device.

6. Testing / Quality Assurance

This is the phase called quality assurance or Question Assurece or QA. Now it is the QA’s job to test it and try to break the product as best as they can. Finding what are known as bugs so that the developer can fix them before it actually gets shipped. We do not want to have the product we spent so much time on to go out only to be buggy and broken so catching all the bugs that you can and fixing them before it’s released is super important. When everyone’s happy with the final outcome the products finally ready for launch and you can celebrate but don’t think it’s over because it’s not you should continually test and refine your product as time goes on. You may think you get a lot of feedback from users about things that they are requesting or things that aren’t coming through or confusing or broken that you didn’t notice before. Take all that feedback, continually make improvements and adjustments and your users will thank you continue to optimize the design or enhance the functionality as new needs, Arise, iterate, iterate, Eric, it’s hard to say when a product ever actually done because it could always be improved. But this is typically the time where you can sit back and enjoy the fruits of your labor until you get some more feedback from your users. And then back to the drawing board. Hopefully not the whole drawing board.

And that’s about it. So I know this was a lot. I hope this helps you get a good insight into what you can expect on the UX UI design project. You have any questions or comments, please leave them below.

About us

Omubo Design 

Hello, we are Omubo Design. A digital marketing agency based in Bucharest. Our goal is to offer our clients the best web design, development, digital marketing, and branding solutions. You can find the list of all the services we offer here.

Categories

Despre autor

Dragos Andrei

Dragos Andrei

CEO at Omubo Design

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

comentarii

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Previous Next
Close
Test Caption
Test Description goes like this
MENU

Pin It on Pinterest

Share This