Introduction to UI/UX
This lesson is designed to help you:
- Understand the meaning of UI and UX
- Grasp the importance of UI and UX for improving customer experience
- Evaluate the relationship between UI and UX
- Understand the historical overview of UI and UX
The success of any and every product (or service) lies in its usability. An unusable product is very unlikely to be a successful one. The concept of UI/UX is more common in the Digital Space as it is often used in relating to web and app development.
UI/UX are two terms that are often used interchangeably or assumed to mean the same thing. They are two separate terms that have to be used together in creating user-friendly products. They serve as the framework for creating ‘usable’ products. The ‘U’ in UI/UX stands for the ‘User’, to show that the purpose of every product is to serve the user.
In this course, we will be unboxing the role that both UI and UX play in creating functional interfaces and user-friendly experiences. We will also learn the interconnectedness between the two terms and how to identify problems and confirm the usability of the products while creating prototypes.
However, UI/UX is not limited to the Digital Space alone as it encompasses products that the end-user interacts with. They could be electronic devices, such as television, computers, etc., or even ergonomic chairs, amongst other examples.
In this course, we will be unboxing the role that each concept plays in creating an accessible interface and a user-friendly experience. We will also learn the interconnectedness between the two terms and how to identify problems and confirm the usability of the products while creating prototypes.
What is UI?
UI, also known as User Interface, refers to the look, feel and functionality of a product or service. This could be the screen layout or touchscreen, the clickable buttons, images, sound, light and other visual elements that help the users interact with a product.
Simply put, UI has to do with making the user’s experience with a product as appealing and interactive as possible. As opposed to UX that applies to both physical and digital products, UI only applies to digital products.
What is UX?
UX, also known as User Experience, refers to the totality of the end users’ interaction with your product or service. It is the overall experience of the users while using a product. These products could be physical or digital.
UX is more concerned with the quality of the user interaction with the product. This experience, for example, could be how easy it is for a user to perform transactions on a banking app or the ease with which students are able to take courses on a learning platform.
How UI and UX Work Together
While it is true that UI and UX are two different processes, they are also interrelated as both develop systems and processes with the end-user in mind. One is not more important than the other as they work hand-in-hand to create usable and attractive products.
Using the illustration of the human anatomy, UX is the skeleton, or structure, and organs that help the body function, while the UI is visible human body itself. It is more concerned with the look, reactions and senses.
Thus, the UX is usually the first step in creating a product by providing the skeletal framework upon which the UI creates the visual and interactive elements. A product with the most beautiful User Interface will result in a bad user experience if the UX is poor.