Microsoft’s MSDN site updated to Metro design

By Tom Warren, on 20th Jul 11 10:17 am with 37 Comments

MSDN Metro design

Microsoft refreshed its MSDN site this week.

The software giant introduced a new look and feel for the popular Microsoft Developer site. The site now features a similar look and feel to the main microsoft.com homepage, inspired by the company’s Metro design language. Microsoft has previously updated its online store look and feel to match the Metro look and feel and its download site.

Microsoft’s Metro design language is an internal code name for a typography-based design languages created and used by the company. Microsoft originally started using Metro in Media Center and showcased a full version in the company’s Zune products. Microsoft’s latest mobile operating system, Windows Phone 7, also features the Metro look and feel throughout. The use of the Metro UI on more of Microsoft’s web properties shows that the clean, fast and simple look is something that the company is proud to use across its range of products and services.

Microsoft is planning Metro style user interfaces across Windows 8, Xbox 360 and Office 15. The software giant uses the tile and text user interface for its existing Windows Phone devices and will sync all of its user interfaces into one unified vision for its next range of products due in 2012.

Microsoft’s new look MSDN is available here.

  • http://www.Nave360.com Sebastian Gorgon

    looks colourless. kinda ugly. 

    • Test1ngi23

      That’s MS for you…

    • http://www.Nave360.com Sebastian Gorgon

      LOL… I disagree, that’s apple. Its all white

    • Test1ngi23

      You forgot gray. White and gray all the way. j/k

    • OMG55

      TROLL, YOUR MS SECRET ADMIRER AREN’T YOU????dont deny it, because you’re always in thhis forum keeping up with MS news. GOOD TO HAVE YOU!

    • Test1ngi23

      Microsoft is good at a lot of things, but I don’t think design is one of them.

    • http://pulse.yahoo.com/_QG4XLIDW3FP5KMF3PA5MBDDIME Dan

      Well…maybe GRAPHIC design isn’t one of them.  But their class libraries and developer tools absolutely blow anything else out there away entirely.  The design of .NET in particular is exquisite, as is Visual Studio.  And I’d argue that VS actually has a very nice UI.

  • http://twitter.com/rd3d Ian Walker

    Its been like this for quite some time hasn’t it?

  • Anonymous

    Indeed, it had been like this for a while not ?

  • Str11

    it sucks big time!!

  • TryllZ

    Metro UI going global, apple get out of the way…

    • CandidCalum

      *Metro design language.

    • Test1ngi23

      …just in case Metro trips and falls on its face.

  • CandidCalum

    They’ve kept a lot of the elements that don’t conform to the Metro design language, including that horrible navigation bar :/

  • CandidCalum

    *Metro design language.

  • CandidCalum

    “Microsoft MSDN: How not to Metro.”

    • Anonymous

      I think Microsoft knows more about metro than you do.

    • CandidCalum

      Yes, I imagine they do, but I know more about my opinions than they do, and in my opinion, this looks awful compared to other websites of theirs that have taken inspiration from the Metro design language.

      I like the Metro elements of this website, but I don’t like the fact they’ve left some elements that don’t conform to the Metro concept. I imagine even Microsoft would agree the navigation bar doesn’t.

    • http://w1ngnut.myopenid.com/ w1ngnut

      Totally Agree. Don’t know if MSDN captured correctly Metro. Check http://www.zune.net/ for example and “feel” the difference.

  • Grannyville7989

    I see Microsoft are still working with their “one design fits all” methodology. I don’t think Metro translates well for a design for websites. Some elements don’t look some good and other just don’t make sense on the way they work. Maybe as time goes, if Microsoft stick to this design, it will be perfected.

  • http://twitter.com/ASV93 ASV93

    [...] user interfaces across Windows 8, Xbox 360 and Office 12.
    Again Office 12? It’s Office 15 lol :D

    • CandidCalum

      Or Office ’12. There should be an apostrophe there to save confusion seeing as Tom means Office 2012.

  • Anonymous

    Like Google has its own design everywhere, MS too. I like both. Simple, clean and squared.

  • Tuxplorer

    But the MSDN library — by far the most useful part of the site — did not get the Metro UI. It’s a shame for Metro lovers like me.

  • Wourelia

    It´s only the US website thats metro….

  • http://www.grayski.co.uk GrayW

    I actually quite like it. Clean, clear and to the point.

    • http://www.facebook.com/people/Jeffrey-Syang/507688178 Jeffrey Syang

      In my opinion, it is lacking organization. When I first look at a web page, I want to be able to see some content immediately like http://www.zune.com (Main content is smack dab in the middle of the page right when the page is loaded). When I first look at this web site right when it loaded, navigation bars already cover  the top half of the screen. Even the slideshow thing is cut off. They really need to condense their navigation bars. For example, moving their first navigation bar to the top left like google while moving the bing bar to the top right. And maybe even taking out the “explore platforms/ tasks, etc” completely. 

    • http://www.grayski.co.uk GrayW

      Interesting how different people see different things from the same object… I love it :) 

      Just out of interest, do you have lots of icons or gadgets on your desktop, or is it clear with only a few required ones?

  • http://www.grayski.co.uk GrayW

    I actually quite like it. Clean, clear and to the point.

  • http://twitter.com/jjacob2k9 jjacob2k9

    this is not new this week, its been this way for at least a month or two

  • phil jay

    Its a good start, but just switching theme a little and not even strictly enough, it’s still an ugly webpage. It’s not using any modern standarts and theres much too much irrelevant content on it. Metro is pretty easy actually, just keep it simple, you don’t need to design icons and backgrounds and stuff, its very easy to implement.

  • http://twitter.com/jimsbains JimmyB

    Compare Metro with iOS and Android’s tired and old grid of icons!!  I’ll take my live tiles on my windows phone and upcoming 360 and Win 8!!

  • http://twitter.com/jimsbains JimmyB

    Compare Metro with iOS and Android’s tired and old grid of icons!!  I’ll take my live tiles on my windows phone and upcoming 360 and Win 8!!

  • Anonymous

    Love it!

  • Anonymous

    Love it!

  • Leon

    This isn’t metro, it’s a mess.
    metro is about clean, clear design. This is a melting pot of all sorts of crap.

  • Dude

    I love metro, but this one is NOT a good implementation. They can do better.