Redesign and photo journalism

Posted by Robert Hood on Tuesday, November 06, 2007 10:49 AM PT

There are good and valid reasons to redesign msnbc.com. Many of those reasons are technical since they are about making the site more "searchable." While better search is appealing, it doesn’t light my fire. For me, it’s the intellectual equivalent of cleaning the house. I’ve known we should do it, but I’ve been reluctant because it’s too easy to find more interesting things to do.

I'd also have to admit my reluctance was, in part, due to fear. Redesigns can cut the wrong way for a photojournalist. I’ve seen redesigns that have sent good publications down a path of cookie-cutter templates that force bad visuals onto front pages. This happens because of efficiency and workflow concerns. I understand the value of those things, but I believe they drive too many decisions. There was a day about six months ago when I was wrestling with this idea. I desperately didn’t want a cookie-cutter, highly-templated redesign at msnbc.com, but then I remembered that it had already happened. We’d been living with it for years, but like a good workhorse we’d learned to accept our restraints and our blinders. Let me explain…

Our cover and section fronts have had a certain look. The visual recipe boils down to a simple picture with negative space that allows for type within the picture. Here is a recent Sports section-front. It’s not the best picture of Alex Rodriguez. It’s the best picture of Alex Rodriguez with negative space for type. Those are often very different things.

However, we learned to work within our restrains. We learned to picture edit with blinders on. Here is a recent msnbc.com cover that shows how good we’ve gotten at this. It’s a compelling picture, and the type treatment isn’t bad.

It’s obvious that we can do interesting work within the old design, and we can do it fast. The workflow requires very few conversations because everyone understands the template. However, there are times when the end result is an efficiently produced page that leaves you wondering what went wrong. Below is a Travel section-front that illustrates this point. The picture provides very little information. It mostly serves a decorative purpose. It's not the best solution, but it's not noticeably bad.

So, for many years we’ve aimed for the semi-sweet spot between "not bad" and "not noticeably bad." In fact, we invested in and optimized for it. You can probably imagine that some of us felt discomfort when the word "redesign" was first whispered. It’s a little scary for the workhorse when the restraints and blinders suddenly come off. That workhorse might even feel like he is headed for the glue factory.

As I write this, the only msnbc.com section that already has the major redesign components in place is our Politics section. It’s a departure, both technically and visually, from where we’ve been for many years.

The thing I’m most excited about is that we no longer have to edit for type placement within pictures. The underlying technology creates a flexible page environment that allows us to simply pick the best story-telling picture. That is great for us, but it’s even better for you. My hope is that we are able to deliver more informative, thought provoking, sophisticated photojournalism that engages you in a way we have not been able to in the past. I look forward to other changes on the horizon. You will soon see improvements in our story and special package pages. The idea driving those changes is, "What would be best for the user?"

It is a new day at msnbc.com. The restraints and blinders are off.


Robert Hood is the Director of Multimedia at msnbc.com.

Comments

I don't know about all that stuff Robert, but when I'm looking for coverage of a breaking news story, I'm on MSNBC.com.  I hope the redesign will provide the same easy access to news.
Robert Hood wrote: "Our cover and section fronts have had a certain look. The visual recipe boils down to a simple picture with negative space that allows for type within the picture."

Well Robert, the type within the negative space of the picture creates a POWERFUL effect that immediately draws the eye. That is precisely what a well designed page should do and MSNBC pages have done that better than anyone else for many years now, specifically because of the visual recipe you have used. I have a collection of about 100 saved images of landmark Headline-Photos from MSNBC over the years.
They include:

'RISE AGAIN' *Bush vows to rebuild New Orleans, Gulf Coast

RECORD LOW NBC-WSJ poll *Bush's approval rating drops again

'I DIDN'T WANT WAR' *At press conference, Bush fiercely defends Iraq policy

RUNSFELD RESIGNS  *Former CIA chief Gates tapped as replacement

'NO REVIEW OR DELAY'   *Iraqi PM vows Saddam execution will happen

STICKING TO HIS GUNS  *Cheney reasserts disputed al-Qaida-Saddam link claim

