I was intrigued to see the tweet yesterday announcing a new Design Observer. The venue is widely recognized as an authoritative platform for graphic design criticism, but the design of the site itself always felt a bit out of touch with the modern web. This wasn’t helped by the impression — just mine? — that its founders represent in some ways the “establishment class” of design. Whether or not that judgment is valid, the founders have a long, proven record of solid work. And much of their Design Observer writing was good. Which is why, stylistic preferences aside, I could overlook the conservative typography of Arial, Verdana, and PNGed Gotham squeezed with inconsistent spacing into narrow columns. (Heck, my own site lived on steady diet of Verdana and Georgia for seven years.) You could read the text. It worked.
A redesign, however, offered an opportunity to embrace the modern web, to stretch out a little, to try new things, to recognize that the audience for design criticism has evolved, and so have their screens.
As I visited the new site last night, though, all I could think about was missed opportunities. Instead of stepping forward, Design Observer stepped meekly to the side.
Just as before, the overall landscape of the page was fairly attractive from a birds-eye view, but things fell apart once you got closer. Elementary principles of current web design — especially typography — seemed to be ignored. At every turn, my questions mounted. How many of these missteps were conscious decisions and how many were simply overlooked? Some of them could have been the inevitable hiccups that come with any site launch, but many were fundamental choices that I just couldn’t understand. The questions weren’t answered by the anonymous blog post announcing the new site, in which “dates at the top of each article page” and “a homepage link to our Twitter feed and easy access to our social media” are mentioned as key design improvements. To be honest, the only bit of that post that really made sense to me was the wise addition of three able contributors: Véronique Vienne, Adrian Shaughnessy, and Erik Spiekermann.
I wanted to ask these questions in a comment, but the registration system (part of a new “social platform” touted as the most important addition to the site) was broken. The comment button did nothing and the register link led to a “Page not found”. Frustrated, I fired off a harsh and inarticulate tweet to @designobserver.
I immediately regretted it. Twitter is a poor medium for serious critique, and DO’s account shows that they never reply to mentions anyway.
So, I’m posting my questions here. I hope they are constructive. I want to see a great Design Observer because the writing (especially with the new recruits) deserves it.
Why is the logo so tiny and in such low resolution? Archer’s small lowercase does not survive this treatment. With more pixel density at least Retina users could see the type as it should be seen.Update: The logo is still small, but now it’s an SVG which looks crisp and clear on my Retina display. Good move! What is this ominous warning that Chrome issues on every page load? Later answered by Richard WestenraUpdate: This must be resolved now because the alert no longer rears its spooky head.
- Why is there no margin between images and captions? The caption size is also far too small — again, especially for Archer.
- Why Archer for body copy? It’s a fine typeface, but it’s a tad quaint for anyone who wants to project a strong voice. And it is far too thin and monotone for long reading.
- Why pack so tightly the lines of some paragraphs, like those of author bios? This is especially detrimental to a delicate face like Archer, which needs room to breathe.
Why on earth is there a scrolling marquee at the top of the site? This kind of useless animation navigation is strangely reminiscent of the ’90s web.Update: The marquee is gone, reducing empty space at the top of the page and bringing more of the main content above the fold. Better!
- The “Related” article teasers that slide in as you scroll down the page are nifty. But why do they make their appearance so near the top of the page, distracting the reader from the current post?
- Why is the site not responsive to screen size or pixel density? I’m sure your logs show a nontrivial percentage of visitors reading the site on their phones. And if they are not, the inflexible design may be why. (This question makes me a hypocrite. Typographica is sorely in need of a responsive update and it’s the first item on our agenda when Chris and I redesign.)
Perhaps the new Design Observer actually is embracing a new design philosophy: launch early, iterate often. One hopes. Otherwise, what was once a beacon of design thinking may slip into irrelevance.