Ep 301| How Designers create Trust for Brand- Law of symmetry Helps
18 Nov 2024 · 10 min
Jagadeesh P explains how the law of symmetry in design builds brand trust and user engagement. Symmetrical logos and UI elements feel more trustworthy to our brains because symmetry signals balance and stability. The episode walks through real examples and includes an activity to practice spotting symmetry in design.
In this podcast, I'm going to tell you why having an understanding of law of symmetry really helps in driving your user engagement to an insanely different level. Lot of people make beautiful designs, lot of people make logo design and they create interfaces and try to create some experience for the people. But in this last few podcasts, we've been talking more on aesthetics, keen towards understanding why it is not only pleasing, it is also making a functionality move to the people. Particularly this law of symmetry is a very, very primitive law. Some of the big logos, like let's say Starbucks, like let's say McDonald's, like let's say, like let's say you can take many, many branded logos which has this law of symmetry inbuilt inside their logo. You can take BMW, you can take Mercedes Benz. I'm just getting you a few. But inside this podcast I'm going to show you why having a law of symmetry inside your visuals and interface and logo will create a great trust for your brand. It makes you look more stable compared to your competitors.
Okay?
And if you are a beginner, if you are a fresher, understanding this law towards the start of your journey is going to be ultimate game changer for you.
Okay?
So take a lot of notes and particularly I'm going to give you an activity at the last. If you're able to do that activity, then and only you're going to learn this law. Guys, this is not a theory class, okay? I'm just making it very clear if you're just listening and leaving, it's better not to listen at all. It's waste of time for you the next few minutes.
Okay?
So if you're taking action, definitely this is go and imprint in you with that context. We'll go into this podcast. Welcome guys. Welcome to this episode. Thank you for staying tuning here. First of all, what is law of symmetry? See, symmetry refers to a balanced arrangement, right? That we know. Like when you take x axis or Y axis, it provides you a equal mirroring image of that. What happens when you create a law of symmetry in your visuals? Okay, so being a designer you need to understand law of gestalt is very, very important. We have been deciphering aesthetics for the past few days and then we've been knowing like why it is very important for a visual designer to drive that engagement for your user psychologically as well as neuroscience wise. Okay, so what happens when you provide symmetry, predictability, trust and aesthetically pleasing designs as well as functionality? That is why symmetry is very important. And also it is helping the User to make a ease of decision. Not only aesthetics but also functionality. You need to understand this, guys. See symmetric layouts, which has more what you call grouped symmetrical working. It will evoke a lot of reliability and comfort. See, there is a big confusion happened in today's class. What happened is I was trying to teach law of similarity.
Okay?
So earlier there was a law which we actually saw, which is like a law of proximity. So both were little looking closer. See, even while I'm taking the class, I'm feeling that difference because many of the laws are a little bit overlapping. Last week we've covered this topic, but I've took this topic again because I thought it is actually little different. So even for me to take that topic, sometimes these laws are very close and sometimes it is a little confusing as well. That is why it is very vital. I suggest you to go and practice this practically to do it, okay? Many students who have taken a screenshot, they marked this is the law of symmetry. This is the law of closure. This is the law of what you call this proximity. But I can see there are a lot of mistakes in those work. The reason being it's very common, guys, we all make mistakes. That's totally fine. But we will have to practice it to make it more easy and comfortable for us. Because I'm telling you with a caution, every law looks very similar, okay? There is a subtle difference between figure and ground and law of closure and law of continuity. But each are very, very different.
Okay?
So that is why practically going and seeing an interface or logo or a digital interfaces will give you some kind of a clarity towards understanding the difference. And many times it will all be clubbed. Also sometimes two or three laws will be clubbed. Sometimes only one law will be emphasized. So I'm just giving you a caution to understand this fact very easily, okay? So ultimately why we are doing this is to reduce the mental effort of the user and also make it very, very aesthetically pleasing. I'm going to tell you three mechanics, guys, how we can able to implement this law of symmetry. First, you can create horizontal or vertical symmetry. That's a very simple way to do it, okay? It's a very fairly simple logo, straightforward. If you take Mercedes Benz logo, if you go to Google and type it out, it's like symmetrically wonderful logo. Like let's say that has a wonderful symmetry. In fact, it has a radial symmetry as well. You can use that. That's the second mechanics. It's not only about x axis, y axis. You can also create a radial Symmetry. Okay, so you can take this particular example. Like you can take this Audi logo. It's like radially, it's also symmetric in nature.
Okay?
And you can say the watch faces, many of the watch faces. In examples you can take this radially outward from a central point is actually called the radial symmetry. Okay, so first is horizontal symmetry, vertical symmetry. Second is all about radial symmetry. And third is about using symmetry for branding. See, this will help you to understand the trust which is being built for the brand, the completeness. You can say the example, you can take the example of Starbucks logo, you can take the example of BMW logo. You can take example of many banking applications. You can take McDonald's. You can take many, what you call prominent logos which has really implemented this symmetricity. See, it makes you look stable. If your logo is very, very fancy and it is so what you call so creative, or maybe it's very different, people will not be able to resonate with that brand. How do you build a trust and reliability with the people for the common people Also by just showcasing simply this is what we are very simple, right? Like if you can able to bring that simplicity and symmetrical elements and balancing elements for those logos, people will be able to connect with you very easily. Have you seen Google's homepage? The logo, the search bar buttons, it's all symmetrically placed, right? So people can able to understand it. So there are a lot more examples I can keep on giving you guys, but this is the point. Okay, so what happens? What happens neurologically? After you exam, after you examine this neurological factors, why it is creating a different kind of a feeling inside us, then I can able to give you a lot of case studies. 82 percentage users prefer symmetrical designs for tasks related to form filling. UX Research journal said that if you take any complex UI and UX it will be very difficult. Guys, if you give the dashboard for the users to fill it, it would take much mentally effort for them to fill it. Rather, if you give it like a symmetric, if you give it like a grouped one, you can able to easily give the navigation for the user so that they can able to fill it fast. Ultimately you need to make your user take action fast and engaged. Symmetrical layout improves your focus by 45 percentage. Neurodesign studies says that the occipital lobe, which processes the symmetrical information very faster and it enhances the usability. Journal of Visual Psychology said that. See guys, the reason why we are telling the statistics and information is you need to understand where these roads are meeting. It's not like we are learning a lot, we need to understand it consciously. Have you taken Facebook login page? It's all very symmetric. It's like beautifully designed pages. I would say that is very, very favorite of me. Many times people have not understood that. You can see the balanced input fields. It creates a familiarity and trust. Netflix homepage, symmetrical arrangement. You can go to the YouTube channel live. Guys, I have taken one example and I've detailed it out this case study for more than 45 minutes. Okay, link is given below. You can able to go to my YouTube channel live as well and watch this keyword. Okay, put this keyword and watch it. And you can able to read my blog. Also in LinkedIn recently I've written you can take the iPhone example, the perfect symmetry of its front face. You can take BMW dashboard, it's very symmetric. You can take the MasterCard logo, Radial Symmetry. You can take this is all balanced and professional, very professional looking. And also you can take the target logo, concentric circle. Emphasize the simplicity and trust. You can take many graphical magazines cover also guys, symmetrically placed elements around the text will create lot of attention to the user. See, so why are we creating this kind of an impact? Why are we creating this kind of a loss? Is to make you understand that the users needed this information, the users needed this attention. Or else it is not fun. It's like you keep on doing something and people won't be able to relate with whatever you are seeing. Ultimately that's important. Okay, so this is very important, guys. You can apply in human faces, butterflies, architecture, nature web design, furniture design, mobile app, logo, UI elements. You can literally apply to anything. Guys. It's possible. If you take LinkedIn app, you can take Facebook app, you can take YouTube player. Just like volume controls, player pass, like all these things are very symmetric in nature. You can take the calendars, you can take the hospital signage, you can take many interfaces like the Amazon product page. It's very, very common. Guys, when you take the radial symmetry, you can take the wheels and tires of our car, okay, you can take some animation. Sometimes the glass hour or the circular animation for loading animation. Have you seen in the UI interface, this is all very, very common example of radial symmetry. Okay, so this is very common. And also when you take logo, Starbucks, I told you. You can take Toyota logo, you can take shell logo, you can take Volkswagen, you can take Batman symmetric classical example. So Instagram many more examples I can able to keep on giving you guys. But the point here is, are we able to consciously understand it and are we able to implement it in our design. That's what is majorly important. If you are able to do this, then you will be able to create a huge impact in your designs. Guys, I'll give you an activity. Design a mobile app login page using a simple horizontal and vertical symmetry. See, the main goal of is for you to understand the balance, how it's created, how it is visually appealing for the people, how people can able to build the trust and how easy it is for them to recognize and use it. Take one or two example. Try to mark it down first and try to recreate a very symmetrical landing page. Let's see how you're doing it. And make sure you take a screenshot and send it to my email. And you'll be getting a surprise gifts as well guys, because you are taking action, I'll make sure you are getting that gift.
Okay?
Sometimes the gift could be a one to one call, sometimes it could be a free bonuses which we will give you for more than 10,000 rupees. So that is dependent on the work what you do.
Okay?
So I believe this podcast would have given you a great value. We'll see you in the next episode. If this adds great value, give me a best star rating in Apple and Spotify. We'll see you later guys. Take care. Bye bye.