Stuff & Nonsense Home

Where you’ll find designer, author and speaker Andy Clarke. The bastard.

Blogging And All That Malarkey

New Internationalist — the last ten days

It’s been ten days since I uploaded the last batch of New Internationalist design files. Since then the team at New Internationalist have had time to live with the templates and make a small number of suggestions and requests that I have implemented over the last couple of days.

Just before I left to travel to Boston for An Event Apart, a flu ridden Adam called to talk me through those last minute changes. They fell into several areas:

There were no major surprises and nothing that I couldn't handle while traveling, particularly as I've been designing in a browser and not using Photoshop or Fireworks. All of these revisions and alternatives are now online at the demonstration site.

Asking for an alternative layout for the home page

New Internationalist has been discussing internally a new timetable for publishing their magazine content. Instead of publishing most when a new printed magazine is published, they will be experimenting with more regular publishing of magazine articles, reducing the association between an article and a particular issue.

I can understand this approach but I personally feel that the context in which an article is published is vital to understanding its importance at a particular time, particularly as New Internationalist is a magazine and not a news site. Adam asked to see an alternative version of the home page layout that breaks the magazine/blogs content into two vertical columns.

Because I have been designing in a browser, using XHTML and CSS, and have developed a set of (Microformats-based) markup patterns, making an alternative layout structure took only a few minutes. Below is a side-by-side view of the alternative layout (right) and my preferred layout (left).


Home page alternatives: Alternative layout (right), preferred layout (left).

Although the structure of the New Internationalist publishing schedule is not my decision, it would be wrong of me not to express my opinions. I think that my preferred version still has better visual clarity and definition and allows for various publishing schedules. I hope that New Internationalist stick with my gut instincts and my preferred layout.

Adding some small highlights to particular areas

Less obvious is a new highlight format that New Internationalist can apply to box styles. Adam asked that I give certain calls to action, in particular the email newsletter sign-up box, more prominence. Instead of designing just that box, I extended the CSS to include a highlight style that can be applied to any content box across the site.

Implementing this highlight style took only a few minutes, largely because I have designed using alpha-transparent PNG images for the decorative halftone patterns. You can see the result on the home page email newsletter sign-up box and (with an alternative colour) on the shop landing page catalogue request box.

Making a new layout for the shop landing page

Now that I know that the design of the New Internationalist shop need not be limited to the capabilities of any particular e-commerce platform, I have developed the shop landing page to bring it in line with magazine and blog landing pages.


Redefined shop landing page

In the new shop landing page I have designed a series of new content modules that can be rearranged and included on any page of the site in any section. These include a jQuery powered easy slider and several other module formats that I hope will give New Internationalist the flexibility to move shop content around their site, for example by including product feeds into magazine articles and blog entries.

Discussing Internet Explorer 6 compatibility for shop templates

After analyzing their statistics internally, the team at New Internationalist have decided that because a more significant proportion of their shop customers use Internet Explorer 6, that part of the site will require better compatibility with Internet Explorer 6. Other, content driven areas of the new site will adopt Universal Internet Explorer 6 CSS.

This decision means that Owen and I will need to test and repair the shop pages for Internet Explorer 6 CSS, but I am very pleased that a major site like New Internationalist will lead the way in adopting Universal Internet Explorer 6 CSS for the content areas of the new site. It's a brave, bold move and one that I hope others will learn from and follow.

Leave your comment

Micheil Smith

June 21 2009 @ 10:54am #

It’s looking a bit different now, I’d go for the layout that you preferred, because it looks a lot more structured and laid out to reflect the origin of the content, which is the magazine. As for the shop design, it’s looking nice too, an alternative design with the slider widget for the currently selected item would be to make it look a little be more like the top of the homepage, so give it a solid background and slightly different padding.

Something else I’ve mentioned previously is that the font stack that you are using, “Cambria, Georgia, serif” looks extremely bad in firefox 3.0 / ubuntu, maybe you should add a linux specific font to the front of the stack. This is on a computer which has every windows font installed on it, so it’s not a matter of Georgia or the Serif typefaces rendering bad, it’s Cambria that renders bad. Screenshot for reference.

Phillip Smith

June 22 2009 @ 03:25pm #

Hey there Andy,

A quick comment on this point:

“I can understand this approach but I personally feel that the context in which an article is published is vital to understanding its importance at a particular time, particularly as New Internationalist is a magazine and not a news site.”

Hopefully, as someone who’s so steeped in “all things web(tm),” you get the irony of heralding New Internationalist as a “magazine,” and championing that they should reinforce that idea ON THE WEB.  ;-)

Many of us working with organizations like NI are trying to promote the idea that a magazine—or a newspaper, or a book, etc.—is just one MEDIUM though which ideas are transmitted. Many of us try to promote the idea that those few organizations that are able to translate their ideas across NEW and old mediums, are the ones that will continue to be relevant to readers.

