redesign (RSS)

Designing at the speed of news

Tue, Jan 22, 2008 at 7:35PM
by Kriss Chaumont
6537 views
For Iowa’s big night, I was the designer in charge of helping our two cover editors make the best cover-grids they could make and troubleshoot technical issues they’d run into. Turns out that I barely earned my free pizza that night because no matter what surprise political win or early candidate speech was thrown at the editors’ wire-feeds and TV screens, they were ready for it!

One editor focusing on the current cover and one anticipating the next move worked like a charm! Aside from a couple minor tweaks, I was just there to admire what I thought was impossible to achieve less than a year ago: cover editors making light-speed changes, big and small, to a visually complicated cover without the intervention of a designer. The media editor was also able to constantly switch to better photos as they were available. It was truly amazing to witness everyone in the newsroom pulling together to beat the competition and deliver up-to-the-minute coverage, and I think we did just that.

The latest site updates

Wed, Dec 19, 2007 at 5:34PM
by Ben Tesch
4537 views
We've done quite a few updates to the site to make things load faster, look better, and be more helpful. We've added a home button, and improved the response of the fly-out navigation, among other things. View the full entry for the details.

Look what you done for me

Wed, Nov 21, 2007 at 4:30PM
by Ben Tesch
4125 views

Yes, I am invoking Al Green to try to spread a little peace, love, and understanding to everybody.

In case you get the impression otherwise, we are reading every single comment and e-mail that gets sent to us. We understand that a big change can cause confusion, unfamiliarity, and even contempt, but please know that we are taking every question and concern into consideration. If the comment you have left isn't showing up, it's not that it isn't being read or addressed, it's probably that it's something we already know about and are doing something about.

We have made quite a few adjustments and improvements to the site in the last several days based on your feedback and questions, and I'd like to mention a few in particular.

I find your lack of DOCTYPE disturbing

Thu, Nov 15, 2007 at 9:02PM
by Jim Ray
5627 views

So, it turns out that more than a few of you are aware of the command+U key combination in your browser (for the non-geeks in the house, that’s a common keyboard shortcut for View Source). And a few of you have even noticed that, despite our efforts to write the best code possible, the HTML markup still leaves much to be desired. For instance, the site doesn’t validate with the W3C and, a far greater sin, doesn’t even bother to declare a DOCTYPE. How, some have asked, can we say that we care about standards when we are missing these fundamental pieces?

The short answer is that msnbc.com is eleven years old. We have thousands of legacy pages that date back to the time when Netscape 2 was the dominant browser in the marketplace. We’re working on solutions to get this content into our new, more flexible system, but if we’d waited to port everything over, we’d be declaring a DOCTYPE of HTML 6.0.

The longer answer is a bit more complicated. We could, of course, just leave legacy pages without a DOCTYPE and carry on, boldly into the future, but some pages (like stories) still use components that don’t expect a DOCTYPE and break the page rather horribly. We’re also having to reconfigure our CMS to support DOCTYPES properly - a task that’s actually more difficult than writing a line of markup at the top of the page. For instance, to be XHTML compliant, we have several dozen legacy bugs to fix to be considered valid XML. I’m personally lobbying for HTML 5, so, Safari 3 users, get ready.

Then there’s the classic problem of design and development disconnection. The site architecture actually supports having a DOCTYPE right now - I could pick one from a dropdown, hit republish and make the world a better place. In fact, when I first fired up TextMate to write the first draft of HTML that would eventually become the new site, I specifically chose HTML 4.01 Transitional. Why? Because it makes my job easier. Using a DOCTYPE makes bad browsers behave, at least a little bit. Not using a DOCTYPE has made life harder for all of us working on the site markup because it means we have to work around the various quirks of that perpetual thorn in my… side, Internet Explorer. But we ended up not designing with a DOCTYPE because we weren’t sure that feature was going to make the release and had to assume the worst in order to make our deadline. Declaring a DOCTYPE right now would actually break the site in some browsers because of these workarounds. Believe me when I say, I would’ve slept a lot more, and probably have at least a little bit more hair on my head, if <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> appeared at the top of our homepage.

