cloudThing logo in white
Menu open icon
email: info@cloudthing.com
tel: +44 (0) 121 393 4700
Menu closed icon

General

Generally useful pages

Sectors

We know loads about this stuff

What we do

The Building Blocks for cloudThing Magic

Lego Stormtrooper hiding in a keyboard

Defining What User Interface & User Experience Mean

UI Vs UX

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.  

open quote mark

We approach the UI from holistic design down to an atomic level, so as to streamline the bridge between Design, UX and Development.

We create a design language of components that can be easily translated across disciplines

Daniel McEwan - Design & Practise Lead at cloudThing

close quote mark

You may also be interested in...

Why Test?

8 Ways Your Business Can Increase Turnover With Big Data

The 7 Stages Of A Successful AI Project

Contact us

Want to know more about UI or UX or how cloudThing can use them to improve your business? Get in touch today...

Name

*

Company name

*

Email address

*

Telephone number

Is there anything else you'd like us to know?

© cloudThing 2020
email iconinfo@cloudthing.com
© 2020 Copyright cloudThing ltd. All rights reserved. Company registered in England & Wales no. 7510381, VAT no. 152340739