Microsoft shows off newly redesigned homepage

microsofthome

Microsoft debuted their new home page today, showing off their Metro UI style redesign. Microsoft has finally ditched the old style of homepage and launched their new preview home page in the United States.

The new design to the homepage features a Windows Phone 7 style Metro UI, allowing you to side-scroll the website. The featured tiles, 'for home' and 'for work', showcase Microsoft's two largest software assets. The 'for home' tab shows off software like Internet Explorer 9, Windows Live Essentials 2011, Windows Updates, and even Kinect for the Xbox 360. This page also features a number of top products including Office 2010, Windows Phone 7, more Windows Live programs and Bing.

microsoftwork

The 'for work' tile focuses on Office 2010 and other business oriented software products. This page focuses on server products, Office for the work place, Microsoft Dynamics AX and many other products and services.

The new Metro UI style homepage is not only a much needed update, but a refreshing look for the same old microsoft.com homepage. Other countries will likely see the new homepage in the near future, but for now the new design looks to be U.S. only.

Thanks to Neo003 for pointing this out in the forums!

Report a problem with article
Previous Story

Tablet market grew 45.1% in Q3 2010

Next Story

Daily Gaming: January 18, 2011

57 Comments

Commenting is disabled on this article.

Tried to view the page in IE7 on Windows XP SP3:

Thank you for your interest in the Microsoft.com home page preview. You are viewing this page because your PC does not meet the minimum requirements to see the preview page. For the preview, we are currently supporting:

• Windows 7 or Windows Vista with one of the following browsers: Internet Explorer 9 or 8, Mozilla Firefox, or Google Chrome

We will add support for all major operating systems and browsers before our final release of the new Microsoft.com home page.

If you're still interested in previewing the home page, please access the site from a PC that meets the preview criteria, or click the link below to upgrade your current system:


Learn how to upgrade your operating system to Windows 7
No, thanks. Take me back to the current Microsoft.com home page.

I like it (Though I'm still getting the old site and I'm in the US)... I just get the option of a preview. But looking at that, it does look very clean. I like it a lot.

smooth3006 said,
why does everything have to go "metro" with microsoft? do they understand that ALOT of people are not fans of it?

Well, following your reasoning they shouldn't build a website : ALOT of people are not fans of the Internet.

Aside from that, it's only logical that they use the design principles they created : if you don't like it, well don't use Microsoft products. If you don't like Apple designs you won't buy an iPhone or an iMac, it's the same (and sorry for using Apple as a comparison again )

TOWFAS said,

Well, following your reasoning they shouldn't build a website : ALOT of people are not fans of the Internet.

Aside from that, it's only logical that they use the design principles they created : if you don't like it, well don't use Microsoft products. If you don't like Apple designs you won't buy an iPhone or an iMac, it's the same (and sorry for using Apple as a comparison again )

i enjoy windows 7, not wp7, metro and whats shaping up to be windows 8. linux & osx is looking better & better to me everyday.

Unfortunately, Microsoft's site as a whole has varied in design from page to page. So even though they spice up the home page, and maybe a couple others.. there's no consistency throughout the site in general.

itsthenewDC said,
Unfortunately, Microsoft's site as a whole has varied in design from page to page. So even though they spice up the home page, and maybe a couple others.. there's no consistency throughout the site in general.

Yeah. Hopefully they'll continue the work though...

itsthenewDC said,
Unfortunately, Microsoft's site as a whole has varied in design from page to page. So even though they spice up the home page, and maybe a couple others.. there's no consistency throughout the site in general.

Yep : compared to, say, Apple.com, the site has a ton more content but is incredibly inconsistent. And it's even worse with regional websites : Apple has exactly the same sites for every language, whereas Microsoft's regional websites vary from great to horrible depending on the country...

Well it is a preview, most likely still work in progress. I don't like or dislike it, but it is a welcomed change from the Vista UI look they been using for the past 3 years or so. I would have preferred a Windows 7 look with 'some' aspects of WP7 in it.

