UX for Beginners → Difference in UI and UX Design with examples

July 26, 2019 posted by



this is a lesson from my course UX design for beginners it is a 4.5 hour course and you can find the link in the description so do check out its curriculum and it's a discount coupon for just $11 and you are not going to regret it do check out and watch this video now let's start with what is user experience there are many definitions online or even in books but I'm going to simplified user experience is the joy satisfaction or frustration these are basically the feelings overall feelings after your user is going to use your product and what he is going to feel by using your efficient usable or delightful product or he could be frustrated by using your slow or unusable or unofficial product user experience is going to tell the whole story of your user with your product let me explain the definition of user experience by an example now you are trying to find an happen you are installing this is the first step and the second step in user experience is onboarding experience when you are trying to sign up or create your account with that app or web app or web service or e-commerce store then when you first start using an app you are going to get first impressions these are really important you are going to see whether this app looks cool or it is its animations are very delightful or this website is just for the or not something like that after getting the first impressions you are going to perform some important tasks because you actually downloaded or installed that app to perform your tasks effectively and easily and smoothly and in the end what is going to give the whole experience is your emotional impact what is the emotional impact and overall satisfaction of the user after using this app this is going to be the user experience so from finding the app on an online store or an app store and then installing it and trying to use it signing up first impressions the phone or in doing your task on it and then in the end the emotional impact and overall satisfied this is going to be the full definition of user experiment act support team via phone or email or maybe a chat bot support chat board these are all involved in you experience sometimes the app is great but their support team really sucks and this is going to impact the whole user experience you might have confusion about user experience design what is the end product of user experience design so when some designer or user experienced guru he ends up a user experience design process he is going to deliver detailed wireframes along with details specs of that product whether it's an app or website UX process involves CEOs product managers customer service department designers developers and marketing department also the users so all these are connected to your product so they all have some interests and they have different aims and goals related to this product this is a very tricky question what is user interface design a lot of designers and developers they think that user interface design is basically UX design now user interface design or UI it means the overall look field and typography or colors of your product how it looks like so it is just like a makeup so if someone is wearing a makeup it is what a user interfaces now what the user interface designers are going to do they are going to decide which color is going to be used on that button how much space should be between the buttons should the text be left aligned or right aligned so these questions are all related to aesthetics of that product and these aesthetics and colors they are going to get the first impression on your user before even he is going to start using your product UI design is basically a part of UX design so what is the end product of UI design or user interface design now the user interface designers they are going to give you high fidelity mock-ups along with style guides now mock-ups are basically the final look and feel of your product it could be images it could be Web Design in Photoshop or sketch app and the style guides they are going to tell your developers how you are going to use this design which color is going to be used how you are going to combine different typographical events like heading 1 heading 2 okay so this is how you are going to apply the styles the colors and the typography and the spacing in your design these mock-ups and style guides they are handed over to developers so they can actually implement them or convert them into actual code or actual product this simple diagram is going to give you the idea of the relation of UI design and user experience design user experience design is a broad field UI design is just the part of UX design I hope that you have understood the relationship of UI design and UX design and why they are important if you have any questions do ask me let's move on to the next lesson

1 Comment

One Reply to “UX for Beginners → Difference in UI and UX Design with examples”

  1. Aashi Khan says:

    thank you

Leave a Comment

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