Leon Paternoster, bearded, looking to the right, wearing glasses

If users aren’t bothered about griddy layouts, why are we?


Hidde de Vries posted some excellent thoughts on not bothering with complex CSS fallbacks for older browsers (in this case when using CSS grid):

I don’t think we owe it to any users to make it all exactly the same. Therefore we can get away with keeping fallbacks very simple. My hypothesis: users don’t mind, they’ve come for the content.

Granted, what we mean by “content” is vague. A blog post is different from a list of trainers, which may require a more complex layout than a single column. But what always strikes me about these types of posts (which have been written for years) is that they don’t take the obvious next step and recommend ditching complex layouts altogether.

If users don’t care about a complex layout then why should the people making web pages? Why do we bother creating griddy layouts at all when it means more work and more code?

(Actually, a few designers have argued just this.)

Hidde acknowledges the main reason for implementing grids is to keep on-brand: Some brand design guidelines come with specific grids that content needs to be layed [sic] out in. In other words, it’s not users who demand grids, but marketing departments.

But that’s not a good reason, and something designers should resist. You could argue for making things look fancy for their own sake by referring to the world of advertising. Companies still pay for display adverts and TV spots because they communicate something about the the “brand” beyond its content and price. They don’t want to look cheap, and nor does your website:

… an ad can emit a powerful signal about a brand, regardless of information content. Online ads are cheap and easy to make, but the problem is, they look it.

But this is by the by. Even if we accept the Don Draper logic, a simple layout doesn’t have to look cheap. If your user is happier with plainer then that’s a good business reason for keeping it simple. Online, the interface is the brand, and your testing and feedback should dictate the layout you implement.

Note: That’s not a reason to discard CSS grid 😇 – I don’t mean to conflate a CSS technique with a type of layout. Any layout is quicker and easier to implement in CSS grid than by using floats, an age old CSS hack.