Day 91- UX Laws Basics master-100 Days 100 Skill Booster Sessions

And basic thing for any designer to learn. Okay? So that is the exact thing many of you might have already known about it or maybe you might have a clarity towards it. But what I would request you is this is not something which can be learned and immediately left off. It takes a lot of time to go and soak inside you. Even for me, including me. Like it takes some time to practice again and again until it becomes a natural second normal for you. Okay, so this is called UX loss. So how many of you know all the loss? Jish, if you ask me, I can write all the. How many laws are there? Tell me that. How many, how many UX laws are there? Go ahead. How many UX laws are there? Come on guys. Any idea? Any, any, any, any guesses? How many UX laws are there? And who has innovated this? Maybe I would ask you that. What's your knowledge according to your, your perception? Jacob, who's that? Jacob, who's that guy? Who's that guy? Have anybody heard about this guy? What, what is he? What he has done? Just a. Okay, fine. It's created heuristics law, I think. Okay? So heuristics is one way to see it. Okay? There could be many other laws also. We cannot, we cannot possibly go much deeper into this because of the time constraint. So what we can do is as just show you what we have prepared. Okay? So you just have to take in consideration from here you have to pick it up, okay? We'll be giving you some basics laws here, there is no doubt about it. But from here you guys have to pick it out. That's my only point, okay? Because it's a never ending topic. You can keep on learning one or the other way. By the time we are talking, people are going to invent something new and this keeps repeating. Okay, but you, you guys have to start with something. That's my only point. Okay, fine. Like what we are going to discuss is a very, very primitive loss which you guys can understand faster. Okay? It's just one second. Okay, Just one second. Okay. I'm just creating a ppt. Oh, sorry. I'm just putting it in the slides. Okay, hold on. Yeah. Confirm me whether you are able to see my screen. Able to see my screen. Type out yes in the chat box. Okay, that's great guys. Fine. So what are we doing particularly with respect to UX losses like this is called as a foundational loss of design. The reason being design even without this loss still can work. Even without this law, people can still innovate. Design everything. But once you understand this as some principles which is guiding all of the designers. So this becomes a checklist for us. Checklist for us. Okay. So that's the reason we've been consciously learning about it. Or else I would never teach all of these laws, concepts, definition, all these things. It is not really required. And now also I'm saying this is not mandatory. Even without knowing this is a law. This is a law. You would be already consciously doing this. That's the realization you, you already have the knowledge towards applying it. I'm saying, okay. Only thing is, I'm just giving you the awareness. Okay. From now on. Oh, this is, what is this law? Okay, let me understand it. Particularly when you're doing the audit. Particularly when you are building some kind of a study. I would say study. Okay. When you're doing testing. So this loss predominantly helps you. Many of our students are all going into the testing field. They are going into audit, they're going into accessibility designers, they're becoming UX designers and leads where you will have to learn the skills, where you will have to understand the consciousness towards growing this. So that's the vitality of it. Okay. So majorly it enhances your decision making with informed choices. When you have a rationale behind it, you justify it better. Right? It's very simple. Improve your user satisfaction through intuitive design and aligns with design. Aligns design with the industry relevant psychological and behavioral patterns. This is very important. The reason being the scientists, whoever has invented this laws have strongly intertwined with this particularly Don Norman. You guys have to read a book called Design of Everyday Things. It is a mandatory must read. It's not like you like that book or you don't like that book. It has, it is becoming a very, very fundamental for all the designers and it's, it's. I mean I've not seen any book covering design more deeper than this subject. I mean than this book. Okay, think about it. It's a, it's in Amazon. You can order that book. There is a new book also which has come from Don Norman which is Designing for the Better World. Right? What is that? I'm not sure about the name. It's the latest book he has released Designing for the. You guys can find it out. Last year. He released last year or the year before. So that is also very, very important. In his whole. He has written a lot of books. Design of Everyday Things is the most, most amazing book. And there is another book called Emotional Design. Emotional Design. I have it. This is an excellent book particularly don't go read if you are a fresher. Okay, if you are a fresher. But start with basics design of everyday things. Then you can slowly read this emotional because. Because emotional design is very, very, very deeper. You guys will not be able to understand it what this person is saying. Okay. Once you're comfortable, once you're a designer, you want to explore very deep what does it mean by emotion? How does it impact design? Then you can read about that book. Okay. And you can read about this latest book as well. That's these people have predominantly laid certain things which is becoming a foundational. So what are the key learnings? You will understand the basics, you will apply to the real world and build user centric design. So first of all, let's learn about the purpose of this. I think I told you about this. It's all relevant in the physical digital product and we'll see how this is going to happen in real time. So these are all the laws like let's say Jacob, Nielsen law, Hicks law, Fitz law, Miller's law, serial position effect, law of proximity. I think we have pretty much covered this one as well, right? Law of proximity, law of pragnance. But today in this session we are going to go deep into the Jacob's law. Because what I feel is you guys have to start with something I told you, right? But rest of the things you guys can do it. It's not a big deal. If you put the definition, you're going to get it. Okay, what is the decision making in decision time increases with options. Like let's say he class says simplified options in front of your user makes it very faster decision making timing matters a lot. Very simple. Okay, you can, you can do a live activity to do it, but I'm just giving you a basic heads up. Okay, we'll go deep into this law. Not a problem. Simplify a restaurant menu by categorizing option People are doing some allergic project right in our. In our this particular hackathon. So you guys can think about it. Are you guys consciously implementing it? So in your projects, when you're submitting today, make sure you also include this one slide in your final solutions. What are the laws you guys are applying? I wanted you guys to consciously think about it. Fitz law. Time to reach a target depends on the size and distance. Larger buttons in mobile UIs for thumb reachability. How many of you have felt it? How many of you have felt it? See, you don't have to memorize this loss guys. That's why I'm little Scared to show you all these things. The point is people get really confused. We have to consciously implement. No, it is not really required. Unless until you understand what is simplification. Like let's say jagdish. I know my user is age old people, right? There is one team who is working on age old people and their needs, right? You. Nobody needs to tell you you apply Higgs law. You understood that you have to make it simple, right? So no need to learn this law, apply it and take the results. No, this is a checklist. If you understand am I making it simple? Am I making the UI better? Then you're following the Higgs class. So think about it little deeply, okay? You'll know about it. Miller's law. People can hold seven items in working memory, not more than that breaking task into smaller steps. Dual lingo application, right? So very, very simple. What you call a bytes based learning. Bits based learning. People give you little, little golden nuggets and bites and then you learn and learn and learn and engage. And then you become really super at it. Okay, this law is important. Serial position effect. User remembers the first and last items better. Why can somebody tell me User remembers the first and last items better. Why that is there? Tell me. You guys have to find out. I'm not going to tell you this. Okay? You guys have to find and let me know why user likes beginnings and why user likes endings. I think we talked about little bit in the mission 6. I think in the in the book called when your career beginnings will be good, your career endings will be good. When you are making a career jump. At that time, you guys will be able to increase your salary faster. There is a reason why beginning and ending is very important. Okay, you can think about this presentation format. Have you seen the first few slides will be really good and the last few slides will be impactful. Okay. So understand that same effect. You can able to use it for your users as well. Law of proximity prognos we have covered. It's all there in our YouTube live. Please go and watch it. Okay? Doherty's threshold productivity rises with the responses time lesser than 400 milliseconds. Like let's say if you're this. If your user is going to press an interaction and wait for more than 400 milliseconds, he's going to quit your website or mobile app. He's little getting frustrated because of your decision. What do you call the response time? That's why all the fonts, all the graphics should be web optimized. You understand, right? Faster Loading websites Google. Google can work in even 2G. How many of you used Google to check your Internet is working or not? Sometimes your mobile data doesn't work. Right? And then you check with the Google because Google has the most low encryption rate and it opens at any small bandwidth as well. 2G and all these places as well. Okay. When we don't have the 3G we used to do that evaluate website based on this particular lighthouse. Okay? Aesthetic usability effect are attractive designs that proceed. We'll talk about this more, don't worry. Okay? One distort effort. The most distinctive item is remembered. Fine, guys, so now forget everything, okay? Like this. What is this? Forget everything. It doesn't matter whether you, whether you learn it or not. Okay, now comes an important part. Okay. All these things is optional. But what I'm going to tell you now, it's mandatory. Okay? Can you see my screen? Can you see my screen? Okay, so this I took for my recent batch, okay? I wanted you guys to do it in the laptop live. Okay, let's go and learn this. So let's talk about heuristics in a more deeper way. Because I believe out of all the laws and out of all the principles and concepts, this guy is somewhat very, very fundamental and foundational. Okay? Have you heard all these things? I think many of you might have heard about this. Many of you might have thought that by learning this only I'm going to be becoming a designer. No, please, please unlearn that thought. First of all, okay, let's see this laws deeply. We don't have to memorize anything, okay? It takes a lot of time for you to consciously memorize, but I told you why it's important, right? So these are all the ten heuristic law. So what are these ten heuristics law? I'll just quickly explain you, quickly summarize you. But you don't have to consciously keep anything in memory. We are going to do a live activity to understand this, okay? Visibility of system, match between system and real world. Can you see these icons? Guys, I don't need to explain you. This is predominant. This is a Google image which I've taken from Interaction Design foundation, which was established by Don Norman. Right? When you're standing in a signal, okay? When you don't know the time, when you don't know which light is coming and when you will be crossing, you will be getting frustrated. You guys need to have a system status, right? Your frustration goes up match between the system and the real world. If you have to instruct Your user, hey, click this with the four finger. The moment when you put a picture like this, automatically people understand User control. Imagine our life will become how our life will be if this control Z is not there. Imagine this is called freedom Consistency standard. That means whatever icons, instruction, everything you have, it needs to be very consistent across. Okay? Error prevention. The user is going to definitely make mistakes, but you're going to point out that. But can you give some instructions to prevent him. We'll teach about this. We will talk about this more deeper. Just wait. Recognition rather than recon flexibility. Fine guys, let's get into session, okay? You guys have to understand why we are doing this, okay? Language of heuristics. What is this language of heuristics? So many people really think about consistency, discoverability, control, ergonomics, tolerance, clarity, structure, affordance. But I would not say just keep it as one basic idea. But once you're consciously implementing this loss automatically, your eyes will be what you call seeing these languages very clearly compared to before. The way in which you see a particular screen and you audit or you get into details, it should be much different than the other designers, okay? Because you are seeing everything as primitive. Stay tuned from next, I mean tomorrow, Monday till next Monday, okay? You guys are going to get completely blown with the composition. You guys are going to learn aesthetics. Completely aesthetics, okay? Because that is the one thing which sets apart being a designer. And this is a little foundational of that. Okay? So that's why I want to cover this UX loss today so that we can cover that tomorrow so that it will make a complete sense for you. Fine. So I, I think I told you why it's important. And I'm also giving you an example. Fine. So now I wanted you guys to open your laptop, okay? I, I'm. I'm giving you three laws, okay? I wanted you to take three examples of visibility of system status. What is the visibility of system status like? Let's say if your user is doing something, a very critical function. If you're not telling them any status, like let's say a payment transaction is happening, okay? And you're not telling them. Okay, let's find, let's not talk about payment gateway, okay? We have designed one medical application recently now for our users, okay? So what happened is there is no system status available for the person to set that device and start activating it, okay? It's a user control, what we gave for the user to set their own. But the thing is it will automatically synchronize. So our software development team has not created this visibility. So I said if you're not creating visibility, he will wait for 10 seconds or maximum 15 seconds and then he will try to switch off the device or he will tell it is not working. He's going to come back to us saying this product is not working. Refund the money or maybe you change the product. So why don't you give a system status? Hey, it is loading 50 percentage connected, 70% connected, 99% connected. How do you guys understanding what is mean by visibility? He's going to completely abandon the device if the status is not there. Match between system real world and match between system and real world. How many of you seen the desktop folder having a delete button like a recycle bin? How many of you have seen that? Can you see my, can you see my icon in the bottom? It's exactly look like a trash bin, right? So what do a person who doesn't even seen UI for the first time of a laptop or maybe he's using Mac for the first time. What will he understand? He will understand this is something to trash. Very simple. Because we've been using every single day, right? So we know that. Third is user control. So now what? We have to do it. Guys, remember these three things, okay? I'm going to keep the screen here like this. I wanted you guys to pick three examples and three bad examples of this. I will give you only two minutes. Go to Google, go anywhere. Find out a real product in front of you. Take a product, take a even. You can take physical product. I don't want, I don't mind, but I wanted you guys to reflect these three examples really fast. Really fast. Okay? So we could do one thing, guys, we could do one thing. We can take physical product for each one of this and digital product of each one of this. Can you do it? Can you do it? Only three things, okay? First is visibility of system status. Second is match between real world and match between system and real world. Third is the user control and freedom. Can we try? Your time starts. Hold on. Do it fast. You guys will do it. I know, but within the time frame. Are you guys doing it? That's the point. Okay, your time starts now. Three minutes for three examples. Come on guys, do it fast, do it fast. One physical, one digital. Put it in a Google Slide or put it in a. In a format of anything, whatever you want. Because you have to share the screen and show me. Okay? Take unconventional examples. Don't bring all the examples. What people say, okay, you're having something in the Mind of the product. Bring that picture into the Google please. Fast. I mean in your slides or a Google Docker, whatever you wanted to do it fast. One by one. Go one by one. Once you complete the first law, second, third. Sharad, Jainani, Anju, Akshita, Sangeeta. Are you guys okay? Pavitra, I'm not able to see you guys. That's why I'm asking are you guys okay or not working it. Can you still see the screen? Can you see my screen? Guys? Anybody can confirm? Yes. No or it has become black. Oh, sorry. Yeah, yeah, fine. Time is up. Time is up. Time is up. Come on guys. Time is up. Time is up. Okay, now show me your examples. Fast, fast, fast, fast. I wanted you guys to quickly show it one or two people you have to go for the next clock. Time is not there. Okay, show me the examples. Fast. You need to be very fast. I know you guys know about this loss. But how fast you are able to recognize in this, in that particular screens or examples is the real point. Okay, like let's say if you take this, this is also I can able to explain all the laws inside it. So take any one physical product with you. Or maybe a digital product. Whatever is comfortable for you. You guys can able to give me that example. Tell me shared in the meeting file. Ramraj, explain that. Ramraj. See, Girder has put good bad. Something like that, right? Okay. Okay. That's great. That's great. Perfect. Perfect. Ramraj, just mark me or explain me. How do I. How do I understand, Jainan? How do I understand? What is the visibility here? What is the state? Okay, okay, but mark me same like what Giridhar did. Okay. Put it in a Google Doc or something. Okay. What is that example? Ramraj? The power button. Unmute only four people. What about others? Fast, fast. More mean. Match between system and real world and control. User freedom and control. Guys, take one pbt. Okay, I'll simply tell you. Put the law name. Okay. Drag and drop the three pictures. Simple. Go for the digital. Drag and drop three pictures. Go to the next lot. Do it. Okay, I'll give you two more minutes. You can continue doing in that same slide. Drag and drop. I want a one full slide with all the pictures please. Okay. Elevator having current floor. You write it there. Okay, I understood your example. Good, good. What are the bad example? Jainandini. Go ahead, go ahead. Go ahead. Shivraj, were you able to find it? Sharath, were you able to find it? I'm not even seeing one. Yeah, Pavitra, tell me. Match between system and real. Well that's okay. Where is the example? How do I understand Pavitra from this one? Match between system and real world. Tell me which part. There are hundreds of things in this picture. Whatever you sent me. Okay. That's great Sharath. Your example is perfectly good. What is that pen example level? Oh level. That's great. Super, Sharat. Excellent. Excellent. Super. Super. I'm still not able to understand your. Please mark it and then keep it in a. See we guys have to be very fast in PPT or whatever this documentation, right? We need to drag and drop, use this tools, use mouse, use two hands, do all these things. Because we as a designer will be always putting out something. Picture, document, text, everything. So you need to be very hands on in this. Okay. Symbols like fuel. I can. Battery, market. This is very generic. Okay. Mark it down and show me clearly. Okay? Yeah. Use word file or ppt. Anything. Okay. Yeah. What about others? What about Anju? What about Akshita? What about Sangeeta? Yeah, like the snap also you can send. Guys, it's okay in your ppt you just take on snap and send it to me in the chat like this. What people are doing. Okay. Yeah. I want to see the freedom. User, control and freedom. Nobody's sending me that examples. User, control and freedom. Guys, is it confusing? Can I explain you again? I think people are taking little time. Should I explain you again? Sharat, Ramraj, Shitra, Giridar. One more time. Should I explain? Because if you're not able to find the examples, maybe something is concerning. You are confusing. Okay, Sharath, listen to me. Listen to me. So which law you want? Explanation? Third one or second one? First one. Third one. Okay. User, control and freedom. Okay, listen to me very carefully. So what do you understand by this term terminology, Sharath? First you tell me that. Let's go from your understanding. Okay. What is this? Where is this okay? Huh. User, control and freedom. Right? Let's talk about history a little bit. What does mean by freedom? According to India? Freedom means we don't want to huh. Worry. Because we have freedom to do anything. Yes. Perfect. Perfect. 1950 we got it. 1947 we got it. And then after 50, 60 we were there without any control of anyone. Correct. In 1980s also one more freedom started coming to designers. What happened is there were only tech geeky people who can operate the systems, who can operate the big big computers. Who are. Whoever is very, very fascinated towards this. Knowing the coding, all these things. People started doing the computer stuffs. Okay. Common people cannot use it. I Told you about in the mission five or four. I think about this a little bit snap. But I'm just quickly recapping after 1990s what happened is people cognitively understood what is making the non the tech users and the normal users not operate certain interfaces and everything. It's because these people are very scared of using this. If they make any mistake, they can't reverse it. See, my father and mother also sometimes they are very scared about using this GPR PayTM. The reason because hey, what if something happens? What if I wrongly press this button? What if money goes, we won't be able to get it. Or maybe if we have to talk to customer care and after seven or eight days it will come. So that's that fear is there, right? In order to avoid that, what happened is many interface designers started creating some kind of a freedom and control for the user. Like let's say even if they make a mistake, they still can rectify that. You understand, right? Like I will give you one example controls that I gave you. One, one, one clarity. Like let's say if the users are making some error, they can go controls it, right? You take another example. Like let's say if you're. If you're. If you are listening to us. If you're. If you're having a call, okay? If you're. If you're having a call and then you are changing some. Some vital settings in your mobile. Sometimes your mobile will tell you you are on the call. You are on the call. Is it okay to change like that? So there is a control available with you which you still are making mistakes. Also the system is going to control you. Hey, you are making a transaction during the call. Is it okay? Are you doing to the right person with the right money, control is there with you. Again, you can't make mistakes there. Okay? See each and every law leading to one thing only to make a better experience. That's fine, right? But how you are able to getting confirmation, right? When we can say asking a confirmation before doing that. Yeah, that is also error prevention. But what I'm saying is a control. You have the control in front of you. Users control. Two laws are overlapping. I will. I can understand that. But here control matters a lot. Let's talk about freedom. What does mean by freedom? Even if I make a mistake? Let's understand. He made a mistake. Even if the mistake is made, is he still there in the level of field? Is he there in the field to make it and go back to the mistake again? Like let's say have you seen many times you can still what you call cancel the email. You can still edit that WhatsApp message, right? Previously WhatsApp message, if you send, you can't edit it. I'm saying one or two years before, right now we can edit it and you can still delete the WhatsApp message for both of the people, right? That's called freedom because it is very difficult for some, some chat applications or anything to send the chat and delete it on that device, this device and all the devices. It's a much different algorithm for them back backend. They have to really work hard. But what they thought is let's take that backend, load, load with us. But let's give the user a better experience. Let's give the user a freedom, a control. You can delete it any point of time here, no problem. If you want to edit it, no problem. See, it's very, very different, right? Previously we can't send any, we can't unsend any emails. Now you can cancel your emails as well. Microsoft Teams is one way. How many people have got fired or miscommunicated because of sending wrong emails just because they're just typing out? Maybe mouse who had on that particular time and it would have been sent, right? So now there are algorithms which is very smarter. If you're, if you're sending an email without attachment, it will point out hey, your attachment is not there. Can I still send it? The control is there with the user yet it is also error prevention, but the control is there with you. So user, control and freedom is very, very vital for the product design and UI UX design, particularly with respect to physical product, digital product. But can you guys now find out few examples for that in your day to day life? You will have to little bit rewind yourself. Then only you will get the example. Okay, the very good example I told you about the control Z, the control Y. Okay, I told you about other few examples, but can you think of a little bit the control and the freedom. See the name, the icon itself is very clear. Settings option, right? You can change your settings, you can change your sound, you can change your entire phone to accessibility settings. You have the complete freedom before 10 years, like let's say 15 years. Mobile doesn't have this much of controls. We don't have this much of sophisticated music and features and sound and alerts and customizations and colors and even typeface. I would say nowadays typeface is becoming customizable. See, that's a freedom, right? Think about it. Now can you bring me fast few examples. Go ahead. Okay. Many people have given me good, good examples. Okay. Okay. Yes. Look at that example. What people have given last seen in online. That's great. Control. Akshita. Excellent example. Akshida. Perfect. You are in the right track. I mean look at this chat of Akshida guys. Okay. And also that's an error prevention. We'll cover about it. User control and freedom proving comp controller. Okay. Fine. Little bit. Okay. Shivraj successfully published. Shivraj. I'm not able to understand you. Okay. One second. Your profile has been undo. That's great. Yeah. Superb. Super. Super. That's great. Perfect example. Perfect. Okay. Downloading Ramraj. Got it. Okay. Okay. Fine. Fine. Fine. Fine. Fine. Okay. Everybody is getting it now. Okay. Okay. Okay. User control include. Okay. Okay. Okay. Good. Bad. Excellent. Guys. So now go to the next example. Okay. Are you guys getting it? Progress status. Very simple. Okay. I don't have to tell you. Match between system and real world Trash example. I told you. Okay. Control. Look at this. What is this control here? Tell me what is the control here? Tell me. Tell me what is the control here? Read this. You will get it. Physical example. Are you guys getting Very, very simple. Okay. It's electric bike. It has a full control. Whenever you want. Wherever you want. You can go and charge it. Thinking user in the mind. Okay. Fine. So now you guys have seen this, right? Each and every law can be evaluated, guys. Like let's say even the Ramraj examples. And the Giridars example. I can rate it. Ramraj's rating for this visibility system status is 9 out of 10. Like let's say ramraj example is only 6 out of 10. Same example only. But the stronger meaning you convey the better the rating will come. Are you guys understanding or not? The most important part is this only. It is not about finding the UX laws. It's about evaluating which law is very closer to the user control. Right? Sharath. Listen. We are talking about the freedom. Right? The freedom. User control. But the example what Akshita gave. Like let's say I'll take the example of what What Sangeeta gave. Okay. Sangeeta has given one example. Okay. Giridhar's example of control is. I would say 8 out of 10. Okay. Ramraj. I would say 7 out of 10. Okay. Another example what Ramrath said. Downloading 50%. Right. I would give 10 out of 10. Or maybe 9.5 out of 10. Why? Because I have graphics. I have visuals. I have green color. Green color means it's going Maybe a shape Maybe a percentage multiple way. I'm touching my user in order to convey that this is a visibility of system status. See, so it's not about loss, it's about how close you are able to go into the user to convey the meaning properly. Then only when people are going to audit your screens or maybe you are auditing your own screens. Okay? You guys have a better clarity towards doing that and people will be able to understand. Okay, this is what is happening. Okay, this is really close to the real example. Okay? Even the person who is digitally illiterate, they don't even know anything in their world. They can still understand. This is what is the system status? Okay, Chitra sent one example. PC at risk. You have visited illegal infected website. You have unsafe scan. No, this. This could be alert. Is this what you're trying to say? Controlling freedom. Control? Yeah, I would say it's a control. It's not freedom, it's a control. Right? You have the control exerted and you can't go. But still if you want to press it, some people would still go for that. Some people wanted that. Many of the websites what I've seen is like, let's say sometimes your browser may think it's very unsafe. But you know that's a trusted site, right? So sometimes you can override also. So that. That is called freedom. When you take example of control. And then when you take example of freedom when you override it, that's called freedom. When you can't override it, that's called control. There is a control available, right? Good example. Fine. So this is what are the things, guys? So now let's take really, really fast. Now I don't want more time, guys. Okay, you guys have to really work very, very fast. Help user with errors. Can you guys find it out? Error prevention. Now you guys will be getting little confused. I wanted you guys to do it. Now tell me. Okay. Think about aesthetic and minimalistic design. Do it fast. This will be much challenging. There is a reason why I did not show you this first. Okay, now I'm showing this because there will be some confusion here. Don't repeat the examples, please. Okay, your time starts now. Fast, fast, fast. Calm down. Slowly. Think. You will definitely get clear examples. Okay, read this. Help user with errors. As a designer, when you will use this or maybe in your past, when have you experienced it? Think about it. It's a very simple sentence. I don't have to even explain you. Error prevention. How do you prevent user making errors? What we saw is a control and freedom, right? This Is something very different. Please understand. Okay. Aesthetic. It also looks aesthetics as well as very minimalistic design. Okay. Take one more example. Fast will be definitely confusing. Please be very careful when you pick the examples. Okay. Again I'm telling. This is not about detailing and taking time. It's also about. It's all about how fast you are able to interpolate that examples. Okay. That's why the time is given. Okay. We can find your camera. Learn more. That's great, Jain. And a perfect example. Error prevention. No, this is exactly not error prevention. Prevention. Okay, Namraj. Partially good out of 10. I would rate 6 or 7. But I want an example which is rating 10 out of 10. Can you find out that? Go ahead. Go ahead. Go ahead. Do it. Do it. Do it. Earlier few examples. Fine. Guys. You. You guys learned the law. You guys made a little mistake. I want every example to be like mind blowing. Like 10 out of 10. Audit should come scroll scale. Okay, fine. Ram Rajar, first example is good. Perfect example. Good. Shivraj is saying login and start sharing. Excellent. Shivaj. Perfect. You got it. Okay. Akshita. Okay. Word example you're giving. Okay. What is that? Is it error prevention or is it? Can you tell me that? Can you. Can you tell me what are you trying to say with that? That's what I want, sir. When we type a spelling mistake in word, it highlights with a red underline. That's okay. What is that? It says something like this is wrong. It indicates that it is wrong. That's what. What does this law? I'm asking Error prevention. Think about it. Is it error prevention? It gives an alert. That okay. Use. Gives an alert. You. You said right now it gives an alert. Yes. Is it preventing? You tell me. Think about it. No, I wanted you to think. Your example is partially correct. But partially a different meaning. Think about it. Okay, so I've got it. Some people will say prevention is better than cure. Right doctors? What does this mean? Prevention. There is a need. A huge difference between prevention error. We saw. That's why I put together. You guys will should get confused. Then only you will understand the difference between these two. Okay. Whatever Ramraj also gave is not a strong example. The last example what Ramraj gave Giridar. Let's see what Giridhar has shown. Okay. Help user with errors. Bad. Vendor mission. Good. Good. Search auto correction. Okay. Good. Fine. Good. Good. Good. But I would say strong example. Some more I need. Okay. Ramraj is saying. Okay. Shivraj has given the perfect example. The apt example. Ramraj, what are you trying to say with this. Mark me something. Here. Take one pen. Tool. Mark where you are pointing. It's a error. Okay. Okay. Giridhar is saying error prevention. That's great. Look at that screen. Akshida. Preventing error is different. Alerting error is different. Microsoft word. What you said is alert. But is it preventing? You tell me clearly. Your example is right. But you don't know what is that example? That's what I'm asking. Okay. Good. Excellent, Shivraj. Good. Good. Okay. Okay. Perfect. Perfect. Perfect. Prevention. See, this is alert. It is. It is. I would say out of ten. Six or. Or maybe five. I would give you a rating. What is? I want more. More of you mean a lot of people to give a lot of example in prevention. Many people are still not getting the real depth of it. This is alert. Shivraj. And also for Ramraji also. Okay. Alert. What is prevention? Okay, I want you guys to first find out before me showing the pictures. Prevention. Can somebody give me a mind blowing example? Prevention. Prevention. Can I give you an example? How many of you have used petrol caps in vehicle? Petrol caps. Car petrol caps. Even if you tighten it so much, what happens? Have you used it? First tell me that. Like this. I've never used a car. Who's like that? I've never seen a car. Have you? Have you opened that cap? Undo and redo. Prevention. You are alerting the user. You are giving a freedom and control. Prevention is something different. Guys, please calm down. Think little bit. Think. I gave you one example also right now. Okay, listen to me. I gave you an example right now. If you're using car, the petrol cap is there. You guys will tight it. But after a point of time you tight it. What happens? Can somebody tell me correctly? Open the mic and tell me. Anybody. Some sound will. Why? Why? That sound is coming saying that it is like tight. Indicate that the cap is tight. Okay. Freedom. I mean so not freedom. That's a feedback. Right? Good. Yes. So you guys are getting the feedback. But what? What it is doing exactly? Tell me what it is doing exactly? So that he won't further tighten it or damage the thing. This is called prevention. Even if the user does it, it will prevent it will not just alert. See, please understand this. There is a difference. You guys are getting confused. Is this only error? Alerting is okay? Aksita, are you getting it? You are alerting the user. Ramraj, your example. Shivraj. All of you. I am saying alerting. But is it preventing? Even if you type spelling like. Let's say about the spelling of About a B O U T. Let's say even if you type a B T, it will automatically understand. It will change. Are you understanding? That is called preventing. Even if you make a mistake, it won't allow you. Now take examples. Fast. I gave you the. I gave you the complete breakdown of this. Go ahead. Okay, that's fine, Nirjanandani. Correct. But I want prevention. I want a lot of you guys to type out prevention. Prevention. Fast, fast, fast. Prevention. How many of you have disconnected certain device from the Bluetooth and it still appears, but it will show disconnected. If you've connected the Bluetooth before and after that you disconnected the device or for some reason the device is not there, it will show disconnected, right? Like let's say if you're somehow connecting your audio by default it goes and locks there. In many devices it is very poorly designed. But what happens is in nowadays the smart devices, they only go and connect to the nearest best audio automatically. It prevents you from connecting to the older devices automatically. It does. That's called prevention. User doesn't even know. Prevention is already happening. Okay? It's not alerting, it is preventing. And when you click that option also it says you cannot connect this device. It's out of the range. You cannot connect. You cannot connect it. Even if you press, you cannot connect it, right? Instead, many UI one or two years before it will show connection. Okay? Even in my phone also it is still there. If you connect it, it will still load as if the device is there. No, the system should really prevent me not to even touch that. It's a waste of time, right? For me, that's called preventing. Prevention is better than cure. Okay, Think about it. Okay. Current. Current. Super current. Perfect. Perfect. The previous example. But nobody's giving me prevention. Prevention. Nobody's giving me prevention. That's good. Alert. One more example by Pavitra. Good, good. Pavitra, you understood the earlier one. What is prevention? Prevention. I want people to give prevention one example. Give me a strong example of prevention. Think about it. Slow. Slow down. Surely you would have come across. Oh, just a second. Okay. Have you seen in the railway stations? Railway tracks. Railway tracks. Railway track. Train cannot come and run on the road. Why? Buses can go here and there. Anyway, train will only stick to. Why? Tell me constraints. What are that constraints? Here it is preventing the vehicle to only travel in this part. Very simple. I want that kind of an example, guys. Very primitive. It's okay. But are you guys understanding it? You guys are confused between errors and you guys are confused Help users with errors. And prevention. Little bit. A lot of people are giving example in users. What you call helping user with the errors. But prevention wearing mask. Ramraj. Prevention, huh? Good example. Good example. Ramraj. Now you guys are getting it. Safety wall with cooker. Excellent. Now you guys are getting it. Super perfect. Scootistan. Excellent. This much time it took for me to make you guys understand. Okay? I think physical example is much easier for you guys to understand. See, in digital, only a lot of examples is there. Please go and watch very carefully from the top and bottom of your screen. You will understand. Many, many examples are there. Prevention is like. Without prevention, you cannot operate anything. It becomes very confusing. You will make a lot of mistakes. Okay? Excellent. Good, good. What about others? What about others? Only four people have got it. Remaining people are still finding out. You don't take and give me one more example of this one, guys. Okay? This Use. Use help user errors and all. Okay, fine. I. I mean. Speed alert. Alert. Again you're saying alert. Sharath alert is not correct. I mean alert is a different example, different law. If your vehicle cannot run behind the speed, even if the driver process accelerated will only go at 60. That's called prevention. That's not alert. See People bypass alert. See. Even know in my car, when I go beyond 120, my mom, dad, they get really stuff. Stuff. Okay. But nobody can prevent me, right? Maruti suzuki also after 120, if you go, what it will do is it will give you a continuous beep, right? But that's called alerting. I'm a designer. I'm also not following, right? We are all designers. We are so expect the common people world. Will they do? They will never do it. But imagine if you have a cutoff. The fuel cutoff will happen after 120. Do you think the user will travel even if he presses the accelerator? Prevention has happened, right? This is called prevention. Okay. Auto brightness adjustment in mobile. It's con. It's. It's control. I would say it's not freedom. I mean, it's not prevention. What is prevention here? Actually, I'm not able to connect with your example. Auto brightness adjustment in mobile. Prevention. Prevention. It's a. It's a little weak example. Give me a strong example. See. Speed alert. Speed control is a strong example. Scooty stand is a strong example. Safety valve is a strong example. Train. I told you, constant is a strong example. Speed lock. That's what I'm saying. Speed lock is a strong example. So the more strong examples you make, the better you will be able to understand this Loss and surely you will be replicating in your systems as well. Okay, I don't want to take much time. Let's go for the last part of it. Okay, so now let's talk about this. Wait. Error prevention. Good error message is important. But the best designs carefully prevent problems for occurring at the first time. Okay, like let's say flexibility. We saw recognition rather than recall, minimizing the user's memory load. See, these are all the other laws. Okay, I'll just quickly snap on it so that you guys can understand it better. Okay? Recognize, diagnose, recover. Like let's say it's not just popping out the error message, it's also telling the user, hey, you made a mistake. This is the error. Please come out of it. You've typed out the email ID wrong. You typed out the mobile number wrong, right? Instead of just saying error, you guys also point out whatever. I think a lot of people have given example in this, right? And there is something called help and documentation. Instead of just saying, you also guide the user what to do step by step. No, you give them some instructional videos. Have you seen in many places? Have you seen in many places? A small gif will come near that particular option. It will show, hey, you have to go and click here, right? It will guide you. This is what we have to do. And many people have a help video that's also great. Okay, but how better you are able to communicate. Let's say if you are installing first time I installed in mobile application yesterday. First time idfc. Okay, this mobile app is so intuitive and also like it's really good. Like and it also points out to me where I have to press what, what 3 option I have to learn first while I'm installing this app. So that is called help and documentation. It is showing you every new app does does have this feature nowadays. Okay? And think about it. And also now I wanted you guys to do one thing. Okay, I gave you the example of the. Oh, okay, I gave you the example of like let's say this help and documentation recognize errors and and error prevention aesthetic and minimal. I would say you guys can take any big websites or anything and try to find out how beautifully minimalistic and communication communicatable they are. Okay, like let's say, I would say another good law is recognition rather than recall. Okay, like I'll give you one more example. Wait, you guys can take this example and find out this. And meanwhile, please go and mark your attendance guys fast. Okay? Meanwhile, go and mark your attendance fast so that you guys have to be qualified for level up or else you can't submit the assignment today. You guys know about this, right? Please, please go and mark your attendance fast. Meanwhile I take the example. Go to the feed section, mark your attendance. Refresh the option. Oh sorry Divya, I missed your chat. Our mind can remain 7 to 9 days. Example TV screen loading flat icon teams chat, minimalistic design. Card examples. Okay, help with user notifying the user. Re entering password. That's great, Divya. But Divya, can you also mention something like prevention please? That's what I'm asking. Okay. Yes, Divya. Fine. Okay, I like this good example guys. Wait, so I like this one good example. Look at this. Okay, I hope you guys have marked the attendance. Come here. Okay, one second guys. Fine. So can you able to see my screen now? Oops, oops, oops, oops. Oh my God, something is happening. Hold on. Oh, sorry. Yeah, fine guys. So I'm taking one, a good example of this particular product. Okay, I'm just taking this. Let's say, let's say watch. Example. Okay, let's take one example. So what is the recognition rather than recall? Can you point out recognition rather than recall? Can you point out recognition rather than recall in this particular option? Come on. Very simple. Guess it's there in front of you. Why this much of doubts? Look at this picture. If I write a sentence saying this watch has a heartbeat feature. This has a fitness tracker. This can also call what will happen to the user. User will have to read it, put it into his memory and think about how this can be used in fitness. What are the use case? How do I use it wearing in my hand? Oh, how does it track heartbeat? How do I have to do it right? And then he will recall and then he will recognize. Acha, this watch. Watch has this feature. Good. It takes three to four seconds for him to go into the memory. And sometimes nobody does it. Sometimes many people does it. Sometimes it takes a lot of time and people ignore it. But the moment when you have three pictures in front of you. One picture here, one picture here, one picture here, what happened to the user? Now you don't have to write big big sentences. People will understand. This can track heartbeat because of the icon, because of the graphics, because of the color. And you can see from the picture. This is a fitness what you call application. And people can able to use it while lifting the heavy weights. And still people can call it 100 messages. I'm getting just by going through the six pictures. This is called recognition rather Than recalling. When you make the people recall, you are failing. When you make the people recognize faster, you are becoming success. Should I put a lot of pictures? It's up to you. Should I put a lot of icons? It's up to you. You decide you are the designer here. But my intention is I need to make the user easily understandable. What do they want? Look at this. Like let's say. Let's say ha. Okay, what do I explain now? Okay, ha. So I can say that I have a band which is made up of this. I have a color band, I have this band, that band. I can write lot of sentences and description and other things about it. But just if I have four different brands with the four different colors, are you guys getting it? Like let's say if I have a four different option, it is obviously understood I will also have this kind of a design with four different colors. Connecting and conveying the shorter meaning with one picture or one gif or one icon to the user in a very short span of time is called recognition rather than recall. Because if you make your user think about a lot by making them read, understand, recall and then get the thing you are failing, People will forget your brand. The moment if you are taking a picture or the snap in a way which communicates the user. Hey, this is what is the thing. In just fraction of seconds people will understand. This is a sports watch. This is a little fiber material. This is sports again. This is something we rugged. So they will get a texture, they will get a color, they will get the understanding of the material, everything in one go. Nobody needs to put lot of description in the text. Over here. When the designer has put a selection, he has choose to the material, the picture, the kind of visuals. In a way it communicates exactly what really people want. Look at this. Nobody has time to read the sentences, but people will have time to just quickly glance through it. Why? Average speed, heart rate, maximum speed, distance same. It can be synchronized in watch as well, right? See how many times I took one or two seconds, right? Imagine if I don't have this picture, I have only this text. How much time will you take to read this? First of all, you will take three or four seconds to read it again to recollect and recall. Combining Apple watch and iPhone opens up a world of features that makes each device better. You can do this like a Create a custom route with the maps on your phone. Then loud it on your watch. Use anytime. Start cycling workout. See your metrics automatically appear as live activity on your phone. 4, 5 seconds I took again. I will think in my mind two seconds. How does it look like when I connect with my phone and app? How does it look like when I start my cycle? Okay, I think it's a good feature. Maybe we'll think about it. People will not take the action. See, look. Wait. What happened? People will not take the action, right? People will not take the action. They will think, they will try to recall. They may forget. If I ask you what did you eat yesterday? You will tell fast. But if I ask you what did you eat one week before on the lunch on December 12? Can somebody tell me what did you eat on December 12? Jagdish. What is December 12 day? First of all, tell me that it's a Sunday. So people are in that level of memory, right? So that's why you should never make the user to recall. Look at this. It's already there, right? Oh, people are getting a super clarity in just one go. And if they are liking it, they can immediately go and purchase it, right? The call to action is very clear. If they have to really go and buy it, they will press it. Like let's say where is that called? They have not given the call to action. Ideally speaking, the call to action should be next to that button. Like let's say here, call to action is there. Buy here. There is one differentiation. They wanted to make you learn more before coming and buying it. That's why the blue icon is bigger. Here the call to action is bigger for the learn more rather than buy. They wanted you to first explore this option before going and buying it, right? It's making you quickly recognizable rather than recalling you much better. See quick feature, quick thing, quick price, quick buy. You need this much decision to buy a product. Nothing much. You don't need to list hundreds of feature one by one by one. No click this buy automatically takes you to the call to action and people can able to buy it. Simple. End of the day I told you business matters only when the conversion is happening. If your business is not having conversions, you're ultimately going into the loss. Simple. Even goes for the Apple website. Same, right? They can click this colors. They can know which option is there. Both option is there I guess in front. Where is this option? Oh, it is not coming. Something is happening. Ah, look at this recognition rather than recall. If I have to do this, what is this? Medium says how it will look like. This is how it looked like but it's not showing me anything. I don't know why what is happening but it should come ideally Speaking. Okay. No trading. Okay. Okay. This is the final watch I've chosen. Look. So my buying time and decision making time will become very faster if all of the options are provided. And you can see this option is not enabled. Why? What is this law? Tell me. Error prevention. People can still go and buy. And it's also a way the designer has guided the user. Hey, you first go through this. You select all the option. You select the color. You select the material. You select the size. You select the Apple trade. And we want it on order. Then only we'll enable you to buy it. Got it? Are you guys getting it? How the laws are imbibed in each and every websites and other things. No Apple care. See, now it is coming. Add to back. They still don't want you to buy. They still want you to pick more products. Okay. That's why review back. It's not like GPA options directly. There you go. And buy it. No, they still wanted you to buy lot. And see in the checkout page. Also more option is coming for me. Have you seen the earlier pitch? Please buy more when you are. When you are buying much, why don't you buy Our staff also. Come. Come. Every business wants you to buy more, right? If the business grows, only they will. They will also be innovating on more product. Apple is the one company who invest more than 14% of their cost to R D. Very less companies does it. That's why they keep innovating. And they design products more than any company does. Right? So look at this. Still they are not allowing me to buy, right? Okay. Maybe my mind can change. Okay. Okay. Let's put headphones. My headphones is also getting little weaker. Let us put it. It's okay. Come on. Let's put it. Fine. Some people will think this much itself is too much for me. Okay. Those users will bite. But for other users. Still there, look at this. Still they are not leaving you. Okay? Still there is no GP option. They will see. Look at the experience. How the user is guiding you. Each and every law, each and everything has been applied here. In order to make you deliver a successful product and buy the. I mean buy the product and create a user experience. Then and only the business is going to ultimately become success. Have you seen many checkout pages? You will not come out with only one page. One option. You will come up with multiple options. You will buy one or two products while you're going. Okay. See. Still some option is there. Ideally speaking. What? A checkout page should only have one product pay option, right? But are they doing it? No, they still want you to buy more. You can still change the quantity. How many? How many of you can tell? What is this? This option. What is this? UX law. Quick, fast, open your mic and tell. No problem. Control. That's great. It's also called freedom. Okay. Control as well as freedom. User can choose whatever. Six ps. Who buys six watches? Okay. Some crazy people buy my. Okay, fine. You can still remove this if you want. Still you can add this. See, Control and freedom. Wonderful, right? You don't have to go back. You don't have to select it. You don't have to choose again. Simple. If you're having five cart options. If you're thinking, hey, I don't want watch now, I want only this option. Okay, let's remove this guy. That's it. One click, it's automatically removed. And look at this. There is one more option also. Can you see one option here? Undo. Can you see here? Hey Jagdish. For. For some reason you pressed it. Maybe by mistake also. Why don't you undo it? What is this? Did you understand Control and Freedom now? Okay, so every option, everything is being designed in a particular way to help you understand. This is what the designer wants you to take through the checkout pages. In order to do, they want you to create an Apple account. Because by creating the account, they will also send you the newsletters, promote their products and do it. Okay. Like let's say continue as a guest. Something like this, right? Where would you be delivered? Where would you like to be delivered? See here options will be very restricted. Why? If I start selling products here, it will be much difficult right? Here I will have only few things. PIN code. I will apply it. I'll pick it up. Look at this. Okay, apply it. Please enter a valid PIN code. I'll pick it up. If I click this option, I'll pick it up. It will show the locations which is near me. Enter a zip code to find the availability of the store. Let's say okay, apply. Okay. There is no location available. There is no location available. Then I'll have to find a way to go and pick it up from some other shop. I'd like to get it delivered. I got many things delivered in this PIN code. I do not show it why it is showing error. Okay. I think you guys know this error also, right? What is this error? Tell me this error. What is this law exactly? Please enter a valid zip code. It's not only showing me red color. It is also prompting me this. So all the laws and everything is there. This is called help and documentation. When you're making a purchase, if you're still not convinced, when will I get my items? When can I pick my order? When do I get it? How much shipping cost? Where do I track my order? How do I get text notification? Everything is clear. This is called help and documentation. So each and every website, when they are being built with this kind of a clarity and information, they will be able to deliver a better product to the user. Or else your customer is not going to come through the complete user experience. Are you guys getting it? Now comes the real, real activity. Okay, you guys take full day time to do it. But I think you guys will do it now because the the more sensitized you guys got it now. Okay, so now what I want you guys to do it is analyze your screen, your solutions. You're submitting it before Sunday 8pm right? Make sure you do a self analysis with your team. Please ask them to watch this YouTube video and come back. Don't let them to do a what you call. I mean even without knowing this knowledge they should not do it. Okay. They should first watch this video. Do a self analysis before that submission and make sure you rate 1 out of 10 the options, whatever you have, how strong it is, you first analyze yourself. Jagji, this is only 6. If I have to make it to 9 or 10, what kind of a user control should I give? You think? No, you add icons, you add text, you add gifs, whatever. You improve your user experience better once you audit it. Are you guys getting it? And just rate like this. 8, 5, 10 some options, maybe even 10. Some option is 8, some option is 5. Then I will ask a question. Why it's 5? Jagdish, this icon is not communicating. Okay, then improve the icon, then improve the visual language. This is how you evaluate the loss and then you find the example guys. Okay, so evaluate your entire solution into 10 loss and do it and perform with the live users. I would say your live users will be a great examples to get you the feedback. Okay. And document the things in your project case study please. I would request that and listen to Spotify changes secret. This is one earlier batch I've covered. I'm teaching you. But yeah, I wanted a one screen, one slide of you completing this and giving it to me along with this project submission. Okay, do it. It doesn't take much time. Once you're completing the solution, don't go and prematurely apply it. You don't have a solution. Then what is the point? In applying this loss. Okay. To do it properly. Any doubts is there? I believe I've covered all of the laws clearly. Got it? I wish you all the best. Any doubts is there? Before we. Before we end up any law. Any example. Any doubts? What is that? Fitz Law. What this law? That logic? That. You guys go and learn it. Okay? I'll teach you some other day. No time is there. I have to go for another meeting as well. Okay. Learn it. First you apply this. This is most, most primitive. I would say this is the most, most vital. Even if you don't learn other law, that's okay. But learn this and today implement it. If you guys are not implementing, you will forget it. Find Sharath, Find Ramraj. Find Shivraj. Find Chitra. Find Giridhar, Jainandini. And please tell your teammates as well. Karan, Akshita, Sangeeta, Pavitra, Divya. Have a great weekend. Guys, have you marked the attendance? Please, please do it and then you can leave the call, take your points. Or else you guys will not be having the option to upload you. You guys will not be able to get thousand points. Okay. Reach out to me if you have any. Ah. For posting any post in our website in the DC in feed section. How many points you will get 25. Previously. It's there like a thousand points, right? No, no, no, no. That's not correct. We had one assignment submission. That's why we had this. Now we changed it. Okay. Is it showing thousand now? No, no, no. Now it's showing 25. That's why I'm asking. No, no, leave that. We'll eliminate that points. Don't worry. It will backflash from the system. What happened is sadly different for some people who are completing the assignment. We had the feed section to put their work. We're just evaluating their work and then we are marking their point system. So that's why we have created 1,000 points for that. But that's not for you, okay?