But its not all that bad. Some people just don't like change. For those who don't like it, you are entitled to your opinion. But the guy who made it is probably a millionaire several times over, what about you? He/She is getting paid for what they do, are you getting paid for your opinion?

TechieXP said,
But the guy who made it is probably a millionaire several times over, what about you? He/She is getting paid for what they do, are you getting paid for your opinion?

The guy who made this is proabably a team of hundredaire interns learning the metro style guidelines and having fun.

How many times I download the Messenger? Once! How many times I buy products? Once! The design is okay, but not the content. The focus should be on News, How To, Help, "Where I can find..." and other things, because most users visit the site with already bought or installed products.

Lastwebpage said,
How many times I download the Messenger? Once! How many times I buy products? Once! The design is okay, but not the content. The focus should be on News, How To, Help, "Where I can find..." and other things, because most users visit the site with already bought or installed products.

Um .. guess you wont like apples website cause its just a big picture of an Iphone 4.. and Im pretty sure most people visiting their site daily have one.

Lachlan said,

Um .. guess you wont like apples website cause its just a big picture of an Iphone 4.. and Im pretty sure most people visiting their site daily have one.


I must admit, I not own any apple product.
But yes, I not like the apple site too. What I like goes more in the direction intel.com ibm.com or office.microsoft.com , sure they contain advertisments too, but it's not the primary focus of this sites.

Lastwebpage said,
How many times I download the Messenger? Once! How many times I buy products? Once! The design is okay, but not the content. The focus should be on News, How To, Help, "Where I can find..." and other things, because most users visit the site with already bought or installed products.

Rofl
there are a ton of subsites and other domains for that.

This is the corporate homepage, not a customer's landing page.

After running WP7 for a few days now I have to say that I totally get this new layout as it makes perfect sense and is in keeping with the 'large-canvas' idea of Metro. The thing is though, not everyone runs the WP7/Metro UI so this is going to be quite a shocker to that group LOL

Quick edit after actually checking the demo; WOW you guys need to work on those sliding transitions side to side WOWOW it's awful. Again its so butta on WP7 - my UI fluidity bar is raised pretty darned high

Soulsiphon said,

Quick edit after actually checking the demo; WOW you guys need to work on those sliding transitions side to side WOWOW it's awful. Again its so butta on WP7 - my UI fluidity bar is raised pretty darned high

The transitions are perfectly fluid on IE9. I guess FF4 should work too.

Soulsiphon said,
After running WP7 for a few days now I have to say that I totally get this new layout as it makes perfect sense and is in keeping with the 'large-canvas' idea of Metro. The thing is though, not everyone runs the WP7/Metro UI so this is going to be quite a shocker to that group LOL

Quick edit after actually checking the demo; WOW you guys need to work on those sliding transitions side to side WOWOW it's awful. Again its so butta on WP7 - my UI fluidity bar is raised pretty darned high

Looks like Firefox has some trouble with it... Other browsers I tried were fine. Hopefully that can be resolved, unless it's a Firefox issue?

Avi said,
Less is more. The redesign is too cluttered.

Design is not cluttered. On the contrary, a LOT of things are hidden, and it takes too many clicks to wade through them.

Just to point out the preview site, for some reason, is using very strict browser sniffing Chrome 10.x and Opera don't work. And some people have even mentioned that IE9 doesn't either.

/- Razorfold said,
Just to point out the preview site, for some reason, is using very strict browser sniffing Chrome 10.x and Opera don't work. And some people have even mentioned that IE9 doesn't either.
Because the page most likely is using Silverlight. So it is browser sniffing, it is simply those browsers aren't compatible. Like they weren't with Active X pages.

/- Razorfold said,
Just to point out the preview site, for some reason, is using very strict browser sniffing Chrome 10.x and Opera don't work. And some people have even mentioned that IE9 doesn't either.
Or maybe its HTML5 which IE9 has been said to work better with than any other browser. Works ok in FF.

TechieXP said,
Because the page most likely is using Silverlight. So it is browser sniffing, it is simply those browsers aren't compatible. Like they weren't with Active X pages.

