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:

UI

UX

Have a question about something here?

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

Compliance monitoring under the spotlight

From our world to yours

The rise of business messaging apps and the need to stay on...

From our world to yours

Compliance: important ownership changes while adapting for flexible remote workforces

From our world to yours

Data silos and legacy compliance monitoring systems – barriers to effective surveillance...

From our world to yours

What it takes to top the Gartner CCaaS Magic Quadrant

From our world to yours

Why gamification is topping the bill for contact centre agent workforce management...

From our world to yours

8 contact centre trends to future proof your business

From our world to yours

Spotlight on Local Government – Where is CX heading for citizens?

From our world to yours

Think bigger with Microsoft Teams.

From our world to yours

Microsoft Teams is here to stay, what’s the next step?

From our world to yours

At Kerv we want to make customer-first really mean something…

From our world to yours

Different by design

From our world to yours

How Engagement Technology is Transforming the Membership Sector

From our world to yours

A modern CRM system needs a modern data platform

From our world to yours

What is… Microsoft Cloud for NonProfit?

From our world to yours

6 Back-office technologies modern supply chains should already be using

From our world to yours

Re-imagining CX in a golden age of integrations – combining Genesys and...

From our world to yours

Maximising CX value through AI-driven digital engagement

From our world to yours

Experience as a Service: What it is, why it’s important and where...

From our world to yours

Achieving empathy across digital channels

From our world to yours

Redesigning CX from the ground up

From our world to yours

Genesys EMEA Cloud Partner of the Year 2020

From our world to yours

Life at Kerv Digital As A Functional Consultant

From our world to yours

Life @ Kerv Digital as an Apprentice Power Platform Consultant

From our world to yours

How To Increase Efficiency With Dynamics 365 Supply Chain Management

From our world to yours

Supply Chain Control Towers – The Tech That’s Changing Logistics Forever

From our world to yours

Supply Chain Digital Twins – The What, The Who & The Why...

From our world to yours

On-Demand Logistics & The Tech That Makes It Possible

From our world to yours

What Is… Insurtech?

From our world to yours

What Is… Microsoft Cloud For NonProfit?

From our world to yours

16 Times You’ve Been Using Artificial Intelligence Without Realising

From our world to yours

Jack’s Worried – His Website Is Losing Him Dues Paying Members

From our world to yours

From Paper Based To Cutting Edge… With Zero Downtime

From our world to yours

Life at Kerv Digital as a UX Designer

From our world to yours

Sarah is Sad – Her Staff Aren’t Finding New Members Or Engaging...

From our world to yours

How To Squeeze Hidden Value From The Hidden Data You Didn’t Know...

From our world to yours

Reducing Member Churn & Delivering Member Insights With Data Science

From our world to yours

Life @ Kerv Digital As A Dynamics Functional Consultant

From our world to yours

The Effect Fintech Is Having On Our Everyday Lives

From our world to yours

Dealing With Ethical Walls In Tech… Ethically

From our world to yours

Life @ Kerv Digital As A DevSecOps Engineer

From our world to yours

IOT: Dragging The Future Of Healthcare Into Today

From our world to yours

How Will Tech Revolutionise Health Care Over The Next Half Century?

From our world to yours

Empowering Public Transport With Big Data

From our world to yours

Putting Patients First Vs. Cost Concerns

From our world to yours

Life @ Kerv Digital As A Power Platform Solution Architect

From our world to yours

What’s The Best CRM For The Membership Sector?

From our world to yours

How Remote Patient Monitoring Data Can Drive Health Efficiencies

From our world to yours

Is A Career In NonProfit Digital Transformation Rewarding?

From our world to yours

Six Back-Office Functions NonProfits Should Be Using Robotic Process Automation For

From our world to yours

How Data Storage Management Will Change In 2022

From our world to yours

Business Central Vs Sage – Which Does Your Organisation Need?

From our world to yours

How To Debug Something With A Rubber Duck

From our world to yours

Using Design Thinking To Empower Digital Transformations

From our world to yours

How Business Central Can Keep You GDPR Compliant

From our world to yours

What Can Business Central Actually Do?

From our world to yours

