Responsive Content Display

Published May 25, 2019

Diplaying created things on the internet feels both freeing and constrained. The tools I use are made by others and this seems misaligned with expression of oneself. I have a long-simmering question which has never been addressed.

Why does it feel like I’m creating in a box?


Last week I published this post and this nonsense bounced around in my head for five days prior to:

> It's just a journal. Post it.
But, it feels insignificant.
> Journal, though.
Should I write something more... important?
> You're not NPR.

My publication-fear was deeply rooted in how I chose to display my writing. I have a buried desire to publish my more thoughtful work so I designed with that ideal in mind. The consequence of doing so made me to feel trapped and I, very effectively, throttled my own creativity.


Frames

Creating is very fragile. Everything you do and experience affects your output. Conscious or not, we’re always looking at the frame which houses our work.

Screenshot of original Instagram app

Image credit: DesignModo.com

Take a look at Instagram as an example. The square photo restriction felt like it had a lot to do with the devices at the time. As time went on, users became more aware of the frame and creative output was altered specifically because of the unique crop.

Although more photographic ratios are allowed now, there remains a couple which aren’t, and so we’re still making concessions.

If you’re a photographer who wants prints than we’re talking about cropping an image twice for display–once for print, once for the ‘gram. Or maybe you never print. Maybe you just do it for ‘gram. That feels strange to me.

Other Blogs Have This Issue

Screenshot of Rands' website

Screenshot of RandsInRepose.com

Rands’ blog has something like this: links out to other websites with a relevant quote. I’ve long desired to do something like this yet the further along I go, the less appropriate it feels. When I look at it in-context of his website, it feels right for a journal to have this. My frame doesn’t allow for that sort of note-keeping though.

Medium runs into this content display problem, manifested in a different way, as their display forces amateur (or comedic) writers to deal with the perception of being either too serious or not serious enough. I have a theory it is because of the aesthetics: too much elevation changes the perception of the content.

Screenshot of a Medium article

Screenshot of blog post, "Dear Guy Who Just Made My Burrito"

The top comments indicate some level of expectation which were evidentally never met and it’s not clear why the expectation was held to begin with. Again, this isn’t NPR. He’s writing about a burrito.

Do you think this encourages more burrito work or less?

Feels Late to Compliment Tumblr

I had no idea what was going on in Tumblr anymore but had good memories of it. I rejoined to capture this screenshot of the Recommendations tab:

Screenshot of Tumblr recommendations tab

Tumblr isn’t frame-free but it’s the closest we have been in non-creator-originated-displays. The content doesn’t look like it was filtered on its way out. In its chaos, it allows for more creativity.

Let’s pause this line of thought and take a look at something in Paris.


Water Lilies

Have you heard of the Musée de l’Orangerie? The musuem houses eight paintings from Claude Monet’s famous Water Lilies collection, known as the Nymphéas. Paintings from this collection are on display all over the world but this particular exhibit is special: it was custom-made for the work.

Picture of Water Lillies collection in Paris

Monet worked with the head architect of the Louvre, Camille Lefèvre, to create a place for these canvases: natural light, plain walls, and sparse interior decoration. The work informed the space.

This musuem is what I think about when I see creative work displayed on the internet. I want the internet to feel the same as this musuem but it doesn’t. I can’t stop seeing the frames.


Responsive Content Display

Explanation of responsive content display with duck pictures

When Responsive Design was introduced, the idea was rooted in design serving its content1 except I’m not sure if we’ve pulled it all the way through. The browser window is changing for the device but the way the information is inputted and what happens during the output is not.

Explanation of responsive content display with duck pictures, part 2

Content is now filtered through something else: the designer of the software. It’s a lot like how websites used to be way back when developers created the majority of things:

Oh, it says it needs to be a 1:1 JPG. No… wait, 1:1 JPG under 10MB. Does this work? No… what about this?

Everything is now a collaboration.


The Filtration

The point of this is not to say we should never have constraints in software design but to highlight how a software designer (with another point of view) can change what a creator produces.

You could say that art has always a conversation between society and the creator–there’s no way to produce without some sort of frame. But I think this is an apathetic approach to it: we can change how freeing or constraining interfaces can be.

Everyone should own their point of view without a forced collaboration. We’d get more out of it.


1 Marcotte, Ethan. "Responsive Web Design." A List Apart, May. 2010, alistapart.com.