Worked perfectly in my Chrome v10.0.634.0 dev

/- Razorfold said,
Just to point out the preview site, for some reason, is using very strict browser sniffing Chrome 10.x and Opera don't work. And some people have even mentioned that IE9 doesn't either.

If you are using Opera
Menu->Settings->Quick Preferences->Edit Site Preferences. In the network tab set 'Mask as IE'. Works like a charm. Opera on Ubuntu.

recursive said,

If you are using Opera
Menu->Settings->Quick Preferences->Edit Site Preferences. In the network tab set 'Mask as IE'. Works like a charm. Opera on Ubuntu.

Didn't work for Opera 11 on W7 or Mandriva...Still says I don't meet the minimum requirements to view the site...

ncc50446 said,

Didn't work for Opera 11 on W7 or Mandriva...Still says I don't meet the minimum requirements to view the site...

Does work here (Opera 11 on W7), you can also set it to "Mask as firefox".

/- Razorfold said,
Just to point out the preview site, for some reason, is using very strict browser sniffing Chrome 10.x and Opera don't work. And some people have even mentioned that IE9 doesn't either.

Works great on my IE9 install...

/- Razorfold said,
Just to point out the preview site, for some reason, is using very strict browser sniffing Chrome 10.x and Opera don't work. And some people have even mentioned that IE9 doesn't either.

Works in Chrome 8.

recursive said,

If you are using Opera
Menu->Settings->Quick Preferences->Edit Site Preferences. In the network tab set 'Mask as IE'. Works like a charm. Opera on Ubuntu.

Ha... Opera needs a function to pretend it's IE... that's just funny.

Because the page most likely is using Silverlight. So it is browser sniffing, it is simply those browsers aren't compatible. Like they weren't with Active X pages.

Silverlight is cross-browser, so it is supported under Opera.

If you are using Opera
Menu->Settings->Quick Preferences->Edit Site Preferences. In the network tab set 'Mask as IE'. Works like a charm. Opera on Ubuntu.

Tried that even with mask as firefox, didn't work =(

smartin0115 said,

Ha... Opera needs a function to pretend it's IE... that's just funny.


Um its called useragent switching, and other browsers have it too.

SierraSonic said,
I like everything but the purposely cut off icons, if it doesn't need to be cut off, why cut it off?

Its the basic Metro UI design. I love it.

SierraSonic said,
I like everything but the purposely cut off icons, if it doesn't need to be cut off, why cut it off?

The cut off icons look nice when they are of a reasonably large size such as on the IE9 Back button or those in the lower-right of the new homepage. It doesn't work as well at small sizes such as those 3 buttons in the middle of the page. But that's just my opinion.

SierraSonic said,
I like everything but the purposely cut off icons, if it doesn't need to be cut off, why cut it off?

I didn't even notice it until you pointed it out. But its not that bad anyway!

I know why they do it, I'm just saying why do it anyway? If there is enough room for the whole icon, why not use it?
I understand on a phone, cutting off the words/symbols slightly makes sense, the screens are small enough where you should save as much room as possible. On a desktop monitor with a high resolution of 1024x768 or higher, it just looks like an out of place, cut off icon, kind of like when a person new to programming fails to align a UI properly.

TL:DR - Metro Bad for Desktops, Ribbonish/Chromeish UI's are Good.

SierraSonic said,
TL:DR - Metro Bad for Desktops, Ribbonish/Chromeish UI's are Good.

Don't agree with you there, bud.

Office Ribbon UI is definitely Not good for content websites. I saw Office.com used to do that on the launch of Office 2007, and it feels like they were just "forcing the Ribbon" into it.

Thank God they went back to regular web menus. http://office.microsoft.com/

Metro on the Desktop: You have to see the Zune Software, Windows Live Messenger 2011, Windows Media Center, and Silverlight PivotViewer Control -- Excellent Examples of how Metro should be on the Desktop/Large Screens.

Should of been more clear. Metro sucks for everything but mobile. Ribbon+Chromeish UI FOR PROGRAMS, and something that isn't either for websites.