Product Design How grids liberate you and uplift your designs

Grids are a great tool for organizing your designs and reduce the number of decisions you have to make, which leads to more stress free designing where you can focus on your work. That’s when you’ll become liberated and create your best work! Let’s talk a little about how you can use grids, what are […]

How grids liberate you and uplift your designs

Grids are a great tool for organizing your designs and reduce the number of decisions you have to make, which leads to more stress free designing where you can focus on your work. That’s when you’ll become liberated and create your best work!

Let’s talk a little about how you can use grids, what are some best practices and how to best include them in your regular workflow. We’ll also explore different and unusual grid styles that you never considered using and close with how that liberates you and uplifts your designs.

1. It’s simple and easy to implement

An artist once told me that to break the rules, you first have to master them. Look at Picasso. As chaotic and crude his paintings may seem, all misplaced features and disjointed limbs, Picasso knew how to draw the human figure perfectly. It’s only by understanding the proper technique that he could turn it on its head, quite literally, in a compelling way. He learned to do it right so he could do it wrong.

 

People have basic expectations when using the web. Especially given their tendency to scan rather than read, it’s important to consider those expectations when writing UX copy. It’s possible someone will only read the headline before hitting a button. Or they might read the button and nothing else. If your product doesn’t work the way they expect it to, the way they intuitively navigate other products or websites, they’ll move on to something else that does.

2. The grids can be very flexible

You should always be guiding the user and telling them exactly what to expect, each step of the way. It’s a conversation that, if done well, your user doesn’t even realize they’re having.

 

This conversation happens through your help text, your headlines, your CTAs, your confirmation dialogues.

  • Pop-up dialogue that says, “It’s not possible to recover files after deletion,” tells your user to think   twice before hitting delete.
  • A button that reads “Review order” eases a customer’s mind in a purchase flow, assuring them they’ll   have a chance to look over their details once more before making their purchase. Likewise, a button   reading “Complete order” says this is it, you’re about to pay.

Dude walking after surfing


When done well, it is as much a part of your brand as the design itself.

That would be it people

An artist once told me that to break the rules, you first have to master them. Look at Picasso. As chaotic and crude his paintings may seem, all misplaced features and disjointed limbs, Picasso knew how to draw the human figure perfectly. It’s only by understanding the proper technique that he could turn it on its head, quite literally, in a compelling way. He learned to do it right so he could do it wrong.

 

Grids are a great tool for organizing your designs and reduce the number of decisions you have to make, which leads to more stress free designing where you can focus on your work. That’s when you’ll become liberated and create your best work!

contact me

Hey there, I am Darko, your friendly neghborhood designer and author of this blog. Let’s make something awesome together.

Contact Me