ROVE RESIGNS  *Top Bush aids leaving at end of month

GONZALES OUT  *Embattled attorney general has resigned, officials say

These ImageAndHeadline JPGs are to MSNBC, what Norman Rockwell was to the Saturday Evening Post.

So rather that complain, here's what I suggest: Reserve a square space at the top of your layout that lets you insert a vertical OR horizontal image. Overlay type where it best works. Add neutral background to the bottom or side if needed, to fill the format. But Keep it one JPG so that you can add drop shadows or appropriate effects as needed.

My guess is that the goal of MSNBC's code monkeys is to make the headline dynamic, changeable by any intern who can use a keyboard. If you think like a programmer then that's just brilliant, but if you think like a reader who understands the power of graphics, the kind of reader who saved all of those old Saturday Evening Posts, then that just idiotic.
Please don't change the format too much! It's the only site I visit for news as it's easy to get around.
Hmmm..before all of you at MSNBC think this is an extremely high concept creation worthy of critical thought and analysis - like a painting hanging in the Louvre, go to cnn.com.  Your redesign and CNN's website look remarkably the same.
I concur with Gregg Johnson: the type on the negative space of the pictures is part of MSNBC's look.

But the redesign appears to be for other reasons, too.  Ad space has increased in size (at least the areas near the top of the page) with one large block equal to what is on the current page, with a second smaller block below that which doesn't already exist.  In addition, the ads have been move up the page to make them even more prominent.  And while making the ads more prominent, they've moved the headline item down the page a bit.  The largest move appears to be the navigation bar, which is now significantly further down the page, and is going to cause many users to have to scroll down the page in order to get at some of the items.

I'm sure MSNBC did studies and focus groups and had many long, protracted management meetings over the minutiae of the new design.  Many MSNBC.com redesign changes in the past have been good.  And while some of the pending new design may be positive (removing upper margin on page, moving masthead up, nice graphic change in masthead, potential better search-ability), there are enough other changes which may negate the few positives... and potentially provide the tipping point I need to begin a search for a new primary news provider.  Thank you for the past ten years of news, its been fun.
I think I understand what Robert Hood is saying. It isn't just editing for and placing type on pictures. It is that the old design forces an approach. They essentially have one visual solution. I think I understand how that could be limiting, even restraining.
I do not wish to read all the fine print.  I like the news to be headlines and I can choose on what subject I wish to be informed.  Your concept now I like.  I find CNN's main page to be too much.
the comments about graphic power and originality
are right on.. the 3 examples that are supposed
to be 'bad old images' are much more powerful
than the new way.. photos surrounded by text, no
matter how 'floatable etc' are run-of-the-mill..
reconsider the use of, at least, a headline image.
some of the other new features look very nifty.
..R
Super
No matter what, just make sure it's Mac-friendly!
Keep this in uppermost in mind...not all change is for the better and change for the sake of change is just plain bad. I like the old (currant) format.
The new design looks great! I'm sure it was not easy to try and find the 'right photo' with the proper negative space for the headline/section fronts without losing integrity for the design of the page.

The new site has a much cleaner feel and makes the site look more current and less dated. Also, I like the improvements you've made to the navigation. It's well organized and will help the viewers in finding what they need more efficiently.

Nicely done!
At last you've made the website fill the whole screen at 100% instead of having all that blank space on the right side.  BUT I hate the drop-down ad at the top that seems to drop down just when I don't want it to. Very irritating. But then again, I hate ALL ads.
It looks like CNN.com and it looks like FoxNews.com and it doesn't work well with a Firefox browser (it works even worse with the newest version of IE).  I am not impressed so far... guess I will have to wait to see if it improves...


New comments to this post are disabled

About the blog

This is the work and the thoughts of msnbc.com's site design and editorial concepts groups and a place for us all to discuss design, content and the future of news.

We want this to be a conversation, where we tell you what we're up to and what's caught our eye, and you tell us your thoughts and ideas about the site's design, content and tools.

A tour of the redesign

Take the tour

Archives


Browse by date:

Browse by category:

Add this blog to your news reader