Observer of Bad Design

The redesign of Design Observer is truly a missed opportunity.
As with anything design-related, the problems are all in little details.
Here’s a list of problems that caught my eye (top to bottom, left to right):
– Is the black tray at the top necessary for 2 measly links? Seems a bit much.
– The scrolling news marquee at the top is abruptly cropped about halfway across the width the the site, why?
– Sometimes ads are necessary, but does MailChimp have to take up that much room at the top? Christ.
– The lefthand navigation. What is that, 6-point type? Again, why?
– Rolling over blog posts on the homepage reveals a blog post summary. No animation, just a jerky jump-out.
– Why are the ‘Creative Opportunities’ in white text against a light grey background? I can read them, but it’s approaching the edge of readability.
– Because the header is over 250 pixels tall, the scrollable area for the mere three articles is extremely small.
– Even though the website is over 1,000 pixels wide, it feels extremely stuffy and cramped because of all the poor design decisions made. The stacked logo feels cramped, the lefthand navigation feels cramped, the height of the header makes everything below it feel cramped.
– Most disappointing is the lack of sophistication to the typography
I could go on and critique the rest of the site, but you get the idea.
Clearly Design Observer is comprised of some heavyweights in the world of graphic design but traditional graphic design is very different than web design.
It reminds me of when Michael Jordan tried his hand at minor league baseball. Sure, he did ok, but it was anything close to his achievements in basketball.

Leave a Reply

Your email address will not be published. Required fields are marked *

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax