The debate over the differences between UI and UX design is nothing new. Some argue that all designers should focus on both, while others argue that they should be two distinct roles performed by two different designers. There are some out there who even argue that one discipline is significantly more important than the other.

So what, exactly, does each role do? What are the differences? And is one really more important than the other? Read on to find out.

What is UX?

User experience (UX) design is less concerned with the look and feel of a site or product, and more concerned with the way that it functions and how users interact with it. That’s the key to remember: UX design is focused on the user rather than the aesthetics of the design.

UX designers focus on data surrounding how users actually use a product, website, or app. In general terms, they focus on creating a positive emotional response from users. In other words, they focus on delighting users. That requires an understanding of common design patterns and expectations as well as a healthy dose of psychology.

If a design is created without a focus on UX, it might look pretty, but users are more likely to find it lacking in some way. They’ll be frustrated with the way it functions, have trouble finishing the tasks they’re trying to complete, and be more likely to abandon the product in favor of a competitor.

While some UX designers will create pixel-perfect mockups, in many cases they create wireframes and testable prototypes to make sure that users can make sense of the flow of an app or site.

UX designers are an important part of the design process and should be involved from the discovery stage of every project.

What is UI?

Where UX designers focus on the functionality of a design, UI designers focus on the aesthetics. They want the look and feel of the site to delight users.

That doesn’t mean they disregard function, though. In order to create designs that work, UI designers are in tune with common design patterns and conventions but tend not to dive as deeply into the psychology of how a product works or makes users feel.

UI designers create the finished designs, which are then generally passed off to developers to create the finished product. They may also be involved in creating prototypes of a site or app, though sometimes at a later stage than the UX designer.

Is One More Important Than the Other?

The short answer: no.

A pretty design that doesn’t work well is going to frustrate users. And a site that’s functional but has a bare bones (or downright ugly) design may turn off a large segment of users.

UI and UX designers need to work in tandem to create a finished product that delights users both visually and functionally.

UX and UI designers each have a part to play in the design process, and while the roles are sometimes combined (especially on smaller projects), it’s preferable if different people are tasked with each role. This ensures that there is someone focused solely on the functional experience, and someone on the visual experience.

Infographic: UI vs UX - Explore the Core Differences.

• • •

Further reading on the Toptal Design Blog:

Understanding the Basics

How do you define UX?

In general terms, UX is about creating a positive emotional response from users. In other words, it focuses on delighting users. That requires an understanding of common design patterns and expectations as well as a healthy dose of psychology.

Hiring? Meet the Top 10 Freelance UI Designers for Hire in February 2019
Don't miss out.
Get the latest updates first.
No spam. Just great articles & insights.
Don't miss out.
Get the latest updates first.
Thank you for subscribing!
Check your inbox to confirm subscription. You'll start receiving posts after you confirm.


Great post! But the UX should be on the left of this infographic, like you said the UX designer will be a bit before the UI designer on the project, no?
very funny that this infographic is very hard to read.
helen wix
UI is a part of UX. In one sentence - UX is research, define, design, prototype, test. UI is the step of "design".
Raghunandna Rao
Great Minimal copy & Great Info graphic to understand Ux/Ui
Erik Gloor
I always appreciate it when anyone offers a valid distinction between these two disciplines. And the graphic isn't wrong. However, I think it's somewhat misleading to compare them side-by-side. UI Design is rightfully viewed as a COMPONENT of an effective UX Design. Just as all plastic surgeons are surgeons, it would be strange to draw a distinction between plastic surgeons and surgery. It would be more apt to draw a distinction between plastic surgeons and heart surgeons. In the Venn Diagram of UX Design, UX is the largest, outermost circle and UI or Visual Design is a circle within it, alongside many others. I usually direct people to this amazing graphic:
Erik Gloor
Would you agree UI Design and Interaction Design can be created by two discrete designers? If so, perhaps you'd agree UI/Visual Design may not entirely encompass the Design step. In my most recent role, I would wireframe and prototype, but our visual designer would take these and generate pixel-perfect comprehensive layouts. The workflow wouldn't change -- he was just applying our aesthetic to the low-fi screens I had provided.
helen wix
I agree with you.
Ashish Dhakal
Rahul Sharma
Hey, You have done really amazing UI for this infographic that represents difference between UI and UX. Thank you so much!
Medhat Mekky
<b>UX is not (only) UI</b>. Swapping UX with UI, as if the two are the same, is a common mistake. User Interface is the space where interactions between humans and a product occur, while User Experience is an emotional outcome after interactions with a product.
Medhat Mekky
If you liked me post, you could read my full article on Medium:
comments powered by Disqus