Like anyone else who’s eyes haven’t glazed over by reading this far down, I’m a geek. I know it’s easy to fire off a quick blog post and become righteously indignant about these sorts of things (guilty). Again, I ask for your patience and understanding. We know what needs to be done, we actually do this stuff for a living (some of us for fun, as masochistic as that sounds). We’re working hard to deliver the very best site possible, inside and out, I promise.

The msnbc.com redesign: a Newsvine user's perspective

Wed, Nov 14, 2007 at 1:53PM
by Ben Tesch
4092 views

This post was written by Newsvine user Jerry Firman (aka oldfogey)

It sure seems like I have spent the whole day writing, talking and thinking about MSNBC.com and its new Portal to Progress. This evening an associate asked me if I could write a comprehensive article about what Newsviners might think about this refurbished site. At first I was struck with pride at having been asked. On second thought I began to fear the return of my old nemesis; writer's block any time I was asked to produce a special item. On further reflection I began to realize I owed it to Newsviners to do my best to represent what I felt would be their views of the new site. Thinking even farther down the line I began to question why anyone would think that Newsviners would have a viewpoint that differed greatly from Joe/Jane Reader as they surfed along and came upon the site. There is a difference.

Asked and answered

Tue, Nov 13, 2007 at 8:06PM
by Jennifer Sizemore
6365 views
A few days ago we asked you to send us your questions for me to answer in a future post. Now that we've rolled out many of our changes, it seems like a good time to do that.
 
Why wide?
Some of you have noted that the site is "wider." Some of you are glad: That big strip of unused white space that used to go down the right side of the page on your monitors is now used for news. Some of you say that you now have to maximize your browser window to see the full page. And some of you say you're being forced to scroll left to right to see everything.
 
We have optimized the user experience for a 10x7 and wider experience, which more than 80 percent of our readers use. As technology has progressed, more and more people have complained to us that we're "wasting" the space left over in their browser window. Other "wide" news sites include New York Times, CBS News, ABC News, Washingtonpost.com, Google news, CNN, USA Today. We had heard repeatedly from our users that we needed to catch up with the technology that the vast majority of you are using, and that all of our competition had already adopted.
 
The thing I like most about it is that we have more space to give you more headlines, more space to display great photos.
 
What's up with those fly-outs/rollovers?
You hate fly-out menus and now there are more! What is the deal with that rollover function? You love fly-out menus and you're glad they finally work on your Mac!
 
First: If you hate to roll over a menu and have it "fly out" to show you the headlines in that section, you can turn it off. Below the list of sections in the left-hand news menu is a button called "Disable Fly-out." That will disable the rollover function and let you simply click to the section fronts you're interested in.
 
Second: We are thinking about developing new functionality for these headline menus. What if you could choose to click to get those lists, rather than triggering them when you roll over? Let us know what you think about that idea.
 
Where are my current weather conditions?
Current weather conditions are at the top right of your home page. We heard from a lot of you who really missed this content while we were working on it over the weekend, so we hope you like its new more prominent location that doesn't even require you to scroll down the page. If it's not your local weather, the "Local news & weather" section on the home page has a place for you to enter a ZIP code. You can also click "edit" to change your settings.
 
Where are the market indicators and the "My stocks" functionality?
The Dow Jones indicator is at the top right of the Business section page. We are working overtime to get it into the Business section "slice" on the home page, and to get your personalized stock information back in place on the Business section.
 
Why does it say five stories are showing when I only see four?
The video or multimedia story in the third column is the fifth story.
 
What does "pinned" mean and how do I make it work?
The tabbed box in the middle of each section front has a wealth of content that's revealed as you click on each tab. You can choose your favorite tab to be open every time you return to the page. To make it work, with a tab clicked, click on the thumbtack icon, then click again on the tab. Now that tab is "pinned" open.
 
For more on this, click here for the "Quick guide" and read the Stocks, sports scores, horoscope, lottery item.
 
Where are the blogs?
We've created a new section called "Community" where we've packaged all the ways you can interact with us and other users, including our new partners at Newsvine.com. This is where the blogs are listed.

The new "Photos" section

Tue, Nov 13, 2007 at 3:42PM
by Robert Hood
2835 views

Friday was a great day for news images and multimedia on MSNBC.com. We launched a redesign that puts visuals – slide shows, audio slide shows, videos and Photoblog – front and center in the news we publish each day.

