Day 53- Law of Similarity- 100 Days 100 Skill Booster Sessions

Foreign. Yes guys, very good morning. Good morning to the skill booster session. Sorry for few minutes delay but we are live now. Just a second. I'm also switching on. Please switch on your camera guys. I'm also in. Yes, yes, yes, yes, yes. Very good morning. Very good morning. Yes guys welcome. So today is a day 53. We are going to learn something very interesting skill which I study told you called law of similarity. Okay, so yesterday we saw what is mean by proximity, right? So you need to learn what is similarity also because this is most important. In fact you will see this is going to be some of the mother loss. This is going to be a very important law for. For. For connecting the other aesthetics laws as well. Okay? So please, please pay close attention. Let me also share this link with Let me also share this link with our design verse community. Just a second. One second, one second, one second, one second. Where is this one available? How do I share it? Design verse. Okay, fine. Yes. Let's start guys. Okay, so what does mean by law of similarity? The word itself is first of all giving us some clarity, right? So what do you, what do you think the word similarity could be in this context? Can you type in the chat box first? Can I understand from your side like what would be the. What would be first of all your thought process when I say the word similarity. Could you please type out in the chat? Could you please type out in the chat? Come on. Yeah, yes, yes, yes. Go ahead, go ahead, type out of the chat. I mean guys, chat. Chat box is active, right? Just a second. I think it should be active. Yeah, it's active. And also I wanted you to switch on your camera. Guys go ahead fast. Please switch on your camera and pay close attention and listen to me very carefully because this topic is again looks very, very easy. But when you practically take it into consideration consciously, it will be very very difficult for you to consciously do it again. It takes a lot of practice. You have to do repeatedly. You will have to follow certain conscious methods and it is all hidden inside the details of our UI screens and products and interfaces and everything. But we will be failing to see that that is the beauty of this law. Okay? So that is why I request you to pay very close attention and take a notes. And also please type in the chat box whenever I ask you to. Sri Balaji, Jay, Nandini, Shavi, Anju. If you guys are not here, that's okay, you can drop off the call. But if you're here, you need to be 100 year full with switch on your camera, type Actively what is happening and ask your doubts. I wanted you to ask your doubts more. I wanted you to confirm mean, ask you like is this the thing Jagdish? I'm also doing this and, and, and, and show some examples of the screenshots and everything. Then and only I'll also feel the energy of the room. Then there is no difference between a recorded video and this. Right? So you guys are very lucky to be here as a part of the process because that's where you're also experiencing something. Live with me. Okay, so with this context we will be jumping into the day 53 of skill booster session. Guys. In fact this is one of the most, most interesting session I would say. Yes. So, law of similarity. So similarity and consistency in design. First of all, when you take what is this law about? See, consistency builds user trust by making interactions predictable and creative cohesive experience. Why? First of all, a brand needs to look very consistent, very similar people will not feel it's the same brand. So that is a very very basic understanding. We all know that understanding, right? So, so if you go forward, the session focuses on mainly similarity using some UI elements like let's say many interaction elements we can call like color, texture, shapes and patterns which will be able to create a synchronous rhythmic harmonic experience. So that will make it feel like this is a part of the same product. And mainly it builds an emotional connection. Of course it makes you feel like a cohesive design and ease of use user feels more connected to the brand when designs are consistent and reliable. Have you seen KFC chicken shop? Have you seen Domino's Pizza? Why people are trusting so much? Like let's say if you go to any KFC shop, if the KFC shop, the K looks very different. Instead of red color, there is a blue color. Will you go and trust whether it's a KFC brand? You would have a doubt. Oh my God. I vented into the wrong shop. I will not go and buy the chicken here because I know KFC is a trustable brand. I can able to pay and get the what you call the products, I can able to consume it, but other brands I will not be able to do so that is why that consistency, it's very, very important going forward in any brand. So first of all, what are the value of similarity and consistency in design? So I told you, it improves your user trust, it increases your efficiency as well as your brand recognition and as well as the comfort. Let's say consistent design element establishes the predictability. The trust is pretty simple. Okay. So you don't have to worry much. Similarity reduces cognitive load making navigation easy. Okay. And visual consistency strengthens the brand identity and familiarity Design use very comfort for the user to understand it. Okay, now let's go into the principle of it. Visual similarity. So how do you find out similarity between different different elements? Like let's say when you take any UI element or when you take any kind of a screen or when you take any kind of a physical product, it doesn't matter. The concept remains same. Okay. So using some matching elements like colors, you can identify using typefaces, you can identify using icons. How many of you are using this application called what? I would say it's more of ICAs. It's not application, it's a website thing. How many of you use icons? Scout. Sorry. Noun Project. How many of you are using this? Noun Project. How many of you are using this site? Noun Project, it's a royalty free icons download site. You can able to download lot more things. Okay, so you can look at this entire website. It is actually for downloading icons. Okay, but look at the website design itself. It's like fully filled of icons and they have a consistency in their icons. The colors, the outline, the texture, everything. They have consciously made a decision to make it very consistent across all of their icons. Okay, then you will be understanding that this is actually from the noun project. Even though you may have downloaded from many places. But Noun project icons will look so consistent. So look at the effort what these designers have put in order to make it more consistent. Let's say if you type any keyword you will get an icon. Like let's say if you want to take stop. Look at this. You are getting an icon for the stop. Look at this. Like let's say if you want to create some kind of apply, you know, go and just click it here you'll get apply look. Okay, this is a very good resource, guys. You guys can use it up. Okay, I'll just paste that link for you in the chat box. You guys can use it. Okay. What are the element is similar that human brain takes it as a group. Yeah, that's a successful meaning what a designer is conveying. Anju, that's a good question. We have consciously made it and made the user to understand in that group. So if you don't want to do it like let's say the other way, if you don't want that user to understand that way, then you separate that element. Yesterday we saw law of grouping, right? The proximity. So separate it because it conveys a different meaning, right? Similarity is different, grouping is different. Please understand that. Let us go into the detail. But I am just telling you this is a very good site where you can find out the consistency happening. So functional consistency making similar function behave as above. This is very, very important. In fact, internal consistency and external consistency, there are both availability here. Maintaining uniformity within a single product to ensure seamless user experience. Let's say if you're building one particular app or one particular web website, it is very vital to first understand this. Okay, External means like let's say if you have any posters, if you have any brand outlets or if you're having any kind of like let's say outside branding, which majority involves like let's say the shop experience, the wall posters, the flyers, the identity card, the T shirt. So like the merchandise products. So it should all look very similar. Okay, if you go and buy a T shirt from this Nike, okay it will be very, very seamless when you get it from the shop or if you get it from the online. If you go and purchase in their shop, you'll find their entire name board logo, even their notepad, their header letter, the invoice, everything will be having that similarity of the colors and consistency. I'm just taking one example, but nowadays the brand value has been perceived by all the brands and they are investing lots of money to do it. For a single branding project, people charge you like 5 to 6 lakhs to brand a particular brand. They wanted to create a consistency, they want to create a logo, they want to create that kind of a similar experience for them. So it is very important internally as well as externally to understand this law of similarity. Okay, so what are the case studies? See guys, I will explain you what are the case studies available? Okay, first let me go to this online and also can you able to see my screen? I'm just putting a simple Google image. Okay, look at this law of similarity. Can you see one example here? Look at this grouping is very different. Don't get confused. That's why I took it on the next day so that you guys should know the difference for it. Okay, fine. So we are deliberately creating a group for the people to do it. But similarity is what people perceive as a similar element in order to make that feel like a consistent brand. Okay, like let's say this is one very, very small example which I would like to give you guys. Okay, so if you can see like this example is actually what you call. I'll. I'll go with here. Okay, yeah, I'll Put it here. Please give a credit properly for this guy. One second. Yes. So what is this? Can you see this blue dots? Sorry, the blues. The blue dots and the gray stars inside it. Ok, definitely. If you take symmetrically, X axis, if you take in Y axis, it is all similar. Okay, it is all similar. If you take in diagonal axis also it looks very similar. Okay. See there is something called symmetric balance also that is different. Asymmetric balance. That is different. But if you can see that this element is completely consistent across all of the axis and it looks very similar. Right? So this is a very, very simple example. I would, I would say we can able to have. Let us go for another example. Okay, let's go for this. See, now it has been perceived as a different, different group. Okay, now this gray is actually perceived as one group. The orange is considered as another group. Yeah, it's automatically conveyed. I told you, right? Consciously a designer wants to make it conveyed. Or you can deliberately do not want to make it conveyed. That is totally up to you. Not a problem at all. If you take similarity here, you can see here. When object looks similar to one another, the eye perceives them as a group or, or a pattern, right? Proximity. When groups place together, the eye perceives them as a group. Can you see? This is the difference between the proximity and similarity. Like let's say in similarity people will feel this is same. That's it. But in proximity people will recognize that as a pattern and then they'll start associating a different meaning out of it. Okay? In fact, the similarity is very, very subtle. You need to, you need to understand very, very carefully because it's a very subtle thing. Proximity is something deliberate. This is group. Yesterday we saw many examples, right? Like let's say in the screens we saw this feed, option, comment, share. Yeah, like a group, we can easily perceive it. But when you take similarity, like let's say in the same feed page, if you go to LinkedIn again, I'll show you the similarity difference. What is it? In the same feed page again, if you go to this post, if you see like let's say what is similarity here it is actually perceived as a proximity. But when you take similarity, I'm not able to visually see. Yeah, you can look at here. Maybe it's all closely packed here. Okay, like let's say this icon is all similar. Can you see? That means these are all groups. Can you see this hashtag? These are all belongs to hashtag. Okay, these are all like similar. And this has been grouped under a heading Called recent. This is being grouped under heading called grouping. Okay. Followed hashtag. See, this is how it will be perceived by the user. So you need to understand these. Both of the things works together to convey a different meaning for the user. If you deliberately wanted to change it, you can do it. Like let's say if you wanted to put one hashtag here, you want to put one group here. If you want to put another icon here. So automatically user will feel very different in the sense he will understand this is not a group. He will understand this is a hashtag. Or this is maybe a different set of groups. Or this belongs to a different family. Right? See, user will not consciously ask for this kind of a decisions. User doesn't know it. First of all, we as a designer have to think what are the meaning we want to convey? How easily we can able to use this elements, colors, typeface, icons in order to convey whether it's a groups or whether it's similarity. What we wanted to say, that is where we have to be very careful. Okay, so are you guys understanding this? Type out yes, just a second guess. Sorry. Type out yes. If you are understanding it. Okay, Type out Yes. We'll see a lot of case studies, don't worry. But as of now, are you guys in line with me? Type out yes. Yes, yes, yes, yes, yes. Only two people are typing. Yes. Okay. Three, four. Okay. Great, great, great. Okay, Excellent guys. Fine. So this is all about it. Next, like let's say we'll take some examples of digital product design examples. Okay, take Google Workspace. Have you seen this Google Workspace? The Google Docs, the Google Sheet slides shares a similar toolbar and icon design. This is a wonderful example of what you call law of similarity. Have you seen this Google application, Guys, if you go to like, let's say I'll open this Google Doc. Okay, I'll open this Google Sheets. I'll open this Google. What do you call the slides? Okay, look at this, look at this, look at this. Can you see this interface, guys? Start of a new document and the recent documents. Start of the new document and the recent documents. Start of the new document. Recent documents. I have just changed it as a gallery view. But it can be customized. Not a problem. See, if I put it like this, then it will come like boxes. See? So look, because Google wants to keep a consistency under law of similarity inside their product itself. You need to get it proximity is something very different. Proximity is what? Like let's say if they have grouped something here. See, this is called proximity. If I have to take an annotation to show you the example. Like let's say this is called annotation. This is called grouping. See, they have grouped exactly together. This is one group. And also they have created. How do I say? Okay, this is another what you call icon which they have created. They want to create here. Okay, this is for the headings they have created. See, Please understand this guys, there is a very subtle difference, but you need to get it. Okay, how do I remove this? One second. Clear all my drawings. Okay, fine. Yes guys, so I'm just showing a small example. But if you take any product, a very consistent product, they will have the same similar. Again, if you go to the toolbar, it's all looks same. I mean, I'll go for another example, guys, but I think you might have got this example right. Even if you go for any toolbar option in Microsoft Word or Google Doc or anything, it will all look similar. See, the designer has made it simple. And also there is another reason. I told you, it's a functional reason also why people are doing it. Can you see this? Functionality wise people has to feel the consistency. Like let's say if I am clicking this or let's say if I am clicking this. Or let's say if I am clicking this. Okay, one example I am giving you. Can you see here? The bullet points is showing the same option here. If I go to the Excel sheet again, where is the bullet points? Where do I see it? Where do I see it? Huh? Maybe the bullet points option is hidden inside. But it is all same. Just a second, I'm just taking one example. Where it is there. Look at this. The bullet points is all same. So people who are using this Microsoft presentation and people are using this Microsoft Word. If they have to find out a bullet point style, they will not have much problems. Because it's all same. Have you seen Adobe products? It's all same. Like they want to use the brush style. In fact, the keyboard command is also same. If you type L, it will take line. If you take R, it will take rectangle. Okay, so if you take, if you take this O, it will go for circle. So the keyboard shortcuts is also very similar. The look and feel is also similar. The functionality is also similar. So that is why you need to understand visually. Also it should be similar functionally. Also it should be consistent. Okay, this is called law of similarity. Again, this is not explicitly told, but you will have to get this clarity, guys. Then and only you can create a very good difference. Okay, next we'll go for Apple ecosystem. One of the classical example. Okay, I'll tell you the principle applied consistency in toolbar layout Iconography allows easy switching between apps. Yeah. Familiarity makes user feel comfortable and confident using new Google tools. Yeah. Even if Google comes up with something else new tool tomorrow, same like Microsoft Word, Excel, people will still be able to use it. People will not scare away. See why people are not using technology? Because they are not very comfortable. They are not like. I do not understand what are the intention of it. If you make it so consistent, what happens? People would love to have it. Okay, second, iOS and Latinos like let's say design language, gestures, icon across iPhone, iPad, Mac, it's very similar. People are using Apple devices, they will know it. Okay. Similar navigation patterns and geshas unify the ecosystem. Even when you take this gesher. Like let's say when you take this iPad. If I put five fingers, can you see some icons coming here, guys? Okay, I don't know whether you are seeing it. If you put five fingers on our iPad like this and then if you go gallery screen will come. Similarly, if I put it in Mac, it will come. See, I will show you maybe quickly. Okay, look at this. This is my desktop screen. If I put five fingers, this option will come. If I. If I reverse the five fingers, it will go. So this gesture is same across iPad. You can see that. Okay. It's same across iPad and the Mac OS. Because they wanted to create that same experience. Because humans are going to use that. People are going to use this product is also going to use the other one. Right. So if you keep a different gesher here, if you keep a different gesher there, people will get super confused. That is why you need to be very careful in doing that. Okay, so next one what we can see is one second, guys, what's happening? Okay, so fine. Intuitive switching between devices enhance satisfaction seamless experience. Next, let's take an example of Facebook. See, Facebook consistently uses blue and white color schema icon style throughout any option. If you take like let's say if you go for Facebook pages, if you go for Facebook groups, if you go for Facebook feed, if you go for Facebook ad creation. Like you have lot of options in meta like the Facebook. So you will have the same blue and white icons consistently coming across that very, very similar. If you change even dark mode, there's still the blue color persistence persist. Okay. Because they want to keep it visual identity, same consistent color and iconography boost brand recognition. And also you can say user feels very comfort reinforcing the brand trust Spotify. If you take it plays the maintenance consistently. Album covers and song list. Have you seen Spotify application album covers? It's all very same sizes. It's a beautiful thing, guys. And it's also very difficult to design it. See, millions of songs. Is there different. Different artists come up with a different. Different colors, posters. But when you put it in a one app, how does it look? Very, very consistent and similar. This is called law of similarity. People have understood this. Or else people will not think this is a Spotify app. Maybe you downloaded something else. Or maybe Spotify has been taken over by some other company. Their brand language has changed. People will get confused. Very, very vital. See guys, if you're working for a product design studio properly, okay. You will get variety of projects from your clients. Okay? It's not like only you will get. You will get only projects which is respect to product design. Or only you build a screen for us or you build only website for us. Nobody is ever going to ask like that. You need to understand that fact first. Okay? You will be also asked to do a branding project. See, as a product designer you should not tell like hey, I am a UI guy. I am a UX guy. I will only be doing this figma screens. Don't talk like this childish kind of things. If you are in that childish kind of a mindset, you will not grow ahead in your career. Please I'll repeat this word. If you are having this kind of a mindset towards choosing your career like that, from the day one, your entire career will go in a great, great, great problem. Okay guys, please switch on your camera. I want everybody to switch on your camera and pay close attention. Tilagar Kalai, Shri Balaji. Please guys, come, come. Manigandan, Manikandan Subhash and all are old students. You guys have to automatically switch on. Come on. Okay, fine. So the reason why I'm telling you is as a designer you need to think holistically. What we are doing in a company, a brand, a client comes to us. Okay? He's telling me we wanted to build a website. Example. I'm saying. Okay. So even without him saying that, you need to first proactively take some elements. Just a second. J. Yeah. Now you can do it. Check it. So. So it's a. It's a. It's a. Ask if. Whether the customer asks or not, you need to know first of all. Hey customer, you wanted to build a website, right? Okay, let me understand your colors first. Let me understand your brand logo first. Let me understand Your mission, Mission value. What is your product and service doing to the people and what products you've already created? Let's let me study all these things first. You don't have to even ask the customer. You have to study all these things and then you have to arrive a very similar visual language which is more consistent to their other products. And then you build a website and then you build a color palette for that and then you build typeface for that. And then you know, See, we are not branding or visual designers, but it is a responsibility which we have to take being a product designer to understand this. Oh, I'll, I'll. I'll only be a product designer. I'll only be a UX designer to think about the process. Then I'll do. No, guys, please don't wear that hat. We are a hat of problem solver. You guys are learning law of similarity, law of proximity. These are both two important laws. So you need to understand people lose their trust. Your client, if you do it properly only he will get more customers, right? Next time he'll come for the business with you to design more products. So it is your ethical interest being a designer to take that responsibility, grab it even if he pays less, more. It's not a point. You have to deliver the maximum value by creating that impact when you are doing that. Oh, thank you so much. Thank you so much. Thank you so much. I'm extremely. Thank you. Punish for you. Thank you. Punish. Thank you. Oh my God. What happened? Oh, okay. Thank you so much guys. I wanted you to do one thing. All of you who is there in the call, kindly go to your attendance panel in your learning management system and mark your attendance. Okay? So we are going to switch on the challenge. Like whoever is coming for the morning sessions, whoever is coming for the hackathon, whoever is coming for the inner circle call, you're going to give you points, okay? You're going to get rewards for the points as well. So there is a very big, what you call program which we're going to introduce. On that program, you guys will get very good offers, okay? And also you will get very good surprises. Educational, educational materials. You will be getting it free of cost. And also you will be getting a chance of winning T shirt along with the other winners also. Okay? But it's not for reward but also for a consistency for me to see who is actually playing the game. See, last time four people were very serious. In fact, I'm planning to give these four people the feature of level up which is like free of Cost Because Level up is a very, very high end feature. We cannot give it for all the students. So I need to find some seriousness, right? So this point system is a way for me to also understand who is really serious towards this system. For them we can genuinely help. For other people we can't give because Level up is so expensive. Okay, so you guys can play that. You guys can go into the learning management portal, go to your feed section and there'll be something called mark an attendance. Okay. In the feed section, if you mark the attendance, you will get points. People who come new, I'm just telling you. But for other people, I think you might know, you may be knowing it. Right? Okay. Okay, thank you. Thank you. I'm not sure Jayanandani, your camera should be a problem. Yeah, there is no option for us. So maybe your device is little problem, I guess. Okay, cool. So now. Now let's get back, guys. Okay. So going forward, I'm just sharing the screen. Okay, so this is law of similarity. What we're exam what we are seeing. Like let's say I was talking about Spotify. It's so complex. The reason being they were able to create that visual organization and make it very intuitive. People should not feel again one legendary Microsoft. This is a very, very interesting thing. Microsoft Word, Microsoft Excel, Microsoft PPT. Again, same F6 Excel PPT. Everything has a similar icon, guys. See, imagine how much designers put how to put efforts to make it very consistent. If that is not happening, then the product will fail terribly. Fail. Not just fail terribly fail. Users feel empowered to use the multiple products. Okay, Airbnb, if you take app and website layouts are similar for browsing, looking and reviews. What are the principle applied? They applied consistent filters. Layout icons enhance the visibility and usability across all the products. It has to be same or else people will not feel the difference. User feel secure and they will feel very comfortable. So this is about additional products. Let's talk about physical products. Ikea. How many of you know that IKEA product assembly? How many of you have went to IKEA shops? Type out in the chat. How many of you went to IKEA shops? One of the. One of the favorite shops of mine when I was in Sweden. Sweden was the actual country for this ikea. Okay. I had a chance to visit one main branch of ikea. Oh my God. It's actually a village. They have built an entire village for this IKEA products. And IKEA is actually for the home furnitures and other things. Okay. They don't just try to show you Table Chat. They'll try to create an entire experience for you, like the entire living room, as if it is actually a proper living room. When you go inside, it feels like you're in the home. It feels like you're not in the showroom or shop or something. You actually sit, you actually sleep, you actually experience a different, different part. And each and every product is made by ikea. It's a wonderful product design experience. IKEA is making number one sales in the world for the furniture design, okay? Nobody can beat them in terms of price, in terms of quality, in terms of consistency, they are insane. Okay? So why instructions follow a uniform pattern with visual diagram and minimal text. Consistency in instructional design aids, aim assembly, various products. Users trust they can able to assemble products independently. That's a great thing. Even when you go for ikea. No. Why? The cost of IKEA is very cheap, is people will give you the products to assemble. You have to assemble it. They will not assemble you. Because if you give an assembled condition, the transportation cost of IKEA will go very high. That's why their products are very, very cheap. And it's also looking very luxurious. Okay? Next time try ordering from IKEA online. It will be a great product. Just one product you order, you will become a fan of them. It's like Apple of that industry, okay? It's like a great product and it's also very democratic. Everybody can buy that. Everybody can afford that furniture. It will look very rich, but everybody can afford it, okay? And also when you buy this Ikea, they'll give you the parts. Even when you take the screws, screwdriver to go and assemble the table inside, it will be very easy to assemble, guys, okay? When you assemble, you will find those elements are also very similar. Because it should feel like IKEA has only shipped that, right? So look at the detailing of the product. That is why I am telling you for all the designers, it is very, very, very, very important to understand this responsibility. The law of similarity should be felt in every aspect of the user touch point. Whether it be a button handbook layout doesn't matter. But be very conscious towards applying it. Okay? Dyson, how many of you know this Dyson? I'd like to show some. How many of you know this Dyson products? Many people would have used it. It's a world class vacuum cleaner. Okay? But the thing is they also have other products. You can see this guy, James Dyson, he was the guy who invented these things. Look at this, what you call. They were the one who first invented this vacuum cleaner. With this kind of a circle concept, okay. Everybody has copied that. Some of their top notch product has this visual language. Okay. And you can see here, so they have actually created a very good consistent pattern across all of their products. Let's say if you take consistent sleek aesthetics with specific color accents across Dyson vacuums, they will not use very fancy colors. They have a certain color palette and they will use a cross very consistently. Okay. And it reinforces a innovative brand and also user associates Dyson's design with quality and reliability. That's a very emotional impact. See guys, this emotional impact will not be felt if you don't design it consistently. So you as a designer has to understand your client doesn't come for website design. Your client doesn't come for some, some app design. Your client doesn't come for some physical product design. He comes to create that emotional impact. If you are understanding and taking a responsibility of that, you will deliver an excellent project. Yeah, it may take little time for you to go and research it out. Go and benchmark the Dyson design. Understand from their website, understand from their product, understand from their pamphlets, understand what is the color consistency they have. Understand what is the, what you call, what is the similar mission, vision, brand language and the color consistency, the design systems, whatever these people have, you will have to study that. First, the client is not going to pay you for that. You will have to study. See guys, at the start of your career being a designer, if you look for money as a measure, you will stop working. You will wait for Saturdays and Sundays, you will wait for when I'll be getting off, but instead for the first few, five years, I would say if you work for delivering the objective, if you work for delivering the two difference and an impact, what will happen after five years? First of all, you would have become a great designer. Second, you would have been habituated. Okay, it's not like you will get habituated. You'll feel like I have to deliver this no matter what. And I'm telling you, you will be getting more than money. Whatever you are aiming for, that's a byproduct. So value first, then comes the money value. You need to understand this. A lot of people think, hey, this job, that job, I'm not, I'm worried about salary. I'm not really looking for this at a point of time. You need to understand, you need to showcase the value. Some companies, when you showcase a value, they'll deliver you a great salary and position later. That is why I'm telling you this is the things which Nobody pays you, Nobody asks you to consciously do a law of similarity. Proximity will pay you for that. Nobody asks like that. It's your responsibility to apply all these things consciously and make the brand really feel it. And then you go and pitch to your customers. Hey, see, I've applied some of the guest law of psychology and now your product looks very similar psychologically. People feel it same. Aren't you feeling it? See, can you put it in the showroom, test it out? Look how people are able to perceive it. Look at the sales, how it's skyrocketing. Now look at how much people are preferring. Now look at how much downloads are happening in your website. Once the client sees this value, he will never go to any other design. He will only come back to you again and again and again. So understand this fact. Similar Tesla Model S, Model 3 and Model X have a similar mean. Tesla is like I can talk for hours, guys. This is like have you seen Tesla's Model S, Model E, Model E. They have not kept Model S, Model 3, Model Y and Model X. Actually when you take Tesla it will come X, Y sexy, okay? E is not available because some brand has already taken that E. So they have kept three. Okay? So Tesla's objective is to create sexy cars. You will have S cars, model A lot, three cars, X cars, Y cars, only four models they have. It is a extraordinary brand. And when you take that interfaces, it is like very similar, consistent across all their models. And familiarity is a major thing. Ligo similar. I do not have to even explain you. It is a very, very similar what you call packaging. In fact, if you take the product packaging, it all looks very similar. When you take logo, McDonald's golden arch. When you take Nike swish, Amazon's logo, Coca Cola's logo. So what does this mean? Have you seen Amazon package? Like let's say the, the box, the delivery, the kind of shipping, the arrow, transportation. So it looks very similar to the meaning, whatever they have. Many people would obviously know this. I don't have to explain much about this logo because we are seeing that connection. But when you look at their interfaces, when you look at their subtles, like let's say I told you about the Microsoft app and then I told you about the Google Doc to that level. You need to create consistency, guys. That is where your brand will feel it. That is why your brand will have the, what you call the real essence of consistency and its meaning. Okay? The golden arts are consistently recognized worldwide. We know that, right? And like swish to take the description, the Swish logo and the tagline are universally recognizable in all products. Consistent strengthens your brand. Okay, we know that so reinforces Nike's mission and builds emotional connection with the user. Amazon logo and layout remains consistent across regional sites. It is very consistent across world class worldwide shopping experience. When you open in Tangier, when you open in India, it's all going to be same. Okay? Comfortable navigation, the site Coca Cola. I mean I will not talk much about logo guys. We guys know it very very better. Okay? When you take this user interface, Google Material design, Uber's app design. Take that website guys, you will know it. Even Google Material design is actually a site for creating consistency. But their website, if you look it will be super consistent. Go and read that I think in the last week or something I told you about this IBM design system and Google Material design system. Go to that website. You will have to first understand what has happened successfully guys. Being a designer, if you have that knowledge first, then you will have a consciousness. Put it inside your brain. Okay, so now I wanted you to do one thing. Guys, let's stop here. I wanted you to take three examples of loss similarity. See, don't show me very obvious example. This needs to be very unique. Okay, I'll give you three minutes time. Guys. Everybody please switch on your camera. I want everybody to switch on your camera and also please open your laptop and come up with something extraordinary design. Okay? And also I want everybody to switch on your camera and also make sure that example should be unique. I'll give you three minutes. 6:45. Yes, Divya. Stimular items grouped together. Flat icon. I use flat icon. Same kind of a function in all design tools like alignment and grouping. That's great. That's great. Super. Yes, Divya. So can you find it out some patterns and and find some good examples? That's what I'm looking for. Okay? Yeah, yeah. We can say Ranju. There is no, no harm in that. I told you, right? It's a subset of it. It is very subtle element. It's a very explicit element. Sometimes it has to work synchronously together. Sometimes we will perceive it as a group. Sometimes we will perceive it as a clusters. Sometimes we will perceive it as a similar things not grouped. See, the word itself is different. We cannot club this group and what you call similar, you can combine and create a meaning. That is okay, I told you a combined example. Also in the LinkedIn pages you can create it but consciously. You will have to think and do it. You should not do it just like that okay, that is the only thing I am mentioning again and again. You as a designer have that control to create that consistency. Then the user will feel it. If you are confused not what to do, then the user interface conveys a different meaning and you will not get the understanding. That's the point. Okay? Yeah, yeah, okay, no problem. Excellent. Totally fine. Totally fine. Yes. Can you share in the zoom chat, guys? That would be fine. It take that image screenshot and put it. Guys, that would be better for me also to see. If you give this. If you give that link, it will be difficult for me Similarity. Okay, that's fine, but convey a very strong meaning. Chavi, whatever you sent is good, but can you give me a very, very strong meaning that people have to see? Acha, this is exactly consistency here. So that should be felt. Can you take that? I have given you example of logos, interfaces and other things. Can you try it out Last one more minute, quick. I'm not seeing any text, guys. I mean, I'm not seeing any images, only color as sent. Take a screenshot Punish and send it to me. Ah, yeah, yeah. I have sent you a debit card. Yeah, I can see that. So how it is law of similarity? Tell me the interface with the numbers are numbers of spacing with the logo. You can see the similarity with that. Where is the logo in this card? The circle with the orange on red color. MasterCard. No, MasterCard is actually the exact bank logo. Like this is a. You take the card logo. It is okay like MasterCard. But each and every bank will have their logo on the right hand side. Kalai but the MasterCard is actually a card which is provided for all of these banks. Okay. HDFC ICICI if you take any bank, MasterCard, Visa, everything will be there. Okay, Numbers I can understand similarity, but what else? Give some more strong example. This is a. This is okay. I would say I need a very, very strong example. Like I have to feel that this is exactly law of similarity Chat reaction options in meta products like WhatsApp, Instagram. That's great. Super Punish. Yeah, excellent. Punish has sent a screenshot. Can you see that? That's excellent, right? So that is called consistency. Shape aligned properly shows similarity. Different icon but proper in shape. Scatter text. Show me an example Anju. That's what I'm asking. Theory is okay, but show me find out in the online you get convinced first do that activity. This is not exactly law of similarity. Can you try more example? It is okay, like give me a very strong meaning. That's what I want. If you can able to give me a strong meaning, that would be great. See, look at this. It's very consistent, right? It's all icons, it's all expression. And it's not only expression for WhatsApp, it's also for meta. It's also for. It's also for the other products of. Because Facebook has taken this WhatsApp, right? See, that is what is called consistency. Law of similarity. What Punish has said. This is what I'm looking for. Super consistency across all of their products and brands and everything. Last one more minute. Let me see more. Anju, how it is Law of similarity? Tell me Unilever, how it is? Law of similarity. Yes. Anju, are you here? It is little bit weaker meaning, but I needed a stronger meaning. Stre Balaji, can you try more? Have you. Have you found out suitable examples? Guys? If you are finding suitable examples, only your guys are learning. Listening to this theory is nothing like. There is no learning here. If you consciously put your efforts to think. Oh Acha, similarity can be like this also. Oh, this is also similar. Okay, this is. That's how you also start learning. Okay, last one more minute. Do it. Let me join it. Okay, that is great. One more example has come. You've taken our leaderboard. Okay, that's great. Shape, typeface, color, icons. Excellent. Good. Audi. Okay, the logo is very similar. That's great. And also it's similar to the typeface texture and the rings texture. Can you see that? It's a very, very subtle example. But it's a good example actually. Okay, good example. The understanding should be perfect, guys. Then only you can pick the right examples. Similarity in typeface, color. Okay, that's great. More, more, more examples. Come on guys. See if you guys are doing this activity only, you guys are going to be getting a benefit or else it will just go above your head. If you're watching in mobile, just take a screenshot and send it. That's okay. I want you guys to do one thing today, okay? All of you who is there in the call, listen to me very carefully. Very, very important activity I am giving you, okay? See, you will have to take this law of similarity, okay? Law of similarity. And I want you to mark at least three to four elements in one strong logo. Or maybe you take any digital experience or interface or anything. Try to mark law of similarity in at least three to four places and put it in your LinkedIn page. Write a short article about it. Once you mark it, take the screenshot and put it into ChatGPT. Expand upon this of Each and every meaning. Why this is actually perceived as law of similarity. Like let's say Paneesh has said, right? In Meta, these expressions are similar. Why it is similar? Why it is similar in WhatsApp, why it is similar in Facebook, why the expressions are like this, why the expressions are similarly arranged in the same order? Even the order you can say it will be very similar. Okay, so Write down a three to four lines and you can use ChatGPT also to do that. And write the sentences and put the picture. See, LinkedIn promotes you faster when you write articles. How many of you don't know this? LinkedIn is not for post creation. LinkedIn is majorly for writing. Post is for Instagram. You can say that that's okay, but the blog article's lifetime is very high, guys. It will stay in the platforms for very long. It is called half time. How many of you know half time? Halftime is actually a lifespan of each of these things. Okay? We have a lifespan. This glass has a lifespan. Everybody has a lifespan. Okay, same like that. The social media content, whatever you're pasting has a lifespan. Okay? It is said that yesterday I was reading one article, okay? Marketers have analyzed this. The reels and shots, what people are putting. No, the lifespan is like one or two days. That's it. The. The lives. The half life is very, very small. If you put any podcast, the half life is 15 to 20% higher. Good, better. When you take what you call YouTube video, it is actually little lesser only compared to podcast. In fact, podcast is better. That is where we have podcast as a material. Because that will not last. That will not fight away, that last for years. But you will not believe which is the highest half life period out of this all content creation. It's writing blogs, it's writing textual blocks. That's why we've been writing lot of blogs recently. You guys must have also seen that blogs are very, very important. And also you need to use ChatGPT. See, if you are a very good professional writer, that is superb. You can write it on your own. But nowadays we don't have that much time, right? So you can able to try it at least. If you wanted to write it yourself, please do it. Nobody's stopping. But first start with AI. See, initially I started with AI. Now I can able to talk whatever you guys are seeing in the. In the blog article. Now it's all my content. What I'm talking, what I'm speaking, what I'm coming out from the mind because I don't want ChatGPT's content that is not required for me. I need rephrasing and grammatical things to be corrected using ChatGPT. That I will do. Because if I sit on doing that then I'll become a clerical guy full day. I have to read my blogs and correct it. That's not the thing. I can use tools, I can use Grammarly, I can use this ChatGPT, I can use Google Bar to rephrase or grammatically correct sentence sentences. But context I want because I need to be unique in this topic. So to explain in my own sense. Okay, so you guys, what you have to do is you have to take one screenshot or snap or anything even from physical products. You can take write the three markings of examples and write that as a big blog and post it in the LinkedIn group and also tag any recruiters, designers or any other people and you will see magically results happening. See, when you go very deep into technical topics, people would love to explore you, people would love to interact with you, people would love to talk to you. Hey, they'll have a different perception with you. This guy is little technically strong here. Automatically the trust is built. They will not give you any design task. They'll immediately ask you to come for interview. See, that is why I'm asking you to build a brand. Last week we saw about building brand, right? So this is a way to implement your learning as well as build your brand as well as this becomes more consistent across all of the platforms. Okay, this is the main thing guys. And last actually we have come to the conclusion of the end of this class. I think I have covered everything. But let me quickly also check once, do I have anything else for you. Uber app, Slack app. You can take anything as you can take Netflix user interface, Dropbox, LinkedIn. See all these case studies are just for you to get a clarity. But go and implement it. Okay, I'm just giving you a small heads up so that you guys can do it. Okay, so I think I gave you an activity. Create a UI design for mobile app emphasizing similarity and consistency. An instruction is choose a color palette. This is a little deep activity. That's okay guys, we will do it later. But for now just mark and get conscious about that learning. That's what I want. This learning is initially not for you, but the objective is very important. Understand how consistency and similarity impact user interface comfort and design aesthetics. That is the outcome you guys will get. But activity, I would like you to first go and take a screenshot from the online or anywhere and try to do it and you can use this prompt. I'll also put this in the chat. You can use this prompt. It's going to be very useful for you. Generate recommendation to create visual consistency across UI element focusing on typeface, color, icon. Provide examples of apps website that they can able to excel in using the principle of similarity. If you guys are very proficient in understanding this concept, then you can also create one interface that is additional. It's optional if you want, you can do it. Okay. And also put that interface into that social media platform and write a very detailed blog article. Use this prompt. You will be able to create a wonderful blog article. Okay. And see guys, mastering the similarity consistent elements will help you build something very strong in your portfolio. People would love to see your work. And also this will become so satisfying and bring you a lot of loyal customers. Okay. So that is the whole thing about. And people who are watching our YouTube live. I would highly recommend you to come for our next upcoming webinar and also listen to our podcast channel. And also we are building something extraordinary guys, we'll let you know we are building a very short version of Design Verse and it's going to be on the November 24th. Okay. And this is for the public generally. But you guys can also come and participate. Not a problem. This is one initiative what we are doing. And also please invite your other friends, whoever you are comfortable to invite. Maybe they can get a maximum benefit out of it. Okay. Yeah. Upcoming webinar. Okay. See guys, for our people don't use this one because for our people we have a very special discount. Also it will be mostly free. Okay. For the outside people, we want to check whether they're serious or not. Because a lot of people are registering but very few people join it. So that's why we kept 1900 rupees as a webinar pricing. But for us, don't worry, you can ask me. We will. We will help you with some special discount coupon which we got for few users. Okay, just let me know fast. I can also help you out with that. Okay. Okay. So now this is all about the end of the class. But now there is a last instruction for you guys. Guys, whoever has not completed Silver membership course and Codex document please raise your hands. Who has not completed Silver membership course and Codex document. Okay, so lot of people are here. In fact Jain and he has to complete Shavi has to yet complete full Silver membership course. Kalai Sri Balaji Punish has done Tilagar. Have you done Tilagar has not done Anju has also not done Manikand. Done also is pending. I want you guys to complete it before today, tomorrow, day after and meet me before this Sunday. Because I'm going to do a rapid one to one for all of the people guys, okay? Because I need to give you a one to one call. If you are in the job special program I need to give you that. If you're in the basic program I. I may not be able to give you because a lot of people are there. But in the job special you're focused already on the job. I will make sure you you are getting the proper support. In one to one call with me, make sure you complete the Codex Silver membership course. See in two days you can complete all of these things. If you dedicately focus and work here, it's not a very big deal. Okay? But don't binge watch like a YouTube. Just write it down notes and if you're stuck somewhere give me a call. What is the problem you are facing? That's where I can also come and help you, okay? Don't tell me that you're stuck. Tell me where is exactly the problem you are lacking. And again don't think into too much analysis mode guys. Just be in action. Because this program is to get you clarity, okay? In fact if you. If you. I'll tell you on contrary, okay? If you take this YouTube live and all these things it will be very very lengthy session. But if you go into the Silver membership course and Gold membership courses it will all be power packed to only 510 minutes not max more than 12 to 15 minutes. Because that is all. Exactly the formula which you have to understand and implement Learnings and teachings can be more. But the formula is very simple. That is why I tell all of the people to first complete the basics Silver membership course and then build Codex and then come for a one to one call with me. Then only your game plan really starts. If you are sitting with that already pending then you are not moving next place. People who don't have big projects have really become success only by filling codecs and documents everything properly. So get on a call with me. Need any support, reach out to me guys. Okay? All the best. Take care and.