Published on <a href="https://blog.prototypr.io/against-symmetry-d96fc5c36431?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Ahmed Hassan (Simaar) <img alt="" src="https://cdn-images-1.medium.com/max/1024/1*y0-P9DcbizOOL0FtgeqWgw.png">
<h3>A case against symmetry in design</h3>
We are humans and no matter how many times we try to put ourselves into little boxes it won’t ever work, be it <a href="https://en.wikipedia.org/wiki/Myers%E2%80%93Briggs_Type_Indicator">16 personalitie</a>s or <a href="https://en.wikipedia.org/wiki/Big_Five_personality_traits">OCEAN</a> in psychology, <a href="https://www.webdesignerdepot.com/2013/12/infographic-flat-design-vs-skeuomorphism/">flat</a> vs <a href="https://www.webdesignerdepot.com/2013/12/infographic-flat-design-vs-skeuomorphism/">skeumorphism</a>, or a portion of your target demographic that doesn’t quite behave like you expect it to. We hate boxes inherently, as much as mathematical they are, they denote a symmetry that we can’t ever relate to. We like imperfections as much as we pretend to shy away from them.
We are odd, curvy and emotional beings and finally design has caught up. Grid and Layouts are essential, that I agree, but to say that we will perfectly relate to them in an emotional way is well, wrong. There is one thing that needs clarification up till this point. We, as designers, have liked grids and structures not so much because they are beautiful but due to their natural ability to simplify and connect.
Think of it as any product you love. The new Tesla model is beautiful and most will agree but would you find the ugly, functional thing that created it? Would you be fascinated by it?
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*suJkh7ODxG17zJlS.jpeg">Are you fascinated by those red robots more than the Tesla car they are making?
No. Its hard to connect to those tools until you use them on daily basis and have grown to like them. Grids are similar to that for designers: a tool that is so useful that we might get a bit overwhelmed and think that the general audience will have the same relation with them but we need to take a retake on our take over this. Why Apple added genie effect, why Microsoft brought back translucency in Fluent Design or Facebook wishing you Good afternoon? Mere usability and aesthetics aren’t the reasons. More then setting the right contexts, they connect with our brain’s irresistible need to look for excitement and wonder. We love surprises, out of the logic scenarios appearing in uncommon places in our routines in order to delight us.
Our tools like gird and formal language might provide clarity and convenience but its difficult to form an emotional connection with their symmetry. That is why illustration-accompanying-paragraphs are easier to understand. Its the reason why pictures increase the interest of the user. Its the reason for existence of comedy. We do love ab$urd.
And we reveal it everywhere, be it the <a href="http://impossibleobjects.com/catalogue/coffeepot-for-masochists.html">Coffeepot for Masochists</a> or <a href="http://brutalistwebsites.com/">Brutalist websites</a> or <a href="http://www.alessi.com/en/products/detail/psjs-juicy-salif-citrus-squeezer">Philippe Starck’s juicer</a> or <a href="https://en.wikipedia.org/wiki/Google_logo#History">the green colored “L” in Google’s logo</a> or <a href="https://www.youtube.com/watch?v=VtvjbmoDx-I">Apple’s 1984 commercial</a> or even our own <a href="http://99u.com/videos/55967/natasha-jen-design-thinking-is-bullshit">thinking processes</a>.
<blockquote>We will fight symmetry in the shadow of our souls and be loved for it irrespective of the fact that they make us maintain the world as it is.</blockquote>
Chaos is the enemy we secretly love and imperfection its father and that is where relationships come in. Our different imperfections cause the friction, this friction ignites the spark, and that spark create the magic. When our incoherently spaced dots meet the dots of someone else. New connections are formed, as the connectivity grows this network give birth to a relationship. As designers we need to understand these relation in context of product and the user. These relations need to be formed not just with usability and aesthetics in mind but also human love for humor and creativity.
<h4>As creators we need to understand the inherent disrespect humans have for consistency and monotonous.</h4>
This calls for designs that break symmetry intelligently and respectfully. That certainly follow a proper structure for good usability but also add a little magic. Just enough to make it worth user’s time. No matter how formal and structured we have to be, there is almost always room for a bit of <a href="http://mashable.com/2017/06/25/facebook-harry-potter-easter-egg/#xObcZ_6YAaq3">creativity</a>, <a href="https://en.wikipedia.org/wiki/Special:BlankPage">humor</a> and controlled <a href="https://www.google.com.pk/search?q=Zerg+Rush&amp;oq=Zerg+Rush&amp;aqs=chrome..69i57&amp;sourceid=chrome&amp;ie=UTF-8">chaos</a>.
Take google.com for example, the search giant has to do 3.5 billion searches per day for the whole world. Every kilobyte of code on that page has its price and so much so that it took this factor into the redesigning the logo too. It took its logo from <a href="http://gizmodo.com/how-could-googles-new-logo-be-only-305-bytes-while-its-1728793790">6kb to 305 bytes</a>. But it still finds room to show those cool <a href="https://www.google.com/doodles">doodles</a>. It still celebrates humans in its own googly way!
<h4>In this age of design systems, remember that our products and brands need to have spark, a creative chaos, thoughtful &amp; intentional asymmetry so they can resonate with who we are.</h4>
This topic definitely needs a disclaimer and here it is. The design is always concerned with a specific purpose:
Communicating a specific idea, emotion, information to a specific audience in a specific medium in an efficient and effective way.
The is the primary motive of design and although I have argued about the importance of chaos, it is not something to be played with. Asymmetry if not used with care, can prevent the proper usage of the product.
Usability and efficiency are far more important factors and the need of asymmetry takes the second place. Our products and brands can form personal connections with users only after they work how they are supposed to!
But afterwards, don’t fear to let some wrinkles of imperfection, stains of asymmetry and a pint of carefree humor shine through!
Let the lines be blurred and rules bent (responsibly)!
Ahmed aka <a href="https://www.linkedin.com/in/simaar/">Simaar</a> is a Brand/UI/UX designer who is practicing to develop and improve experiences of brands and interfaces. See his work here: <a href="http://www.simaar.com">www.simaar.com</a>
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=d96fc5c36431" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/against-symmetry-d96fc5c36431">A case against symmetrical design</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

A case against symmetrical design

A case against symmetry in design

Top Stories