So, you may be wondering how to find your favorite features, like “The Week in Pictures” and “Space shots.” Or perhaps, how to find the latest slide show we’ve published. All of these are easier to find in our redesign.

Designs we left behind

Mon, Nov 12, 2007 at 8:45PM
by Ashley Wells
26237 views
Admit it. You saw our new homepage and it lived up to your wildest fantasies about online news presentation. Me, too. Okay, maybe—maybe—two, three people tops will say ‘what were they thinking?!’ Rest assured we were thinking. For about two years. Here’s how it started.

The gentle evolution



This is our existing design, just wider. And with a rotating video area in the top right. And collapsible links in the center. And icons. And time stamps. Nothing terribly exciting. User groups liked it. It felt safe. But they didn’t love it. Neither did we.

Now it can be told

Mon, Nov 12, 2007 at 2:38PM
by Hans Bjordahl
2655 views
Not to be a stick in the mud, but when this blog launched a week in advance of our redesign rollout, I was wary of the idea. Why? Because when it comes to large, complex technology projects, the words "coming soon" may be the two most dangerous words in the English language.

Welcome, and a quick guide

Mon, Nov 12, 2007 at 5:36AM
by Jennifer Sizemore
41760 views
Welcome to the new msnbc.com. We are thrilled to have you wake up Monday morning to the new look and functionality that we've spent more than a year working on. We rolled out over the weekend.
 
 
And please click here to take a tour of the new site.
 
If you want to read more of what's going on behind the scenes, click here for the main blog page.
 
Here is a quick guide to favorites and new features:
 
Local news and weather
Directly below the tabbed box is a slice of the home page devoted to your local report. This is much more prominent placement than its former spot in a box low on the right side of the page. We knew this content was hugely important to you, and more proof of that came over the weekend while it was still under construction. Sorry for the delay! If you already had personalized, don't worry -- we didn't forget you. If you had not set preferences, you'll see an invitation to enter your ZIP code. 
 
Stocks, sports scores, horoscope, lottery
Of course, you still can keep your portfolio and sports scores personalized. We've retained your settings. On the home page, click on the tab that says "My news." Your stocks and sports are there, as well as a second opportunity to personalize weather (many of us like to keep an eye on the weather in our hometowns, our parents' cities, etc.), and lottery and horoscope. You can use the "pin this" option on that tab, and it will be open to that content each time you visit.
 
Games and comics
You can find them as you always have. There are links in several places: On the home page at the bottom of the news menu, there are shortcuts. Also, in the left-hand news menu of the home page, if you click on Entertainment you will find links. Same thing if you click Community. You can also click to the Entertainment front and find them in that news menu. Soon, on the Entertainment section front there will be links in the tabbed box.
 
Section names
We have re-organized the site to make it more logical. We have named sections simply what they are, rather than come up with cute names, in an effort to be as clear as possible. So, Peculiar Postings is now Weird news. Also, it's important that msnbc.com content be accessible by our own site search, as well as other search engines, and this helps in that area too. 
 
The Week in Pictures/slide shows
We have named our photojournalism section "Photos." You'll find that under "Browse" in the left-hand news menu. In that section, you'll find all of your favorite slide shows and other photo features. You can also look at a selection of slide shows in the "Photos" tab in the tabbed box on the home page.
 
Community
This is a new section for us and gives you a place to get involved with the community on Newsvine.com, the community-driven news site that is now a part of the msnbc.com family. Here, you'll also find links to blogs (including "Clicked," which many of you have been looking for), message boards and FirstPerson, where you can upload your images and video so your report can be a part of every breaking story. The asked-for Most Popular page can also be found here.
 
Customization options
On every section front you'll see tabbed boxes that allow you to use the "pin this" feature to have that window open each time you return to the page. Farther down the page, you can use the arrows to put the topical sections in your preferred order, and you can set them to display the amount of content you prefer. Those settings will stay with you as well. 
 
Hotmail
Many of you have asked where the button to your Hotmail account is. It's a link at the top right of the page, near the Search box, called "Mail." Its new name, Windows Live Mail, was just too long to fit in the space.
More posts: Next page

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