UX design is all of the elements that come together to make up that user experience. It can be used in reference to digital or physical products. It is not about the look of the product, and it’s about the overarching feel and journey that someone using the product encounters.
These terms are often used in conjunction with one another, but they do have two different, distinct meanings. User interface design strictly focuses on the aesthetic presentation and interactivity of digital products (software, mobile applications, and websites). UI design includes the images, buttons, typography, and anything that you need to make up the visual aspects of a product, whereas UX design focuses on the entire user experience with the brand or product. UX design contributes to the building blocks of a user’s journey and UI design contributes to the paint on those blocks!
How does UI and UX design get implemented into the development process? There are 3 different types of deliverables that assist in bringing mobile applications, software, and websites to life. Wireframes are built by a designer focusing on user experience design. It’s the blueprint of how the user will adventure through the product. Next comes the mockups. Mockups are where user interface design gets involved. They show off the colors, images, icons and more using the blueprint laid out by wireframes. The final deliverable that is used in development is a prototype. It takes the UI and UX from the wireframes and mockups and makes an interactive experience. You are able to click and interact with a prototype to see how a user will eventually experience the build. While a prototype has interactivity, it is not built using code, rather made in a program like Figma, Adobe XD, or Sketch.