Deprecated: Hook custom_css_loaded is deprecated since version jetpack-13.5! Use WordPress Custom CSS instead. Jetpack no longer supports Custom CSS. Read the WordPress.org documentation to learn how to apply custom styles to your site: https://wordpress.org/documentation/article/styles-overview/#applying-custom-css in /home/u510096000/domains/srkdesignwala.com/public_html/wp-includes/functions.php on line 6078

Deprecated: Function is_staging_site is deprecated since version 3.3.0! Use in_safe_mode instead. in /home/u510096000/domains/srkdesignwala.com/public_html/wp-includes/functions.php on line 6078
What is UI/UX Designing.? | Srkdesignwala
Deprecated: Function is_staging_site is deprecated since version 3.3.0! Use in_safe_mode instead. in /home/u510096000/domains/srkdesignwala.com/public_html/wp-includes/functions.php on line 6078
Contact information

Kohat, Pakistan

We are available 24/ 7. Call Now. +92 335 5627287 +92 335 5627287 support@srkdesignwala.com
Follow me
what is uiux designing?

WHAT IS UI/UX DESIGNING?

EXPLAINED WITH REAL-TIME EXAMPLES
users-stories-in-ux-design

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

bed-room-ui-design

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.

apple-iphone

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.

switch

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.

uiux guide

Graphical Representation of UI/UX Designing

This graph will help you to understand what UI and UX Design Means and what are their roles.

Learn More:

UI/UX Beginners Guide 2023

Top 05 Websites for Free UI Resources in 2023

Leave a Reply

Your email address will not be published. Required fields are marked *

do you want me to do some stunning work for your brand?

Let's Connect.?
  • bubble-12
  • bubble-16