What is the difference between UX and UI?

What is the difference between UX and UI?

First, lets look at the basic definitions:

User Experience (UX) refers to a person’s emotions and attitudes about using a particular product, system or service.

User Interface (UI) is the space where interactions between humans and machines occur.

Here is a helpful infographic and article which helps explain the basic differences:


Infographic by Toptal

In website design and development, UX and UI are critical components which will help to shape how a website is designed, developed and used. Research has shown that it matters what fonts you use, what colours you use, how the page is laid out, what your customer journey is, how many link clicks are required to access information placement and style of calls to action, the text on the website, how everything is tracked and much, much more.

All this is a long way from ‘oh, but anyone can build a website in five minutes’. Yes, it is possible to build a website very quickly, but it takes more to build a website that is both visually appealing and effective in getting conversion rates and consumers to the content they are looking for as well as adding to users’ experience when they visit a website.

Some further reading / viewing

There is a vast amount of information, books and courses available online for all levels of interest. Here’s a few starter suggestions. I hope you enjoy researching and learning about these important components of website design.

UX and UI videos on Youtube

 91 free UX ebooks for designers

Free web UI design ebook


User Interface Design Basics

Over to you…

If you have any suggestions for good sources of information about User Experience design and User Interface design, please let us know in the comments section below.

You May Also Like...