Home  >  Article  >  What is the difference between ux and ui design

What is the difference between ux and ui design

青灯夜游
青灯夜游Original
2022-09-27 15:52:3313989browse

The difference between UX and UI design: 1. UX makes the interface easier to use, and UI makes the interface better-looking; 2. UX allows users to achieve their goals, and UI makes the interface enhance the brand sense; 3. UX core goals guide users Complete tasks, UI does not; 4. The deliverables of UI and UX are different. The output of UX includes UX experience report, function definition, function planning, project progress, etc., while the output of UI includes vision and interaction, visual design, brand design, etc. Motion design, component design, design language, etc.

What is the difference between ux and ui design

The operating environment of this tutorial: Windows 7 system, Dell G3 computer.

1. What is UI? What is UX?

1. What is UI?

A simple understanding is interface interaction.

What belongs to UI?

I think everyone is already familiar with this, that is, the interface design of the products we use every day, whether it is visual effects, brand personality, or page interaction design, all fall within the scope of UI.

Many students will ask, doesn’t interaction design belong to interaction? How is it divided into UI?

In fact, UI is the collective name for user interface design. With the development of the times, the era of pure UI has passed. Today's UI designers need to have certain interactive design capabilities in addition to mastering visual design.

The same is true for the definition of UI from the encyclopedia: responsible for the overall design of the product's interpersonal interaction, operation logic, and interface vision. As you can see from the literal meaning - user interface, in addition to the interface, it also includes the interaction between the user and the interface.

If you find it difficult to understand, a simple and crude way to understand it is UI = interactive vision.

2. What is UX?

UX We can understand it as user task process design. Today our users register a new product of ours. What are the steps required?

——Users see our product advertisements through Moments, go through the steps to reach the purchase page, and finally convert to pay. I understand these as UX.

quoted from Baidu Encyclopedia The core of UX is User experience refers to the user's subjective feelings and needs satisfaction when using and interacting with the product.

UX designers study and evaluate the user experience of a system, paying attention to the system’s ease of use, value expression, practicality, efficiency, etc.

For example: When we go to the bank's ATM to withdraw money, we see the interface and the UI design of each step of the operation data. But how to save money? How do I change my password? How to transfer money?

——The design of these processes belongs to UX design. He pays attention to whether the product is easy to use and easy to use.

I understand UX more as the expression of user behavior. UX design is the experience that users experience directly or when using services, such as feedback and the overall design of task guidance.

For example, when we went to Starbucks to buy coffee, if we met a lot of people, we had to wait in a long queue. But today, there are many people in the store when we go to the store. We can operate directly on the mobile phone and arrange the number on the mobile phone, which greatly improves the efficiency.

Then the optimization of this experience is UX work, which can change our life experience. There are many cases like this where UX changes life. For example, more and more restaurants can also make reservations through WeChat. There is no need to wait at the door of the store. You only need to follow their official account, and there will be a reservation reminder when the time comes.

3. Different perspectives for solving problems

Both UI and UX are essentially solving user problems, but they have different perspectives from different positions. UI is more about solving problems. The user's first impression is whether the design looks good or not, whether the interaction logic is reasonable or not, whether the structure is clear or not, and whether the functional hierarchical expression of the page is reasonable.

And UX is more about defining the product target process, UX is more about the depth of the product, and UI is the width of the product, both of which are important.

The Internet industry has developed for so many years, and user experience has been integrated into every aspect of our lives. Although UI and UX are essentially different, UI is more visual, and UX is more logical and systematic.

But they generally belong to the same team, but they use different skills, different tools, and different problem-solving methods - but in the end they all make our product experience better.

2. What are the differences between UI and UX?

1. UX makes the interface better to use, UI makes the interface better-looking

This sentence is easy to understand, and the value of UI designers The goal is to make our interface good-looking and in line with user aesthetic trends, and at the same time, the interaction is in line with user logic, and in line with the functional priorities that the product wants to deliver, without any major interaction principle issues.

UX makes the entire process more usable, better guides users to complete tasks, and achieve our business goals. The skills used by the two are also different.

2. UX allows users to achieve their goals, and UI allows the interface to enhance the brand sense

What is the difference between ux and ui design

UX helps products achieve product goals, very good Understand that any product today needs to have business goals. Whether it is a new product that has just been launched or an old product, it has user goals.

Take large-scale events such as 618 and Double 11 as examples: Many e-commerce companies engage in various types of marketing, so what are their business goals?

——It is GMV turnover, so the goal of UX is how to maximize GMV, which involves: the complete design of user entrance, user path and link, and the leakage of each link is should be considered in it.

What is the difference between ux and ui design

Then the UI is whether the user feels happy when using the product, without any burden of use, and is particularly friendly during the experience.

At the same time, the interface and interaction will not feel redundant. At the same time, the expression of the user interface is warm, just like the emotional expression of Google in the picture above. The UI is to build an emotional brand bridge between users and business.

3. UX core goal guides users to complete tasks, UI is not

Another different point is that UX core guides users to complete user goals and tasks.

For example, train ticket software, although its interactive visuals are terrible, but what is more important is how to help users achieve their goals. UX has a higher priority than UI. If the product cannot meet user value, it will be of no use to users. Meaning, then no matter how good the UI is, it doesn’t mean much.

This is the case for many short-lived products in history. For example, the early products such as Path and Paper had very good UI visual interaction, but they were not so perfect at the business level and UX, and they did not have very good users. value, the final page cannot escape the fate of disappearing.

4. The delivered results are different

The delivered outputs of UI and UX are also very different. The output of UX includes UX experience report, function definition, Functional planning, project schedule, concept design, needs assessment, market research, data research, usability testing, user experience map, flow chart, interactive prototype diagram, etc.

These are some products, of course, including some general ones such as reports, proposals, etc.

Everyone knows the delivery of UI, including vision and interaction, visual design, brand design, motion design, component design and design language, etc. Of course, the same is true for program report proposals.

5. Different responsibilities

Another important role of UX designers is strategy formulation and content setting, and the content of any product is the core.

Take e-commerce as an example: people, goods, places, goods are very important in content. How does this content interact with users, be accepted by users, and interact with users? UX designers play a very important role in this process. character of.

Let’s talk about UX careers in Alibaba:

  • Competitor analysis: I have said this many times on Planet, understand the other party’s business model, and recent Action;

  • User analysis: user population characteristics, data, what user stratification is like, and what are the habits in our APP;

  • Business goal dismantling: According to the business goal, what work needs to be done to complete our product, how to plan functions, and the detailed layout and functional design of the page;

  • Strategy Design: How to better help the top-level strategy achieve its goals;

  • Implementation plan: With the above mentioned, how to coordinate resources and how to promote the implementation and scheduling of the project;

  • Daily framework design and interactive prototype design are all within the scope of UX designers’ work, because they are different from UI. They are exposed to a wider range of information, and it is easier to design better structures. At the same time, users It can also be better understood;

  • Tracking feedback: User data tracking, feedback and analysis. At the same time, it is also necessary to work with developers on page burying to ensure the success of the project.

For more related knowledge, please visit the FAQ column!

The above is the detailed content of What is the difference between ux and ui design. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn