User experience (UX) and user interface (UI) design are two terms that are often used interchangeably, but they actually refer to two different aspects of the design process. While UX design is all about how a user interacts with a product, UI design focuses on the look and feel of the product itself.
Despite some overlap, UI and UX design each have their own distinct, unique areas of expertise.
In this blog post we’ll take a closer look at the definitions of UX and UI design, what these job roles typically entail, how to choose the right career path, and how you can get started in this highly creative career.
UX vs. UI Design: The Definitions
What is UX (User Experience) Design?
User experience design encompasses all aspects of the end-user’s interaction with the company, its services and products.
In a way, the term is self-explanatory: UX considers how a user thinks and feels about a product or service, and aims to design a solution that fits their unique needs.
User experience design is all about creating products that are easy to use and enjoyable for the people who use them. UX designers focus on how a product works and how users interact with it. They seek to create products that are both functional and user-friendly.
In order to do this, UX designers must have a deep understanding of human behavior and psychology. They use this knowledge to design products that are easy for people to use. They also conduct user research in order to understand the needs and wants of their target audience.
While there are many design methodologies, UX focuses on the user, addressing topics like:
- Usability: is it easy and efficient to use?
- Function: can you accomplish your intended goals?
- Value: does it carry enough importance, worth, or usefulness?
- Impression: is it delightful to use?
To gain answers (and solutions) to these usability questions, UX designers will often conduct user research via testing sessions and interviews to determine the best way forward.
Note: The umbrella term of “UX design” addresses both specific touchpoints of the user experience (like an individual menu link that isn’t working) and the interaction design flow as a whole.
What is UI (User Interface) Design?
User interface design, on the other hand, focuses on the visual elements of product interfaces. UI designers are responsible for everything from color palettes and typography to fine-tuning the layout and overall aesthetic.
Because of this focus on incorporating aesthetics with usability, UI designers must have a strong understanding of visual design principles. They use this knowledge to create visually appealing products that are easy and enjoyable to use, reduce cognitive load, and establish consistency within the visual elements of the product.
Ironically, although it refers to what you can see and where you interact with a product, UI design is virtually invisible when done well: every button, link, and image works together to lead the user from point A to point B. No extra thought or analysis needed.
In the mind of the user, it just works.
![An image of a UX designer screen](https://cdn.prod.website-files.com/65130e79c72ae8812db3412e/656fd896459a907b12fb149a_c0769e9cde4043e5924e94380f37ffca.webp)
How Are UI and UX Different?
Have you ever visited an absolutely beautiful website, filled with striking illustrations and the perfect balance of typography? All of those first impressions–the colors, images, and buttons–are the UI.
Now, let’s say that you’re shopping for gift cards on this stunning website. It’s time to check out and you submit your order. The dial spins, and your cart disappears without a trace. No confirmation message, nothing to indicate that the order was placed successfully. You try two more times to complete your order before giving up… only to find three separate receipts waiting for you in your inbox.
That’s bad UX.
(This is a true story, by the way, and the reason why one special friend received over $75 worth of coffee gift cards from me this year, when I’d only intended to send her $25. You’re welcome, friend.)
Essentially: while there is some overlap between these two disciplines, there are also some key differences.
Here’s a quick overview:
- UX design is all about how a user interacts with a product, while UI design focuses on the look and feel of the product.
- UX designers must have a deep understanding of human behavior and psychology, while UI designers must have a strong understanding of visual design principles.
- UX designers conduct user research in order to understand the needs and wants of their target audience, while UI designers create prototypes and mockups to test the visual design of a product.
How Do UI Design and UX Design Work Together?
In The Design of Everyday Things, Don Norman writes that:
Design is really an act of communication, which means having a deep understanding of the person with whom the designer is communicating.
In this sense, UX and UI design are two sides to the same coin. (Or, as Plato would say: the two horses pulling your chariot.) Both are (or should be) focused on empowering the user and creating a product that’s accessible. But they only succeed when they work together.
A website might have an aesthetically pleasing UI—but if it’s full of broken links and you can’t find the checkout button, the bad UX will result in no sales and irritated visitors. Likewise, an app that’s easy to navigate but lacks an aesthetic and engaging interface just isn’t going to be as pleasant to use as, say, Duolingo.
![A comparison image that shows the differences between UX and UI design](https://cdn.prod.website-files.com/65130e79c72ae8812db3412e/656fd896459a907b12fb1497_82e36493d6b9aee42f0918c92838526b.webp)
So, which one is right for you? Let’s take a closer look at the everyday tasks and responsibilities of each role to find out.
Tasks and Responsibilities
The Everyday Tasks of a UX Designer
The tasks of a UX designer can vary depending on the project, and can encompass anything from research and data analysis to design mockups. However, there are some common tasks that most UX designers will perform on a daily basis, such as:
- Establishing correct information architecture: This ensures that the most important pieces of information are seen first.
- Designing wireframes: These low-fi designs ensure that all essential elements are accounted for on any given page or screen.
- Writing microcopy text: This helps the user understand what they can expect to accomplish on any given action.
- Conducting user research: This involves conducting interviews, surveys, and focus groups with users in order to understand their needs and wants.
- Analyzing data: Once the user research has been conducted, the UX designer will need to analyze the data in order to identify patterns and insights.
- Creating personas: Personas are fictional characters that represent the different types of users that will use a product. They are created based on the data collected from user research.
- Creating user flows: User flows, or flowcharts, are diagrams that show the different steps a user will take to complete a task. They help UX designers understand how users interact with a product.
- Creating prototypes and mockups: Prototypes and mockups are used to test the visual design of a product and see how users react to it.
Read more: Guide to UX Design Job Descriptions
![A card sorting UX-UI design practice](https://cdn.prod.website-files.com/65130e79c72ae8812db3412e/656fd896459a907b12fb1474_311d3d9c33089389884070bdaee47528.webp)
The Everyday Tasks of a UI Designer
The everyday tasks of a UI designer are similar to those of a UX designer. However, there are some key differences, since UI design is a unique mix of graphic, visual, and web design skills, as well as a deep knowledge of how humans interact with their digital devices.
Throughout the course of a workday, UI-specific tasks could include:
- Creating the visual identity of a product: This includes everything from the color palette and typography to the layout and overall aesthetic. You might work closely with marketing and other teams to incorporate colors that are brand-aligned and fully accessible.
- Creating style guides: Style guides provide a set of guidelines for the visual identity of a product. They help ensure that all the elements of a product are consistent with each other.
- Establishing (or updating) a design system: A clear-cut set of UI elements will help to improve consistency across the various interfaces.
- Designing a full interface mockup: A UI designer will ensure that the website and mobile apps are fully response, and can of a website and the responsive design of mobile apps.
- Collaboration with the product team: UI designers often work closely with UX designers and the development team to ensure your design fits all requirements.