Why Data Classification Is Vital To Your Organisation (And How To Easily...

From our world to yours

How To Inspect Items When Using The Execute Pipeline Activity In ADF/Synapse...

From our world to yours

How To Create UI Flow’s In Power Automate

From our world to yours

D365 BC Vs D365 FO: Let’s Settle This Once And For All!

From our world to yours

How To Drive Donor Engagement With Kerv Digital’s Free Powerups

From our world to yours

9 Awesome Benefits To The Microsoft Dataverse

From our world to yours

Canvas Apps Vs Model-Driven Apps

From our world to yours

How To Set Up Field Monitoring In Business Central

From our world to yours

Check Out The Benefits Of The Microsoft Catalyst IDEA Framework…

From our world to yours

Component Led Development, Or… How To Make Your Organisation Instantly More Resilient

From our world to yours

How To Achieve A Single Customer View In 5 Easy Steps

From our world to yours

Best Practice For Creating Cloud Flows With Microsoft Power Automate

From our world to yours

Legacy Estate Reduction… Or When To Get Rid Of Old Tech

From our world to yours

What Is Fintech?

From our world to yours

How To Get Better At: Online Continuous Personal Development (CPD)

From our world to yours

Virtual Exam Proctoring (Or How To Stop People Googling The Answers At...

From our world to yours

How Hyperautomation’s Benefiting PAO’s (Professional Accountancy Organisations)

From our world to yours

Cyber Security For Remote Working… How Everyone Can (And Has To) Pitch...

From our world to yours

What Is An Advanced Persistent Threat (APT’S) Attack?

From our world to yours

Visualising Your Data Differently With Power BI

From our world to yours

Database Marketing – What Is It & How Can You Benefit From...

From our world to yours

Microsoft Dynamics Cloud Licensing Options – What’s Available?

From our world to yours

Privacy By Design – What You Need To Know

From our world to yours

How To Connect To A Named Sandbox Environment

From our world to yours

What Are The Different Types Of Cloud Licensing Agreements?

From our world to yours

How To Export To Text Files From Microsoft’s Business Central SAAS

From our world to yours

Technical Debt – The What, Why, When & How Do I Get...

From our world to yours

Ensuring Business Continuity With The Microsoft Stack

From our world to yours

What’s The Best CRM For The NonProfit Sector?

From our world to yours

Rage Donations – How To Engage Past The ‘Now’

From our world to yours

What Is It & How To Avoid: Vendor Lock-In

From our world to yours

The Bad Guys Don’t Care You’re The Good Guys

From our world to yours

Build The Future Of The NonProfit Sector… Today

From our world to yours

Data Protection & Artificial Intelligence: Best Practice

From our world to yours

Shadow IT – 9 Things To Look Out For & 1 Unexpected...

From our world to yours

Organisational Debt & Why It Makes Digital Transformation Hard

From our world to yours

Discussing All Things RPA… Robotic Process Automation

From our world to yours

Creating A Low Code App Using PowerApps & The Power Platform

From our world to yours

Now’s The Time To Get Excited About Cognitive Search

From our world to yours

If You Don’t Have An Automated Deployment Process… You’re Already Obsolete

From our world to yours

Tips & Tricks To Creating Successful Volunteer Management Systems

From our world to yours

The Five Types Of Cyber Criminals

From our world to yours

Security-By-Design: Or… Better Safe Than Sorry!

From our world to yours

Leading With Technology In The Membership Sector

From our world to yours

What Does IAAS, PAAS & SAAS Stand For?

From our world to yours

What Is Business Architecture?

From our world to yours

What Is Data Gravity? (And How Your Organisation Can Benefit From It)

From our world to yours

How To Fix DateTime Stamps In Microsoft Dynamics 365

From our world to yours

6 Easy Steps For Promoting A Culture Of Cyber Security

From our world to yours

15 Cyber Security ‘Things’ To Safeguard Your Business

From our world to yours

Microsoft Dynamics 365: Settings In solutions

From our world to yours

13 Ways To Save Money When Using Microsoft Azure

From our world to yours

The Problems With Addresses In Microsoft Dynamics 365

From our world to yours

Understanding The Benefits Of Predictive Science In The NonProfit Sector

From our world to yours

Top 6 Digital Impacts On Membership Organisations

From our world to yours

The 7 Stages Of A Successful AI Project

From our world to yours

8 Ways Your Business Can Increase Turnover With Big Data

From our world to yours

Dynamics 365 In NonProfits

From our world to yours

Kerv acquires TDS Global Communications Compliance Practice

From our world to yours

What is Microsoft’s Power Automate?

From our world to yours

What is InvestTech?

From our world to yours

Derek Is Stressed – His Purchasing Team Aren’t Coping With Long Winded...

From our world to yours

Life @ Kerv Digital As A Jnr DevSecOps Engineer…

From our world to yours

Life @ Kerv Digital As A Principal Architect

From our world to yours

Life @ Kerv Digital As An Azure DevSecOps Engineer…

From our world to yours

Life @ Kerv Digital As Head Of Client Services, Public Sector

From our world to yours

Life @ Kerv Digital As A Junior DevSecOps Engineer

From our world to yours

Life @ Kerv Digital As A Graphic Designer

From our world to yours

Microsoft Inspire 2022 – Here’s All The Big Announcements!

From our world to yours

The Need for WhatsApp Compliance Recording

From our world to yours

Life @ Kerv Digital As A UX Researcher

From our world to yours

Life @Kerv Digital As A Senior Delivery Manager

From our world to yours

Life @ Kerv Digital As A Senior Delivery Manager

From our world to yours

Data Silos and Legacy Compliance Monitoring Systems – Barriers to Effective Surveillance...

From our world to yours

Kerv and Venari Security Partner to Widen the Lens of Enterprise Encryption

Have a question?

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