Design World

UI vs UX: Why This Comparison Should Not Exist?

September 11 ,2019

If you are a person who loves to study and do research on web design then you must notice the comparison of “UI vs UX” or which one of them is better or more important. Or you are new to this industry and wonder the same question, let us explain everything in this very article.

But first, let’s go through some basic knowledge regarding UI and UX design. 

1. The definition of UI and UX

a. What is UI

Everything started in the 80s when computer scientists from Xerox PARC created the graphical user interface (or GUI). Thanks to this invention, end-users could interact with elements like icons, buttons, menus, etc. directly instead of using code to `communicate` with the machine.

As time passed by, personal computers became popular but the thing is, if it was difficult to use a computer, people would not buy it. Therefore, computer manufacturing companies had to design interfaces that everyone could handle. As a result, UI design became a thing.

In short, UI is the process to create everything related to interfaces of a web app or a mobile app such as text, images, buttons, CTA, etc. And a UI designer will focus on enhancing the look of the product. 

b. What is UX

User Experience (UX) design is the process to create digital products (including web apps, mobile apps, software, etc.) that are able to give users seamless experiences when using it. This process of designing will provide effective function, easy-to-use feature, and fun moments to interact with.

Furthermore, UX designers have to make sure that users will find pleasure, amusement, and good experience in what they designed.

Some UX designers from Oxford Journal Interacting with Computer have stated 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 experts agree that there is no uniform standard to define good user experience, instead, it should meet users’ needs in a specific context when they are using your websites, apps, etc.

By the way, here are some questions a UX designer should address to make sure their products are great enough in terms of user experience. 

  • Is the experience smooth and intuitive enough to use?
  • Do the navigation and its categories feel logical?
  • How will the user feel once they use the product?
  • Are these actions simple and useful to perform and carry out?

2. Why are things like “UI vs UX” is not logical? 

Nowadays, it seems the comparison between UI and UX is an endless discussion of many design bloggers. Needless to say that they are trying their best to prove UI or UX is better and more important. And sometimes, this topic implies that UX is more crucial than the other.

It sounds fair enough. However, if you really know what both terms indicate then you must realize that this battle is meaningless and is like comparing apples to oranges. Nevertheless, in case you are new to this, here are some explanations.

How about beginning with the argument that these two are equally important. Let’s take 2 simple examples to prove this one. 

The first scenario is that you design a website that has a nice UI but its UX does not serve the users well enough. In this case, visitors don’t know how to use the product and leave it really fast. As a result, this increases the bounce rate and decreases the chance of purchasing products or services from visitors.

The second one happens when your site’s UX flow is seamless but the UI is a pain in the neck. To be honest, who can bear to look through that kind of site?

So both cases won’t satisfy your user as the site will be a disaster if one factor is executed poorly. 

Secondly, comparing means these two can work without each other but again, this appears to be really wrong. Obviously, a website cannot exist without UX and UI factors. Just imagine when a button in your UI design moves to another position, this instantly affect the experience.

That argument leads to another idea that UI is a part of UX which contributes to enhance and improve the whole user experience picture with layouts, text, images, etc. So let’s end this fight now because they are non-comparable things.

If you are a trend observer, you will easily notice that UI design trends and technologies are developed with the purpose of making UX better, easier and more intuitive. In other words, we are getting UI back to its root. 

Let’s take an example from User Testing, just imagine, if a movie has a good cinematography (or UI) but ticket buyers find them boring or lame (bad experience) then it will not be considered a good one. Easy, right? 

3. The differences between UI designers a UX designers

Now you knew that “UI vs UX” is not a thing, but in fact, they are different in various ways which are:

a. Goals

UX designers’ goals

  • Make the interfaces useful
  • Help user accomplish goals easier
  • Focus on users and their journey

UI designers’ goal

  • Make the interfaces aesthetic
  • Help bond emotions from users
  • Care for the product

b. Responsibilities

UX designers’ responsibilities

  • Product research: Thanks to this stage, UX designers can build a strong base for the whole process. At the same time, they draft initial concepts, ideas, and user flows of the web or app. This is also the step where designers gather data and information to get rid of any assumptions and come to more evidence-based decisions. Conduct personas and scenarios: personas will help us understand the target users and what they want and expect while using the app or website. Besides, we can find out how users feel about the product. This way, we can get to know their expectations, potential risks, and issues. Furthermore, a persona can guide your reviewing, both when you are in the designing stage or when the product is launched. On the one hand, a scenario will describe personas’ daily activities, how your website or app works in a user’s life. Thanks to that, designers will get the explanations and context for why a user doing their activities. On the other hand, scenarios can be used in the usability testing step.
  • Design: First, UX designers to structure a product’s content and scenarios. After that, it’s time to create information architecture. The next step is to draft wireframes. If you have no idea what a wireframe is then you can see wireframes as mockups for your website/app. You will position graphic elements (icons, buttons, CTA, texts, etc.) on the wireframe.
  • Prototype: The purpose of this task is to prepare a draft version. Designers and other team members will try “touching” the design. Then, they can point out and correct existing errors and inconsistencies.

UI designers’ responsibilities

  • Design:

– Design screens, layouts, put visual patterns and design elements together logically and creatively.

– Design responsive interfaces.

– Design or choose fitting design elements.

– Build the interactivity of those design elements.

  • Collaborate: You, as a UI designer, should study and do research on the product’s business in order to know their client and end-users’ expectations as well as the industry’s current trends and best practices. Along with that, UI designers need to work with UI designers to come with personas, discuss with them the user flows. And finally, when the design stage is all done, a UI designer will deliver their works to developers, support them if there are errors or bugs related to interface design and the product’s visual.

c. Skills

UX designers’ skills:

  • UX Research
  • Information Architecture
  • Wireframing and prototyping
  • UX writing
  • User empathy
  • Interact design
  • Analytics
  • Coding
  • UX design software
  • Critical thinking

UI designers’ skills

  • UI research
  • Understanding Of UI Design Principles
  • Mobile/Responsive Designs
  • Content development
  • Communication
  • Creative thinking

However, UI designers and their UX counterparts should embrace each other’s basic knowledge to work more effectively.

We hope this article has answered all of your wonderings. Don’t forget to follow us on our Facebook, Twitter, and LinkedIn to read more articles like this.

And if you are looking for a web design house right now then stop your search because people at Designveloper are here to help you. We offer a wide range of services like web design, web development and business consulting, etc. so tell us your ideas and we will realize them for you!


Also published on

Share post on