So, the idea that a magazine is a magazine, and a news site is a news site, seems a tad contradictory (especially when coming from a web-thinker like Andy Clark!). Following on that: what is news? What’s a news site? Let’s look at New Internationalist: they publish stories about the people, the idea, and the action in the fight for global justice. These stories are timely, focus issues that impact people’s lives (or will impact them eventually), and so on. Maybe it’s not “hard news,” but it’s not sports coverage either.

Here’s a great example. The most recently published feature on the NI site is “Legitimate indigenous protests against Peru’s latest free trade agreements have led to bloodshed following the Government’s decision to send in the military. This story is covering events that are unfolding right now now in Peru. How is that not news?

Think about Iran. New Internationalist did a whole magazine on Iran that is probably more relevant today than it was when it was published two years ago. How is that not news?

News is changing. News is being re-invented.

So my plea is: Let’s not put NI in a box unnecessarily. Nobody knows what the future of printed, dead-tree, magazines is going to be. So, from my perspective, NI *is* a news organization: NI is a public-interest news organization, a educator, a trusted information source, a network of agitators, and a spotlight shined on injustice—no matter what the medium is.

Phillip.

Andy Clarke

June 23 2009 @ 12:46am #

@ Micheil Smith: Something else I’ve mentioned previously is that the font stack that you are using, “Cambria, Georgia, serif” looks extremely bad in firefox 3.0 / ubuntu, maybe you should add a linux specific font to the front of the stack.

— This is something that’s come up before, so we will definitely be considering Linux users during testing, particularly as New Internationalist are passionate about open source.

@ Philip Smith: So my plea is: Let’s not put NI in a box unnecessarily. Nobody knows what the future of printed, dead-tree, magazines is going to be. So, from my perspective, NI *is* a news organization: NI is a public-interest news organization, a educator, a trusted information source, a network of agitators, and a spotlight shined on injustice—no matter what the medium is.

— Oh I agree completely, 100%.

(But, only a small but), one of the things that I have thought about a lot over the years is that in the future, with so much content been made available online, indexed by Google, searchable by Bing (bong, bling, or whatever it’s called) and deep-linked via a search engine, context becomes an issue.

Even for my tiny sites with only five years of content, what I wrote about CSS three years ago might not be relevant today, but it still may be interesting in the context of what we knew or the browsers of the day. But how does a visitor see that context?

New Internationalist does have an advantage (I think) over say Huffington Post or others in that you do have numbered issues. To me, that implies context. That said, I could easily be barking up the wrong (dead) tree.

Phillip Smith

June 23 2009 @ 09:40am #

Even for my tiny sites with only five years of content, what I wrote about CSS three years ago might not be relevant today, but it still may be interesting in the context of what we knew or the browsers of the day. But how does a visitor see that context?

Agreed. And we’ve struggled with this on the NI Web Team over the years. However, it’s the same struggle that all news organizations have: content becomes outdated relatively quickly online.

For some NI content—like the Country Profiles—it was decided that older Country Profiles, which could be misleading (> 5 years), would expire from the site and simply re-direct visitors to the Country Profiles section. And, similarly, we’ve talked about having an “archives” indicator of some kind, to indicate content that’s over a certain age (similar to the new/old article treatment you’ve pioneered). In any scenario—and like all online publications do— we have to believe that the reader is astute enough to check the date of an article for currency.

But, as we think more and more about the curation of NI’s content online, we come back to the idea of the “evergreen” content—information that remains relevant for a long time—and how we can re-mix that content with newer content, and different kinds of content (audio, video, rss from other sites, and so on) to create new editorial offerings. Specifically, we’ve been planning a new “Themes” section (referred to in the layouts as “Topics,” I believe) and “Guides,” which NI has always done a great job with, e.g.: http://www.newint.org/publications/no-nonsense-guides/

All of that trends away from thinking of NI as a “magazine” in the online space. And, as the NI blogs grow, and as we move certain parts of the magazine (e.g., the “Currents” section, which is rarely _current_ in the printed magazine) toward being online content first that then makes it way to the magazine, and as we continue to encourage the editors to do more of their upfront issue thinking and planning online, NI could start to become something closer to the Huffington Post than it is today.

Whatever the future holds, it’s all very exciting.  :-)

Phillip.

Commenting is not available in this channel entry.
Hardboiled Web Design

Hardboiled Web Design by Andy Clarke

How the latest technologies and techniques will make your websites more creative, flexible and adaptable. Get hardboiled in all formats from Five Simple Steps. Digital formats also available at Amazon.com, Amazon.co.uk and the iBooks store.

We’ve deconstructed this site to focus on content while we restyle. Expect wonkiness during the transition.