Visualizing the differences between UX and UI

April 23, 2012

What is UX? Isn’t that just UI?

It is common for people, even inside tech circles, to use the acronyms UX and UI as synonyms, but they are quite different. UX stands for “user experience” while UI stands for “user interface.”

We’ll let Wikipedia do the defining:

  • “User experience (UX) is the way a person feels about using a product, system or service. User experience highlights the experiential, affective, meaningful and valuable aspects of human-computer interaction and product ownership, but it also includes a person’s perceptions of the practical aspects such as utility, ease of use and efficiency of the system. User experience is subjective in nature, because it is about an individual’s feelings and thoughts about the system. User experience is dynamic, because it changes over time as the circumstances change.”
  • “A user interface is the system by which people (users) interact with a machine. The user interface includes hardware (physical) and software (logical) components. User interfaces exist for various systems, and provide a means of: (a) Input, allowing the users to manipulate a system, (b) Output, allowing the system to indicate the effects of the users’ manipulation.”

Visualizing these terms

Still too broadly defined? Need something more concrete? Designer Ed Lea designed a series of photographs which viewed in order creates a very simple visualization that define the differences between UX and UI, revealing how they are not, in fact, synonyms, and demonstrates how they relate to a product.

Further, the visualization shows the role of servers and data centers, and will make all of these terms much easier to understand:

Advertise with The American Genius

See? That isn’t too complicated. Now, when you go to that tech happy hour and someone says that they do “UX and UI,” you know what they are talking about and can ask relevant questions (and in some cases, you’ll spot the acronyms being used interchangeably and you will know the difference).

Facebook makes more changes After businesses have meticulously created custom designs for their Facebook Page cover photo to cleverly connect with their profile picture (as seen here), as have individuals for their page, Facebook has notified users that on April 26, they will be updating the size of the profile…
The red herring of protecting listing data A recent blog post on the Realtor.com lockbox blog starts out with the rather definitive and provocative statement: “Listing data. It’s valuable, it’s important, and it’s something that a lot of folks are trying VERY hard to steal and misuse.” So, I figured…

AGBeat is news, insights, tools, and inspiration for business owners and professionals. AG condenses information on technology, business, social media, startups, real estate, economics and more, so you don’t have to.

Leave A Comment