12 UI/UX Laws You MUST KNOW 🧠 | Become a UI/UX Designer in 2024 | Saptarshi Prakash

good design often goes unnoticed sometimes a simple push and pull of a door may look straightforward from outside but there are actually a lot of hidden principles and laws behind crafting such seamless experiences in this video I will explain 12 key ux laws and principles with real life everyday examples this principles and laws may sound complex and confusing at first but don't worry I'll explain everything in a simple easy to understand way let's get right into it number one aesthetic usability effect you have two glasses of lemonade one served in a nice glass with slices

of lemon and mint leaves and the other one is just a lemonade in a plastic cup which one would you go for most people would pick the first option even though the extra lemon and mint leaves don't add much to the overall Taste of the drink then why would you pick the first one well that's because it looks more attractive and refreshing even though it's exactly the same lemonade things that look nice appeal more to the viewers for example there are plenty of music apps in the market yet most people use Spotify because because of

its visually pleasing UI also the little things like whenever you share a part of your song's lyrics to your Instagram story Spotify automatically adjusts the color and the theme according to the album art in the minimal aesthetic design another great example is that of Apple their products follow a visual design consistency that enhances the product's appeal and the customers's Loyalty it's no surprise it's the most popular brand in the world number two dohey threshold everyone hates waiting even if it's for a few milliseconds whether you're standing in a line or you're a web page fastest

fantastic keep the weight time as short as you can if something needs loading time make use of a progress bar or a pre-loaded skeleton to keep the user engaged for example when you open LinkedIn you first see the skeleton page loading rather than showing a blank page it shows a preview of what is going to come this gives the user a visual cue that it will load soon similarly whenever you click to watch a YouTube video you get a small loading animation before the video is played this is better than a blank screen with the

loading animation the user understands that the video will start number three Fitz law the bigger the better bigger and nearer objects are easier to click and interact with make the vital UI components large enough for users to accurately select them and give ample spacing between it not only large but also place the elements nearer in such a way that it's easier to interact with for example the most used apps in an iPhone or an Android phones are placed at the bottom of the screen because it's easily accessible by your hands number four goal gradient effect

imagine you're writing an exam and it's your last one after 3 hours you'll be free of all the stress and the last minute preparations for a long time until the next exam of course what will you do you'll finish writing the exam as fast as possible Right the same thing happens in our everyday lives as well the closer you are to completing a goal or a task the faster you work towards reaching it for example take a look at the Amazon checkout page at each step the progress markers motivate you to complete to the next

step the closer you get to the Finishing Line the more compelled you are to complete the transaction number five hickl it's Sunday and you decide to Netflix and chill but when you open Netflix you're bombarded with thousands of movies and TV shows it's so confusing and hard to pick one the more the merrier no when people have too many choices they often get confused and overwhelmed which leads to a slower decision process always remember less is more repeat with me less is more for example take a look at the Google homepage in 199 8 versus

the latest one in 2024 do you notice any change the homepage in 1998 had so many links and buttons making it very confusing and hard to navigate now take a look at the homepage in 2024 the difference is clear the newer version is simple and minimal very easy to use and navigate number six Jacob's law if ain't broke don't fix it it's simple people spend most of their time in other apps and websites so they expect your apps and websites to work in a similar way while it's good to be unique but don't try to

be too unique and break common patterns or else people will get confused for example error messages are always indicated with a red color now if that were to be blue all of a sudden wouldn't you be confused you will take an extra few seconds to analyze and digest the information which is not desirable also the navigation menu has a similar structure on all e-commerce websites people are familiar and used to it so if you try to do something new or different they might get confused so why fix something which is already solved number seven law

of similarity elements that are visually similar will be perceived as related for example take a look at the add new address page on Amazon the rectangle boxes with borders are the input fields and the rectangle boxes with solid colors are buttons you can see how elements with a similar appearance are perceived as related number eight Miller's law here's a quick challenge for you try to remember this number most of you will have a very pretty hard time now try to remember this number chances are most of you will be able to memorize it easily the

difference is clear the more elements people have to process the easier for them is to make a mistake our memory and processing are limited so don't overload people with too much stuff to process split tasks into logical easy to process steps so that users are not overwhelmed take for example again the checkout process on e-commerce sites like Amazon and flip card name address order overview payment methods instead of filling all the details at once the entire process is divided into multiple steps number nine z iranic effect people remember unfinished tasks better than completed ones provide

a clear indication of progress in order to motivate users to complete the task for example online learning platforms like udemy always have a progress bar to show how far along you are in a course this motivates the users to complete the course number 10 V restr effect also known as the isolation effect just like a purple cow easily stands out in a herd unique and different items stand out they are likely to be remembered more than the others for example a lot of SAS apps offer different plans and pricing options but they always highlight the

most popular plan making it stand out from the rest it's done to attract and grab your attention number 11 the law of pregnance the human eye is lazy and doesn't like to complicate things just like anyone else it perceives complex shapes and images in the simplest possible form because it requires the least amount of brain cells for example the Ikea instruction manual have their wordless stepbystep illustrtion to simplify the assembly process they cut down the information to the essentials making it easier for the users to understand and best of all since there is no text

they don't even need to translate this into different languages because it's all visuals and visuals are same in every language number 12 Tesla's law the law of conservation of complexity this law states the fact that while some task may seem unnecessarily complex this complexity is integral to the function of the system and can only be managed and not eliminated for example when you're booking a flight ticket online you need to fill in a ton of details and information now you cannot simplify this process because the information is essential for booking the tickets but what you

could do is to manage them maybe pre-fill some of the information based on some information that you might have entered in the past and so on but you cannot eliminate because they are essential for the core functioning of the product I hope these complex ux laws and principles now make sense to you so the next time you like any website or app just think of the ux principles and the laws behind that make them so good so if you're interested in becoming ux designer in 2024 you can have a look at this video and if

you're looking for free AI tools resources to design better and faster don't forget to check out this video of mine until next time this is sapta see you all in the next one