Commentary

Peter Hagopian
 

Looking To Online Newspapers For Design Tips

It can be easy to fall into the trap of focusing so much on content management tools that you end up forgetting that they don't mean much of anything without good site design. Smashing Magazine this week published a great piece on newspaper Web sites that serves as a strong reminder of that very point.

It can be easy to fall into the trap of focusing so much on content management tools that you end up forgetting that they don't mean much of anything without good site design. Smashing Magazine this week published a great piece on newspaper Web sites that serves as a strong reminder of that very point.The article, titled Newspaper Website Design: Trends And Examples, goes into great detail dissecting many of the most popular content-driven sites, both online newspaper sites with companion print editions and online-only sites with heavy content volume (The Huffington Post, among others).

The article also examines some of the key design elements, such as navigation, page layout, and placement of advertisements, that can make a site easy to read and navigate, or a chore to slog through.


More Business Intelligence Insights

White Papers

More >>

Reports

More >>

Webcasts

More >>

As the author, Steven Snell, states in the opening paragraph:

[News Web sites] all face the challenge of displaying a huge amount of content on the home page, which creates plenty of layout, usability, and navigational challenges for the designer. The lessons that can be learned from examining how news Web sites address these challenges can be valuable for designers who work with other types of Web sites, including ones with blog theme designs.

The piece is a great read with a number of excellent points, and uses examples from sites such as The New York Times Online, MSNBC, and even The Onion to illustrate them. Anyone setting out to design a content-centric site should consider this article a must-read, for both its advice on best practices and what pitfalls to avoid.


Related Reading




Currently we allow the following HTML tags in comments:

Single tags

These tags can be used alone and don't need an ending tag.

<br> Defines a single line break

<hr> Defines a horizontal line

Matching tags

These require an ending tag - e.g. <i>italic text</i>

<a> Defines an anchor

<b> Defines bold text

<big> Defines big text

<blockquote> Defines a long quotation

<caption> Defines a table caption

<cite> Defines a citation

<code> Defines computer code text

<em> Defines emphasized text

<fieldset> Defines a border around elements in a form

<h1> This is heading 1

<h2> This is heading 2

<h3> This is heading 3

<h4> This is heading 4

<h5> This is heading 5

<h6> This is heading 6

<i> Defines italic text

<p> Defines a paragraph

<pre> Defines preformatted text

<q> Defines a short quotation

<samp> Defines sample computer code text

<small> Defines small text

<span> Defines a section in a document

<s> Defines strikethrough text

<strike> Defines strikethrough text

<strong> Defines strong text

<sub> Defines subscripted text

<sup> Defines superscripted text

<u> Defines underlined text

InformationWeek encourages readers to engage in spirited, healthy debate, including taking us to task. However, InformationWeek moderates all comments posted to our site, and reserves the right to modify or remove any content that it determines to be derogatory, offensive, inflammatory, vulgar, irrelevant/off-topic, racist or obvious marketing/SPAM. InformationWeek further reserves the right to disable the profile of any commenter participating in said activities.

Disqus Tips To upload an avatar photo, first complete your Disqus profile. | View the list of supported HTML tags you can use to style comments. | Please read our commenting policy.
T-Shirt Giveaway T-Shirt Giveaway: Each week we're selecting one great comment from our readers. The author of the comment will receive an InformaitonWeek Community t-shirt. So get posting!
Subscribe to RSS

Resource Links