UX and UI

UX Design stands for User Experience Design and UI Design stands for User Interface Design. They are both crucial in the Design Stage of a website and work very closely together. But despite them working so closely together, they are quite different.


What is User Experience Design?

User Experience Design (UX) is a way of designing Human First. The main concern of a UX Designer is how easy a site is to use and how enjoyable it is. They explore many ways in which a problem can be fixed as there is never one single right answer. They could look at the processes of a system and see if there’s a way they can make it a better experience for the user e.g. an Ecommerce Site. A UX Designer could look at the buying process to see, if they could make the process any simpler for the user.

User experience design (UXD or UED) is the process of enhancing customer satisfaction and loyalty by improving the usability, ease of use, and pleasure provided in the interaction between the customer and the product. – Wikipedia.

The Tasks of a UX Designer can include:

A/B Testing. This involves creating a study to compare the pro’s and con’s of a user’s experience from two different User Interfaces. This could be a Red Button vs. a Green Button or Sidebar vs. No Sidebar. The UX Designer could list the Pro’s and Con’s of each and decide which would be best used on the site.

User Survey’s. A UX Designer could interview various people who match the Target Audience, User Stories and Personas of the site. As they match the target audience and potential users of the site, their opinions are the most important.

Wireframes and Prototypes. From what they have found out, a UX Designer could then create Wireframes, Layout Designs and Prototypes.

Content Style Guides. Based on the Users of the Site and the purpose, the UX Designer can create style guides for the project. Ensuring the site styles stay consistent can give you a guide/framework to use when designing each page.


What is User Interface Design?

User Interface Design (UI) is designing the Look, Feel and Presentation of the project. The main concern of a UI Designer is how the site looks, if it matches the Branding and is consistent throughout. They create various designs to decide which would be more appealing, eye-catching and in line with the company branding. They may look at how interactive the site is or animations that could be used on the site that could make the site a lot more enjoyable to use.

While User Experience is a conglomeration of tasks focused on optimization of a product for effective and enjoyable use; User Interface Design is its compliment, the look and feel, the presentation and interactivity of a product. – careerfoundry.com

The tasks of a UI Designer can include:

Branding and Graphic Development. From the Brand Colours and styles, a UI Designer can develop graphics that can be used on the site that match the branding. Which could be redesigning the logo or deciding which colours to use in Headers and Backgrounds.

Responsiveness. A UI Designer can ensure designs have been created for various screen sizes. Whether that be Mobile, Tablet or PC the site should still look attractive, and be easy to use and navigate.

Working with Developers. A UI Designer would need to work with Developers to explain the designs in more detail. This will ensure the site looks and follows the site designs as it should.