UX vs. UI: What's the Difference?

 Understanding the difference between UX and UI can get confusing -- the roles work closely together, and sometimes the terms are used too ambiguously to firmly understand either one.

To understand the difference between UX and UI, let’s start with an example: YouTube.

Take a look at the YouTube home screen. Everything you’re seeing -- the search bar at the top, the “Trending” and “Subscriptions” and “History” categories on the left, the “Recommended” videos below -- is all the work of a UI designer.

At its most basic level, UI is the presentation and interactivity of a product -- where’s the sign-up button, is it easy to navigate, where’s the logo and if I click the logo where does it take me?

Download Our Free UX Research & Testing Kit

Now, imagine every YouTube video you click loads slowly. Imagine you search “cats” and nothing comes up. Imagine you can’t search account user’s by their username, so it’s hard for you to find that girl who sang an acoustic rendition of that Ed Sheeran song.

With those actions, you’re having a less-than-ideal user experience. You don’t enjoy engaging with the product, and it isn’t offering you what you want. Those problems are the responsibility of a UX designer.

Cognitive scientist Don Norman, who first coined the term UX in the 1990s, and Jakob Nielsen, co-founder of the Nielsen Norman Group, explain the difference of UX versus UI this way:

“Consider a website with movie reviews. Even if the UI for finding a film is perfect, the UX will be poor for a user who wants information about a small independent release if the underlying database only contains movies from the major studios.”

In this example, both UX and UI are critical components for the user to enjoy the product, but a user can’t appreciate the interface of a product if the product itself doesn’t deliver what the user wants.

Let’s define UX and UI in more detail now, to further clarify the difference between the two.

What’s UX?

UX, which stands for user experience, is the process of researching, developing, and refining all aspects of a user’s interaction with a company to ensure the company is meeting the user’s needs. A UX designer must ensure people find value when they interact with a company’s products or services.

A UX designer is responsible for all aspects of a user’s interaction -- this means a UX designer is not solely responsible for the technology behind a product. They’re responsible for how a user interacts with a company both on and offline, including customer service and other facets.

Essentially, a UX designer must answer the question: “How can my company’s product best meet our user’s needs?”

Now, what’s left for a UI designer to do?

What’s UI?

A UI designer’s responsibilities are more cosmetic than a UX designer’s -- a UI designer is responsible for the presentation of a product. But that doesn’t mean a UI designer just picks some pictures and a logo and calls it a day.

A UI designer is responsible for how everything on a page aligns in relation to each other. The visual elements you see on a page, such as buttons and icons, and the interactivity of a product, falls on the UI designer.

Have you ever visited a website and thought, “Wow, this company is really cool and has a great product, but what really sold me was their website’s intuitive and sleek layout?”

That’s largely due to their UI designer.

Comments

Post a Comment

Popular posts from this blog

13 of the Best Facebook Live Videos We've Ever Seen

  In 2016, Facebook launched its live feature. By 2018,   one out of every five videos   on the social network was a live broadcast. So far, many brands have gotten on the Facebook Live bandwagon by creating streams to discuss their product, show off knowledge of their industry, or simply entertain and grow Facebook audiences.  With this in mind, carving out a strategy for Facebook Live seems like a no-brainer. Now, we get it. Going live, well, it's kinda scary. What if you mess up? What if the camera wigs out? There are a number of things that could go wrong. But while you're contemplating the risk, a ton of brands are out there engaging their audience in some really exciting and personal new ways. → Download Now: The Marketer's Guide to Facebook Live [Free Ebook] To help you shake the nerves, we put together a list of some of the best Facebook Live broadcasts we've ever seen. From live debates to intense trainings, you'll get a little taste of everything to inspir
Read more

COMPARE IT: CLEANSER VS. FACE WASH—WHICH ONE SHOULD YOU USE?

 Face washes and cleansers are often confused as the same thing, but the two are actually pretty different from each other. Sure, both products both help remove dirt, oil, makeup, and other debris from your face, but how they clean your skin isn’t quite the same. With that in mind, it’s important to make sure you’re using the product that fits your skin needs. To help you do that, we’re outlining what each does. We’re also providing some guidance on how often you should visit the sink no matter what type of product you use. Cleanser vs. Face Wash: What’s the Difference? To settle the debate once and for all—and to ensure you’re using the best product for your skin type—let’s dig into the key differences between a cleanser and face wash. How Does Face Wash Work? Face washes are water-based products (often gel, foam, bar, or powder formulations) that get very sudsy when massaged onto your skin. They also often contain more astringent ingredients to help combat oil production.  The foamin
Read more

Here’s Exactly What Happens to Your Face When You’re Stressed

  Breakouts It’s not necessarily the copious amounts of pasta, wine and baked goods we tend to consume when we’re emotional (all of which, sorry, can trigger pore-clogging inflammation in your system), but also a very real systemic effect: “When your emotions are high, your cortisol levels spike and trigger your oil glands to produce more oil,” says Mona Gohara, M.D., a board-certified dermatologist and associate clinical professor of dermatology at Yale School of Medicine. “That oil then feeds acne-causing bacteria in your skin, leading to, yes, acne.” Though you can’t magically change the way your system operates, you  can  help decrease your cortisol levels with a quick meditation or workout session. And if you know you’re heading into a few days of stress, try pre-loading your skin care routine with gentle actives, like adding in a sulfur-based face mask or switching to a salicylic acid-spiked cleanser that’ll help keep your pores clear while your sebum cranks up. Face picking The
Read more