Four major sins of news design

by Lauren M. Rabaino

Let’s be honest: In general, news site design isn’t pretty. I know I’m not the first or last to say it, but I do have a theory about why. It starts off innocently enough — an article, navigation, some ads. But as new tools, gadgets, buttons, widgets, extensions and plugins are introduced to the news consumption scene, that once simple design becomes cluttered with bells and whistles that hold the content hostage.

The plague of news design is upon us and although the average news organization has dozens of corporate hoops to jump before being able to implement a full design overall, these are four simple starting points.

Sin No. 1: The swamp of “share” buttons.

Like this on Facebook. Tweet it. Stumble it. Digg it. Bookmark it to Delicious. Who can blame a news org? Although those options should be easily accessible, they shouldn’t detract from what’s important: the content. We want our content to be shareable across multiple platforms. But there’s a nice way to do it. Take a look at this article page from my local TV news station:

There has to be a better way. Share icons should be integrated into the design of the site as a native functionality, rather than as buttons plopped into a template.

LA Times’ Hero Complex blog takes an interesting (but imperfect) approach at integrating social media icons, although the use of Comic Sans is highly unfavorable. My favorite integration is The New York Times, which presents the icons very subtle and unobtrusively:

Sin No. 2: Layers and layers of navigation

You have the typical print sections (news, arts, sports, etc). Then you have the money-making sections: jobs, real estate, classifieds, cars. Then you have the subscription options: sign in, subscribe, register, Facebook connect. Not to mention the ever-growing trend of displaying hot or trending topics beneath the nav and subnav (see the LA Times or Washington Post). When did navigating a news site get so complicated and how can we tone it down?

Let’s take a lesson from one of my favorite news navigation designs, the Spokesman Review. Instead of forcing the user to navigate based on a print-centric system of topics, the user can navigate in a way more usable to the web: by time, location, or media type.

Another idea for simplifying news navigation can be stolen from, which has a “looking for?” button that allows users to choose either who they are or the type of information they are seeking.

If we were to use this in new design, the “Who are you?” could be broken down by profession:

  • Working Professional
  • Student – College
  • Student K-12
  • Parent
  • Retired

Choosing one of the options would filter the news down to what’s relevant to that particular age group.

You could also do the “What are you looking for?” concept, which for news could be something like:

  • Events
  • Data
  • An overview of today’s news
  • Editors’ picks
  • Set your own topic filters (which would allow for customizability).

Sin No. 3: Cluttered sidebars, embedded divs

I don’t want my reading experience to be disrupted by boxes of related stories, forcing my content into a little sliver of a column. And I’m not alone. This reason is why people use Instapaper and RSS to read the news. Extra context is good (related stories), but not when it makes for a disjointed reading experience.

This is where news sites can learn from blogs. For example, I stumbled upon this post the other day (which is a good read for anyone in the business of agile development), and was in awe at how clean and readable the content was: