[{"@context":"http:\/\/schema.org","@type":"Article","@id":"https:\/\/www.the-future-of-commerce.com\/2020\/01\/20\/ux-vs-ui-vs-cx\/#Article","articleBody":"UX vs UI vs CX \u2013 what\u2019s the difference and why is each one so important?\nWhen it comes to commerce, especially digital commerce, we hear a lot of terms used to describe experience and how it relates to users or customers. These are often used interchangeably and can mean different things to different people.\nIn trying to understand what these terms mean, one of the main challenges is that there aren\u2019t actually any official definitions. If you Google the terms, you\u2019ll find a variety of definitions proposed by hosts of experts.\nWhile I\u2019m certainly not the ultimate authority on these subjects, I have spent two decades consulting with many different brands on digital commerce, and therefore I\u2019ve tried to explain my definitions of UX, UI, and CX within this article.\n \nThe future of SEO: Search, trends, content, Google algorithm update\n   Understanding and learning SEO methodologies that'll help your site rank for relevant terms isn't a job for the faint of heart - and those who can do this are in high demand today. Learn all about the future of SEO and the Google Page Experience update.  \nUX vs UI vs CX: Time is a flat circle (Okay, we\u2019re actually discussing concentric circles)\nIn trying to consider each of these terms, it can help to visualize them as concentric circles, starting with UI in the center and working outwards into UX, then finally into CX.\nThis visualization defines UI as a subset of UX which, itself, is a subset of CX. They are definitely different things, but are very closely related to, and have a dependence on, one another.\nUI (User Interface) defined\nLet\u2019s consider what UI actually literally means. It\u2019s user interface; the interface with which a user interacts with a brand within a particular part of their journey.\nThe obvious example of this is the checkout part of a website. The form fields the user fills in and the buttons that they click on form the UI. A less obvious example would be the shelves that goods are placed on in a physical store, the physical basket that the customer puts groceries into, or the self-checkout.\nThese are all things that the user uses to interface with the brand during their particular journey.\nUI is certainly not UX. It doesn\u2019t reflect the entirety of a user\u2019s experience during a particular journey, but it is one (or multiple) elements that are part of that user\u2019s experience.\nIf we look at the example of someone driving to a supermarket to purchase groceries, they\u2019ll interact with multiple user interfaces during their customer journey.\nThey\u2019ll park and maybe need to purchase a ticket from a machine, probably use a basket or cart, are likely to take goods from a shelf, and they\u2019re going to go through a checkout. All of these interfaces are separate and physically very different from one another, but they all form part of a single customer journey across a single channel and will influence the user\u2019s overall experience.\n \nHow does brand experience impact the bottom line?\n   Brands are designing a sensory experience that not only builds lasting relationships, but impacts the bottom line.  \nUX (User Experience) defined\nUser experience is often the term that I find is most confused. Many different definitions of this term exist and a quick Google search can leave you more confused than you were before you looked. (This is where most confusion around UX vs UI exists).\nFor me, UX is the experience a user has with a brand during a journey across a single channel (this is one important distinction).\u00a0A user experience will probably involve multiple UIs which are used at different stages of that journey.\nWe often think of websites when we think of UX, but it applies to all touch points a brand has with a customer and all of their journeys.\nLet\u2019s, again, consider the example of a customer visiting a grocery store. Their user experience was affected by how easy it was to park, how easy it was to find the goods they required, the layout of the store, how tall the shelves were, how crowded the store was, and how easy it was to checkout. It could even be affected by how easy it is to return an item later on.\nAll of the user interfaces they interact with throughout this journey matter, and all have an impact on the user experience.\nIf we now consider the example of someone buying from the same retailer online, the journey will be very different using a different set of UIs.\nThey\u2019ll visit the website, either at the homepage or a deeper link, browse, add to the basket, and checkout. One key thing to consider here is that their journey does not finish with the checkout. There\u2019s an order confirmation email, a delivery, a possible interaction with customer services, and maybe a return.\nAll of these are part of a journey and a user experience, but, crucially, this is a different UX than when they visit the retailer in person, as, in this definition, a user experience is confined within a single channel. Therefore, a user can have multiple experiences with the same brand, with each experience using multiple UIs.\nEach of the UIs that contribute to a user experience is important. I\u2019m sure we\u2019ve all used a frustrating UI at one point or another during a journey with a brand. A poor UI can ruin an otherwise positive UX (think of many supermarket self-checkouts when they were first introduced \u2013 you could have a great shopping experience until the point at which you tried to checkout and ended up leaving the store frustrated).\n \nWhat is UX research | User experience strategies explained\n   You can't create a great customer experience without UX. Learn about the science behind making people happy when it comes to your product.  \nCX (Customer Experience) defined\nWe\u2019ve seen that a user experience can be influenced by multiple user interfaces and a user can have multiple experiences with a single brand.\nCustomer experience should be considered as the sum of all touch points a brand has with its customers, across any channel and at any time.\nCustomers don\u2019t see channels as different and siloed businesses. The brand is the brand. If we shop with a retailer in store and online, we may have two completely different user experiences, but the sum of all of those experiences is our customer experience.\nThis is why every single touch point and user experience matters. It\u2019s no good to have a great in-store experience but a poor online one, or vice versa. It\u2019s no good to have a great website but a poor delivery experience.\nIf your 3rd party delivery driver throws the package containing a fragile item over the fence, the customer is going to blame you, and this is going damage your overall CX, no matter how good the purchasing experience was.\nIf we consider the examples of shopping with a supermarket in store and online but also add the email marketing I receive from them, the petrol I purchase from them, the TV adverts I see, as well as other services such as insurance and credit that I buy from them, all of these separate journeys, touch points, and user experiences form the customer experience.\n \nThe ultimate guide to customer experience: Definition, strategy, examples\n   Here's everything you need to know about customer experience. Find out what it takes to make your brand shine and win.  \nUI is part of UX is part of CX\nUX, UI, and CX are very different to one another, but are intrinsically linked and wholly dependent on one another.\nA customer experience is the sum of all touchpoints and user experiences that a customer has with a brand. User experiences are contained within a single channel, so most brands will provide customers with multiple user experiences.\nA UI is simply the interface with which the user will interact with a brand at a particular point of a journey. Most user experiences will involve multiple user interfaces and a customer experience will be made up of all touchpoints and user experiences across all channels.\nIn summary, when it comes to UX vs UI, you can\u2019t have a good CX without a good UX, and you can\u2019t have a good UX without a good UI.\nShine in the moments that matter. Real-time customer engagement starts HERE.","author":{"@type":"Person","@id":"https:\/\/www.the-future-of-commerce.com\/2020\/01\/20\/ux-vs-ui-vs-cx\/#Article_Person","image":{"@type":"ImageObject","@id":"https:\/\/www.the-future-of-commerce.com\/2020\/01\/20\/ux-vs-ui-vs-cx\/#Article_Person_ImageObject","url":"https:\/\/23x6xj3o92m9361dbu2ij362-wpengine.netdna-ssl.com\/wp-content\/uploads\/2017\/06\/Branwell-Moffat-e1497890164339-150x150.jpg"},"name":"Branwell Moffat","sameAs":["https:\/\/twitter.com\/branwellm?lang=en","https:\/\/www.linkedin.com\/in\/branwellmoffat\/"],"url":"https:\/\/www.the-future-of-commerce.com\/contributor\/branwell-moffat\/"},"dateModified":"2021-08-04T03:03:39+00:00","datePublished":"2020-01-20T08:00:00+00:00","description":"UX vs UI: every single touch point and user experience matters. It's no good to have a great in-store experience but a poor online one, or vice versa.","headline":"UX vs UI vs CX: What's the difference and why is each so important?","image":{"@type":"ImageObject","@id":"https:\/\/www.the-future-of-commerce.com\/2020\/01\/20\/ux-vs-ui-vs-cx\/#Article_ImageObject","height":"630","url":"https:\/\/www.the-future-of-commerce.com\/wp-content\/uploads\/2020\/01\/thumbnail-db6fa8e21ca8fb82a9961a180022cd70-1200x630.jpeg","width":"1200"},"mainEntityOfPage":"https:\/\/www.the-future-of-commerce.com\/2020\/01\/20\/ux-vs-ui-vs-cx\/","name":"UX vs UI vs CX: What's the difference and why is each so important?","publisher":{"@type":"Organization","@id":"https:\/\/www.the-future-of-commerce.com\/","additionalType":"https:\/\/www.wikidata.org\/wiki\/Q1193236","description":"Relevant, timely information & analysis on commerce trends, both consumer-facing and B2B.","logo":{"@type":"ImageObject","@id":"https:\/\/23x6xj3o92m9361dbu2ij362-wpengine.netdna-ssl.com\/wp-content\/themes\/hybris_foc\/assets\/images\/layout\/logo-new-2x.png?_=1","height":"96","url":"https:\/\/23x6xj3o92m9361dbu2ij362-wpengine.netdna-ssl.com\/wp-content\/themes\/hybris_foc\/assets\/images\/layout\/logo-new-2x.png?_=1","width":"500"},"name":"The Future of Customer Engagement and Experience","sameAs":["https:\/\/podcasts.apple.com\/us\/podcast\/a-call-for-a-better-experience\/id1479742201","https:\/\/twitter.com\/FutureOfCEC","https:\/\/www.linkedin.com\/groups\/4844282","https:\/\/www.the-future-of-commerce.com\/feed\/"],"url":"https:\/\/www.the-future-of-commerce.com\/"},"url":"https:\/\/www.the-future-of-commerce.com\/2020\/01\/20\/ux-vs-ui-vs-cx\/#Article"},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"2020","item":"https:\/\/www.the-future-of-commerce.com\/2020\/#breadcrumbitem"},{"@type":"ListItem","position":2,"name":"01","item":"https:\/\/www.the-future-of-commerce.com\/2020\/\/01\/#breadcrumbitem"},{"@type":"ListItem","position":3,"name":"20","item":"https:\/\/www.the-future-of-commerce.com\/2020\/\/01\/\/20\/#breadcrumbitem"},{"@type":"ListItem","position":4,"name":"UX vs UI vs CX: What’s the difference and why is each so important?","item":"https:\/\/www.the-future-of-commerce.com\/2020\/01\/20\/ux-vs-ui-vs-cx\/#breadcrumbitem"}]}]