cooper

Journal   A blog about design, business and the world we live in.

Quick critique of the new MSNBC redesign

MSNBC screenshot

The recently launched MSNBC redesign really grabbed our attention yesterday. While we don't universally love everything about it, we found ourselves playing around with it a bit longer than we would have expected to. Here's a sampling of some of the comments heard around the studio.

Doug LeMoine:
This is a pretty impressive effort toward designing an interaction framework for a massive media conglomerate with a dozen sub-brands, content licensing deals with who knows how many third-parties, and an absolute clustercuss of a styleguide. I’d say that the designers performed capably under this duress, delivering strong mechanisms for staying upright and pointed downhill amidst the avalanche. I like the nifty “upscroll” that reveals an info-rich header (but crikey this particular header has a heckuva lot going on). The “annotated scrollbar” holds the experience together, providing a modicum of navigational predictability across the various content sets. I have a variety of visual critiques, large and small, but overall I’ll high-five MSNBC for not being afraid to spook loyal readers with new ways of interacting with content.

Imon Deshmukh:
Of course it feels strange at first, and I’m not sure if I would have noticed the option to scroll up to uncover content, had nobody mentioned it. My reaction is similar to how I felt when I first saw the new Cooper site [Editors' note: stay tuned for this!]: I’m not sure if it’ll really work, but it’s something I haven’t seen before and it feels more than an attempt to be different just for the sake of it. Even if it doesn’t work out, trying something new and different when everyone is watching is something I can appreciate and admire.

Tim McCoy:
Kudos to MSNBC for abandoning the cluttered, segmented, ad-saturated layouts typical of news websites for a truly content-forward experience. It’s a lot of change to encounter all at once, so the experience is a bit foreign, but I think that will pass with time as readers learn new idioms and the design adjusts to the strains of use. It is an odd hybrid of the information density of a sovereign desktop/iPad app and the long-page scrolling breadth of a web page. And it speaks volumes about how interconnected our content has become that the editors expect to provide every story with some combination of images, videos, interactives, and related articles.

Dave Cronin:
I really appreciate the fact that the MSNBC team tried some daring stuff with their redesign. As with any such effort, some of these innovations will probably turn out to not-so-good, others will turn out to need some tweaking, and if we’re lucky a couple of these ideas will help us all move forward with how we deal with all kinds of information coming from every different direction. I’m really digging the use of the upscroll to access headlines (in a similar vein to where search lives on the iPhone), and I like how far the vertical scroll has been pushed even further as a primary navigation element, as well as the nifty little jump buttons along the scrollbar. The site is certainly not perfect, though. While I can tell there is an underlying grid, it could certainly be stronger—it looks like every vertical layer is on a different horizontal rhythm. And while I know it’s tough to do anything graceful with big display ads, these feel particularly clunky, especially the way they stick with you as you scroll, breaking the vertical orientation of the page a bit.

3 Comments

Harsha
While a lot of the UI is new and a bit of a risk, there are glaring mistakes that kill the user experience. For example ~ 970x300 ads that breaks up the story. When I got to it I thought I had reached the end of the article. Having been in the new media space I can fully appreciate the business need that necessitates advertising. What I am surprised by is how they seem to have really done some deep thinking about the reader's experience and thought this was ok. Page I viewed: http://www.msnbc.msn.com/id/38021150/ns/technology_and_science-science/
tiffehr
Oh, wow, thank you, Cooper. Such great feedback—we're passing your post around our department now. Your collective comments hit on many things we still mean to work on, while also adding a few more. Oh, for context—I'm one of the UX devs on msnbc.com's Creative Dev team, and one of the ones primarily responsible for the rendering front-end. I'm not one of visual designers, but I did play a role in designing the page experience. Harsha—the 970x300 area we call the adBreak. It's a compromise of vast proportions but yeah—hard-breaking the reading experience sucks. I sometimes stop reading when i hit one. If it helps, when we have different ads available, the break goes away: http://www.msnbc.msn.com/id/38001626/ns/business-us_business/ That's one of five ad themes, which each horizontal area of the page responding to the theme differently.
Vu N
It is great and satisfying to hear good feedbacks on work that you have spent days and nights creating. I am one of the people involved with creating the new story page. I am also one of the main designer and front-end developer for our new mobile site. Thank you for giving us great feedbacks. We are aware of the issues that the new design may have and are working hard to make sure that we solve as many of them as possible. @Doug: I am glad that you like the upscroll. We did the same thing on our new mobile version for smart phones released a couple of months ago. The idea is that it would let you navigate to the next story without going back to the homepage. I found it foreign at first, but now I am using it all the time. With this redesign we have achieved consistency across our many brands and platforms. It was hard work and you guys certainly make us feel good about what we did. Thanks! Vu

Post a comment

We're trying to advance the conversation, and we trust that you will, too. We'd rather not moderate, but we will remove any comments that are blatantly inflammatory or inappropriate. Let it fly, but keep it clean. Thanks.