Diversity in Style

@dotCSS 2016 #talk #transcript

This is the transcript of a talk I gave at dotCSS 2016. The slides can be found on GitHub.

If reading the transcript is not your thing, you can watch the video of the talk on The dot Post.

Hello! This is nice.

I want to invite all of you to bring back Design Diversity.

“Who is me?” I am Matthias, as you’ve been told, but I also go by cssence.

Design Diversity, what do I mean with that? Earlier this year, this happened on Twitter. And I was like, OK, yeah? Websites, boring? Sure!? Do we know about this, as a community? And I had to agree: Yes, websites are getting boring. And there is proof, because we are making fun of it. Jeremy Karbowski made this project, and there is so much truth in that; if you scroll down all the way [and compare it to] major redesigns these days, they are all looking like that. I wouldn’t mind so much if the user experience would go up, but that’s not the case.

So how do we fix the boring? Consider PolarPolls, a popular voting platform. Sadly they stopped operations a couple of months ago, but this was their take on tablet screens. Luke Wroblewski — you all know him, he is Mr. Data himself — is doing data-driven decisions on his designs. [According to the data, tablets are] usually held in a landscape orientation with two hands. So there you go, two-thumb operation: You can quickly browse through all the available polls [with your left thumb] and do the actual voting on the right. Cool, hah? But this is hard, it takes time getting used to it. We’ve been trained, the content goes in the center, and here we have this big almost unused space. Hmm?

I always wanted to show my own site on a big screen. I’m using visual imbalance on purpose. You have to be considerate of what you put towards your users, because it shouldn’t be too hard to figure things out. The thing with boring sites is we all know them well, so we know what to do. Here we have for example slightly cut-off elements, and even first-time visitors [should have] a natural tendency — if something is slightly cut off — to scroll to reveal. So this should work.

Speaking of being considerate of what you dump towards your users: I am not showing this to mock them. Also, this is not like… it is now that… ahem, you all remember last century websites. [Though] they’ve been quite “diverse,” you know this is not a call for a Renaissance. Bringing back those sites? No, not at all.

The actual point I’m trying to make: It’s not so much about the final design, it’s more [about] the patterns, the design patterns we have at our disposal. And this is where we seem to be stuck. We have the continuous long scroll on mobile, we have the hamburger menu. We need to expand our repertoire. And to do so, we need to innovate. And innovation can’t be done on localhost, innovation needs to be done out there, in the open — from small pet projects to high-traffic websites.

And I think we can do this. Yah, we can set course for a future beyond the boring, a future where tweets like this no longer show up, to make the web this great diverse place it was always meant to be, by design.

Thank you.