Mind In The Gutter

Graphic novels are a vivid and engaging form of storytelling. They paint the scene and frame the mood without forcing your imagination out of the driver’s seat. I can’t tell if I’m watching a book or reading a movie, and I love it.

The more graphic novels I read the more I ask myself how the same storytelling techniques can be used in everyday web design. While there are many techniques to learn from, perhaps the most instructive is the strategic use of the void between panels: the gutter.

What happens in the gutter?

Magic. Graphic novels — okay fine, comics — primarily consist of three things: dialogue, imagery, and the reader’s imagination. That critical third component is empowered by the gutter. The reader uses that space as a catalyst to glue the story together by filling the gap with past experiences of their own. And it all happens by design.

Comic creators carefully choose which content goes undefined as a way of enhancing the content that’s actually there. They understand that everyone’s experiences are different, and when the reader is allowed to fill in the gaps it creates an emotional affinity that can only be done through collaboration between the storyteller and their audience.

This is different than minimalism on the web, where designers try to avoid overwhelming users with too much content for the sake of increasing retention. But there’s much more addition that can be done through subtraction. It’s not just space between ideas, but a chance to analyze and connect ideas based on what we know. Including a gutter in your design will give users something to imagine as a way to enhance what they see.

Applying it to the web

The stories we tell on the web offer the best opportunity to bond with our audience — stories that can deliver more personal messages and resonate with each reader by leaving the right content undefined.

So what can be left undefined in web design that will actually add to the experience? There are techniques that already exist that, when used together, can make for a powerful effect. A blurred background image can make someone think not where the image was taken but of a time they experienced a similar sight. An illustration can depict an environment without seeming like a real place, allowing someone to imagine their own. It can even be as simple as breaking up content at the right moments to allow your audience time to reflect as they transition to the next section.

When I finish reading a graphic novel I don’t just feel as though I helped tell the story, I feel like an enabler; an accomplice to the actions of the story’s characters. I become attached to the creator’s work, almost as if I were a silent collaborator. It’s a feeling I want those viewing my designs to experience.

It may be your message and your design, but it’s their story.

Share this post:

You might also like How to Sell a Vacuum, Designers and Their Tools, or What the Movies Can Teach Us About Design