Three Main Differences of UX And UI Design

The debates over the definitions of UX and UI have been going on for almost as long as the terms have been around. UX stands for User Experience, and UI stands for User Interface.

Clear as mud? That probably did not produce a lightbulb moment of understanding. How the end-user interfaces with something impacts their experience of the product, right?

It does not help that the terms were not coined at the same time. That is undoubtedly one of the reasons why there is so much confusion surrounding them. They were not clearly defined at inception because they were not simultaneously conceived. The term User Interface came first — around the same time computing was brought to market.

So where does that leave User Interface? Depending on whom you ask, UX and UI are either wholly separate, or they overlap, or UI is a subset of UX. How you define UX has a significant bearing on the perspective of the two terms.

One school of thought separates the terms like this:

Think of a house. The framing of the house is the physical structure — the coding. The electrical system and the plumbing and the HVAC are the functionality of the house — the user experience. The window hardware, doorknobs, faucets, and paint are how the homeowner interacts with the house and their enjoyment of it — the user interface.

In that example, the two are separate entities. They rely on each other, but there is little overlap. If UX design only relates to the functionality of the house, then UX design would need to come first, and UI design would wait to step in after UX was completed.

Another philosophy subscribes to the concept that UX is the whole enchilada — starting while the house design is still being conceived and moving fluidly through all components of building and delivering the house to the buyer or developer. In that scenario, UI design either overlaps or acts as a subset by handling the end-user interface of the faucets as part of the UX design project.

Here is what can be agreed on with little controversy:

  • Yes, the terms are related.
  • Yes, the terms can overlap.
  • No, they are not interchangeable — no matter how often people use them interchangeably.

How much does this matter? It can matter a lot.

  • A business needing a product or website designed and brought to market needs to know what services they are purchasing, whom they need to hire if they are doing it in-house and what skills that person needs to bring to the table.
  • A small firm desiring in-house UX and UI may be looking for one person to do both and end up hiring a UI designer who does not have the UX skill set or vice versa.
  • Without a clear understanding of what the two terms mean, someone wanting a website might end up hiring a firm that does not offer all the services they need or does not have the expertise to create what they are looking for.
  • A designer looking for a job could end up wasting their time applying for and even interviewing for positions that do not relate to their skill set because the person posting or hiring the position did not understand the terms.

Clearly, there is a practical need to understand the two terms. Paying attention to the UX and UI design of your product can make or break the success of a product or service.

Since Don Norman helped coin the concept of the user experience, it would be easy to accept his definition as gospel. However, it was about 20 years ago that the concept of user experience was born, and language, technology and the workforce have evolved a great deal since then.

Definitions require context, and the context of defining these terms is present day. Academia is a good place to start to clarify what the terms mean now. What are people being taught to become UX designers and UI designers?

UX Designer Key Responsibilities

  • Content/Strategy: Customer Analysis, Competitor Analysis, Product Structure/Strategy
  • Prototyping and Wireframing: Prototyping, Testing/Iteration, Development, Planning, Wireframing
  • Analytics and Execution: Coordination with Developer(s), Coordination with UI Designer(s), Analysis and Iteration, Tracking Goals and Integration

UI Designer Key Responsibilities

  • Look and Feel: Branding and Graphic Development, User Guides/Storyline, Customer Analysis, Design Research
  • Responsiveness and Interactivity: Adaptation to All Device Screen Sizes, Interactivity and Animation, Implementation with Developer, UI Prototyping, Implementation with Developer

Despite the philosophical similarities, practical application in the marketplace is very different. The three primary differences between UX and UI designers are:

1. UX deals with the purpose and functionality of the product. UI deals with the quality of the interaction that the end-user has with the product.

2. UI design has an artistic component as it relates to the design and interface with the product. It affects what the end-user sees, hears, and feels. UX has more of a social component for market research and communicating with clients to understand what their needs are.

3. UX focuses on project management and analysis through the entire phase of ideation, development, and delivery. UI has more of a technical component to produce the design components for the finished product.

UX and UI are not areas to skimp on. Regardless of the definitions and division of labour, they are both essential parts of product development and delivery. Research shows that customer experience drives revenue growth. UX and UI are an investment in the product or service. The product or service is what customers are spending money on. If spending their money does not reap the reward they are looking for, they will shift their investment to a product that does.

Whether a company is being sourced or an employee being hired, it is essential to keep in mind that both UX and UI theories and practices are dynamic in the marketplace. The question needs to be asked: How do you stay abreast of the current UX and UI theories and practices? The answer should come quickly and easily if they are engaging in any form of continuing education.

Keep in mind that these terms are still used interchangeably, and that is not likely to stop anytime soon. Do not assume that the terms are being used correctly by the person using them. Even if the person is an expert in the field, he or she may have a different philosophy regarding the division of labor between a UX and UI designer. Drill down to gain clarity. The real goal is finding out what they want. There is no need to prove people wrong or argue semantics. Language is about understanding each other. If you understand each other, that is all that matters, and both UI and UX rely on the efficiency of understanding.

Description:

What’s Code+Design+X?

It’s a Course/Book/Learning platform, about iOS design and prototyping using Sketch and Xcode.

We also specialize in UI, UX, Design, Animation, and Product Design consulting.

You can use this cheatsheet which I personally use!

You can also follow us on Facebook, Twitter, and Instagram.

Leave a Reply

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