1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
MSN Homepage Redesign Critique

I'll be honest, I'm not a regular user of the MSN homepage, but I've followed it over the last 10 years. This design is a radical departure from their old homepage and a welcome change in a crowded market of news aggregators. MSN has struggled to separate itself from Yahoo and Google, but this makeover helps differentiate the service. *ZURB is a close-knit team of interaction designers and strategists that help companies design better (www.zurb.com).

Comments on this Post

  1. Avatar
    Bryan Zmijewski says,

    Here is the current MSN homepage. A couple observations:

    1. The links on the top are more about corporate divisions than users needs. The new design removes this feature.
    2. The Bing search feature area has little context.
    3. The search box has all the filters and popular searches- the new design removes these little used items.
    4. The overall page does not have a clear focus or message.
    Zrb-msn-old-design_thumb
  2. Avatar
    Bryan Zmijewski says,

    Some interesting research reveals:

    • - 45% of Bing traffic comes from this page
    • - 600 Million visitors a month (world wide)
    • - 8 designs we're narrowed down to this design
    • - Bing Integration was a key business goal
    • - "D'clutter" was the key user need (it will be the new buzzword of 2010)

    Here are a few news outlets that covered the redesign:

    All Thing Digital: MSN’s Bob Visse Talks About Homepage Redesign (Kara Swisher does a video interview and jabs a few at Bob).

    ClickZ: MSN Homepage Redesign Comes with New Ad Options

    CNET: Microsoft gives the MSN butterfly a makeover

  3. Avatar
    Bryan Zmijewski says,

    Based on the coverage, everyone kept saying that this was the largest overhaul in the last 10 years, but a quick scan of the archives shows that there have been quite a few smaller attempts to change the design.

    Here is snapshot from 10 years ago. A couple observations:

    1. The page design was focused around MSN business units.
    2. Fixed width design was much narrower
    3. Links we're still the primary navigation form
    Zrb-msn-1999-design_thumb
Leave website feedback on this page with a code, copy or screenshot note.
Sign up now
Avatar
Created by Bryan Zmijewski

Captured November 16, 2009 at 11:41AM

With the Notable FireFox Plugin

  1. 1
    It's interesting how companies alert people to a new site. Putting a beta or preview label allows a team to deal with failure upfront. But why?
  2. 2
    The navigation is simple and easy to drill down to a topic (large clicking area), but the drop down menus get in the way. They're a bit slow to respond to the rollover.
  3. 3
    Great use of a headline. Big and bold. A huge departure from the old MSN homepage.
  4. 4
    Wow, this is a bold move by one of the most traffic pages on the web. The white space alone seems like a huge risk for such an advertising dependent page.
  5. 5
    This is a new trend by Yahoo as well- cycle more news stories onto a single page. The problem is that these are too small to accurately control.
  6. 6
    Incredible discipline to not jam the ad higher on the page. If you compare this with the old homepage they're still able to get the ad higher on the page.
  7. 7
    Bummer, unlike the top nav, the clickable area on this subnav is relegated to the words.
  8. 8
    Interesting treatment on the search bar- this is a huge departure from the previous Bing search box. Associating the search clicking action with Bing is good, but it's going to be extremely difficult to get people to say, "just bing it." All other search filters have been removed- this seems like a smart move.
  9. 9
    Very odd placement for a security update! This has to be a biz requirement that was thrown into the page.
  10. 10
    Amazing amounts of effort and money have been thrown into being with the cool kids, Facebook and Twitter. Microsoft put $250 mil into Facebook, so it's surprising that Twitter gets free advertising.
  11. 11
    Wow, surprised again by the constraints of this redesign. Local, movies, maps and jobs are probably the four most used links (Yahoo on the other hand forces you to choose your links). This was a sound choice by MSN.
  12. 12
    Huge effort around local content- a smart move by MSN. Full headlines are important (Yahoo truncates the headlines of local news).
  13. 13
    This is a nice addition- local content is going to start growing.
  14. 14
    Useful settings, but it's unclear why this was included as a main nav item- the functionality is different.
  15. 15
    Very cool- instead of just showing popular searches, contextual information is provided next to the term.
  16. 16
    Odd placement of "advertisement," the top ad has this below the ad.
  17. 17
    Very sparse. A small call to action might increase use of the search form.
  18. 18
    Amazing constraint on this footer nav for a huge business that has hundreds of business units. It will be interesting to see this one play out.
  19. 19
    It's incredible to see a big white patch here. It gets filled with your information from the social site, but it's an activity that most people will not do. Anyone in advertising yelling? :)
  20. 20
    Big departure- links are no longer blue and not distinguished unless you rollover the text.

Notable by ZURB

Notable is the easiest way for teams to provide feedback on websites. Quickly and easily give feedback on design, content, and code on any page of a website or application without leaving your browser.

Need some help?

Read our FAQs for quick answers or send us an email at support@notableapp.com. You can also find us on Twitter here »

Subscribe to ZURBnews

Get our monthly newsletter, ZURBnews.

Notable