WHAT IS UI/UX DESIGNING?
EXPLAINED WITH REAL-TIME EXAMPLES
General introduction to UI/UX Designing
UI/UX is a digital skill for mobile, tablet, website, and desktop applications. In general terms, a UI/UX Designer works on different aspects of an app design, making the app visually creative, and increasing the quality of user experience and usability. If you ask any UI or UX designer to define these terms, they will define it correctly but from different perspectives, because these are the only terminologies, that are defined differently but they are correct. So as I define the UI/UX very briefly and in simple words below along with a video link attached.
What is UI Design?
UI stands for User Interface and I will define it very simply with these 2 words.
“User is anyone who uses the app or website” and “Interface is what a user sees on that app or website”.
For Example, Let’s say “John Smith is a user who is using an app called Facebook, so John Smith is the user and the Facebook app will be the interface for whatever John Smith sees on that app, which could be a video, picture, or comments, ads and so many other things on Facebook.
While UI refers to widgets that have been used in any application like:
Buttons, Cards, Input Field, Dialog Box, Toggle, Icons, etc
While in general life, we also have a UI, let’s take an example of the bedroom (paint color used in the bedroom, lighting, switch buttons, extensions, bed, decoration pieces) and so many other things.
Same is the case with the applications either it is a mobile app or a website, in below picture you will see what is UI Design when we talk about a mobile app or website design.
What is UX Design?
UX Stands for User Experience and from its name, it itself defines the Word User Experience. But I will define it in very simple words, so beginners can easily understand what is it exactly.
“An experience that a user gains while using any application, that experience can be bad or good”.
For Example, “John Smith is using the Facebook app and he wants to search for something, but there is no feature of search in the app, of course, the experience will be very frustrating for John Smith and he won’t recommend the Facebook app due to this one issue. This is just a small issue, there could be many other things for measuring the experience of a user with the app.
In general life, we experience different things as a user, there are lots of examples around you, for example, if you want to turn on the light in the room only with the button but somehow the electrician connected both the light and fan with the a button, so when you turn on the light the fan will be ON too which could be a frustrating experience for you.
The same is the case with applications whether it is a mobile app or a website, in the below picture you will see what is UX Design when we talk about a mobile app or website UX.
Graphical Representation of UI/UX Designing
This graph will help you to understand what UI and UX Design Means and what are their roles.