What’s The Difference Between UI And UX?

What’s The Difference Between UI And UX?

James Crossland

Digital Marketing Manager|Kerv digital

Published 06/07/22 under:



Have a question?

Get in touch

Defining What User Interface & User Experience Mean

What’s the difference between UI and UX?

Simply put UI (or User Interface) are the pages, screens, buttons, icons and any other visual aspects of a website or App that let you interact with it… or to expand on that into the non-virtual world… UI is how you experience using something – For instance in opening a fridge, the door becomes the User Interface.

UX (or User Experience) is the experience an individual may have when engaging with your website or App.

It’s quite common for people to use and even think of these two separate terms interchangeably as the choices made regarding the UI is an important part of the User Experience but depending on the context that won’t always be correct.

As disciplines have grown up separately around these two terms the line between the two has become more defined.

That’s why today we’ll be answering the questions

  • What is UI?
  • What is UX?
  • What’s the difference between UI and UX?

As well as explaining why both should be central to everything you do when designing a new website, App or even a back-end system for your staff.

What is UI?

A User Interface is anything that might connect or engage an end-user with a product.

In other words, it’s the touchpoint where human to computer interaction/communication occurs (or machine if we’re talking non-digitally).

The list of what can be included within that can go on and on but in brief may be anything as simple as monitors, keyboards or a mouse right through to website pages, touchscreens or even a virtual reality interface controlled by the movement of your eyes.

A Brief History Of UI

As UI is now so central to everyday life it may be helpful if we put it into some historical context (but don’t worry, we’ll be a lot briefer than Mr Hawkins!)

Back in the ‘70’s (which we of course don’t remember at all – honest!) if you wanted your computer to do anything at all you had to be able to use the command line interface.

Some of you reading this may remember having to communicate with their computer with seemingly endless line of programming language and code to get it to do almost anything! That was because the graphical interface as it’s now known didn’t yet exist.

The very first GUI (Graphical User Interface) was developed way back in the 80’s by computer scientists at Xerox PARC.

That innovation changed computing forever; enabling users to engage with their machines by just clicking skeuomorphs (visual icons), buttons or menus instead of manually typing in commands.

It meant anyone could now use a computer without needing to be able to ‘speak computer’ so in 1984 the era of the home computer dawned when Apple released it’s Macintosh PC.

Oh, and if you’re wondering what a skeuomorph is, it’s a derivative object that retains non-functional ornamental design elements from structures that were inherent to the original. Think of a clay pot with fake metal rivets because it’s copied from similar metal pots or the calendar on your desktop that still imitates a non-digital flip calendar.

The ease of use involved with these computers made them much more commercially viable both at home and in offices around the world but as more and more people used the computer, how they interacted with it through those same icons, buttons and menus became more and more important.

Thus, the role of the UI designer was born.

These days UI designers don’t just work on computers.

The role now encompasses anything that has a digital interface from computers to smart phones, virtual and augmented reality, right through top invisible or screenless interfaces such as any device operated by voice or gesture (normally referred to as zero UI).

What is UX?

UX (the User Experience) entails the entire end-user’s interaction with a company, it’s services and its products; not just it’s digital ones.

UX is a Necessary And Vital Off Shoot Of UI

As User Interfaces became more and more commonplace, being able to improve on and optimise the user’s journey and experience of them became more and more important.  Once a person had something to interact with, understanding if that interaction was good or bad and how to improve it became vital to a business’ success.

The obvious next question then become…

How Do You Understand What Makes An Experience ‘Good’?

Answering that question is never easy and summing it up in a short paragraph will never do it justice but in short measuring a user’s experience needs to be done at various, different touch points.

  • How did they discover your website, App, product?
  • What were the sequence of actions they took to get from where they were to you?
  • What were the sequence of actions they took as they interacted with your UI?
  • What were their thoughts and feelings as they engaged with your company?
  • What was the overall impression they were left with from their interaction as a whole?

Some of these touchpoints can be measured in sales, downloads, engagements etc but others may require direct market research. That’s why most UX designers are responsible for delivering an overall product or service rather than focusing on one, particular aspect of it.

What’s The Difference Between UI And UX?

The difference between UI and UX then or the difference between User Interface and User Experience is that the UI is everywhere someone can engage with your business, service or product whilst the UX is how they may feel about that experience, either during or after.

Let’s take a real-world example like Google.

Their User interface (UI) couldn’t be any simpler. It’s literally just a big blank page with a logo and a search bar on it.

That’s because Google understood a great user experience doesn’t necessarily have to be all singing and all dancing if it does exactly what the user needs. When someone heads to Google they’re after one thing, information. And that’s available at the click of a button; it’s the main reason so other few search engines survive today.

But now imagine how different the UX on the Google homepage would be if the UI remained the same but your search results took 30 plus seconds to load… That’s why both the UI and UX working in conjunction with each other are so important.

Related Articles

You might also be interested in

From our world to yours

Going Beyond The Theory: Kerv Digital & The DVSA

From our world to yours

Life @ Kerv Digital As A Performance Analyst

From our world to yours

Four ways to defend against Cyber Criminals attempt to infiltrate Contact Centres

From our world to yours

Microsoft Cloud For Nonprofit: Fundraising & Engagement

From our world to yours

Kerv Group brings rich, actionable insights to bear on improving performance management...

From our world to yours

4 ways to integrate your Contact Centre and CRM to deliver brilliant...

From our world to yours

Kerv Digital 2022 Wrap-Up

From our world to yours

Life @ Kerv Digital As A Recruitment & People Analytics Manager

From our world to yours

CX Translate Opens the Door to International Understanding in Cross-Border Contact Centres

From our world to yours

Cloud Confessions: Q&A with CTO on Communications Compliance

From our world to yours

Helping With Hackathon Fundamentals

From our world to yours

Kerv Digital & Microsoft Solutions Partner Designations

From our world to yours

Life at Kerv as a Billing & Operations Co-Ordinator

From our world to yours

Deciphering Digital Transformation

From our world to yours

4 Things to Bear in Mind About Microsoft Teams Policy Based Recording

From our world to yours

Understanding EX: Achieving the utmost from workforce engagement management (WEM)

From our world to yours

Working Wellness: More Kerv Digital Benefits

From our world to yours

Cloud is not a destination

From our world to yours

How SD-WAN enables service provider flexibility, enhancing connectivity and reducing cost

From our world to yours

Taking the guesswork out of managing your future bandwidth demand

From our world to yours

Application Performance: User Experience

From our world to yours

Rapid Site Deployment and its Impact on Retail Profitability Across Store Locations

From our world to yours

Why your network infrastructure is key in mergers and acquisitions

From our world to yours

Data Platform Pragmatism

From our world to yours

Will SD-WAN really save money and why you must take a proper...

Have a question?

Leave your details and a member of the team will be in touch to help.
By pressing send, you agree to our Terms and Conditions and Privacy Policy.
This field is for validation purposes and should be left unchanged.