The difference between UX & UI design

Websites

by | May 9, 2022

Read time: < 1 minute

What’s the difference between UX design and UI design?

UX stands for ‘user experience’ design and UI means ‘user interface’ design. The names give you a good clue about the difference – let’s break it down.

UX design

Simply put, UX focuses on creating a product that solves a problem, aims to make that product easy to use, and the end result is how we experience that product.

UX puts the users’ needs first when crafting a design solution – you define the problem, understand the user, create personas, user flows, sketches (high and low fidelity wireframes and prototypes), and perform usability testing.

UI design

UI focuses on the finer design details of the product, making the product more visually appealing and on brand, and it is what we see while using a product.

UI focuses on how the product is interacted with – focusing on the visual hierarchy and patterns that give visual cues to the user. Elements like the colour scheme, typography, iconography, and layout need to be considered.

When starting a project UX should be tackled first followed by UI. If you have questions about either, let us know.

reviewing low fidelity sketches during the UX design process

Andrea Krones headshot

Andrea Krones

Creative Director · Co-owner

Andrea is your go-to expert for all things graphic design, UX design and website design. She brings her love of clean, modern, user-friendly layouts, and her appreciation for beautiful uses of colour and fonts to any project.

Have you seen these resources yet?

Over the shoulder view of Kelley writing custom code on a laptop

But I can just build my website with AI, right?

It’s hard to go a day without hearing some sort of messaging about AI. The “you’re already falling behind” scare tactics are all over social media, in email newsletters, and in conversations inside entrepreneur groups. This isn’t one of those posts! Something that comes up a lot in conversation lately is AI websites. We have had...

Read more
Andrea sitting at a table with her laptop

Easy ways to bring spring cleaning energy to your website

Before we get into today’s post we want to address a phishing scam that was sent to a lot of our current and past website clients earlier this week. We were able to notify everyone and while some people had responded to the email (they were convincing in their impersonation of us) no one was...

Read more
Andrea working on her laptop

Why a pretty website is more than vanity

Do people actually care how your website looks? There has been a lot of research into how people judge websites, and if how they look actually matters. By now we all know that your SEO plays a large piece in how your website performs. And if you’ve heard us talk about websites you probably also know that...

Read more

Together we can bring your idea to life