The Story of the New Microsoft.com

The real story is their ability to condense the page down to just the essentials which was achieved by concentrating the decision power to a small, capable team, as opposed to a committee of stakeholders. Microsoft has more teams than most other companies who would all like to see their project featured on the homepage. It also has to serve a diverse set of customers who want to buy or need support for any one of their dozens of products. Next time I need to download a Windows driver or skype I'll start my search at Microsoft.com instead of Google.

I always been a huge fan of simplicity in web design. I think for such a huge company, they nailed it.

I know a lot of designers have taken shots at this design, but its not for them - its for the users:

"For the Microsoft.com team to take a calculated risk and pour their understanding of their users into a cleaner, smarter, and modern page, the change had to start with the the source of the, and in my opinion every, problem: People."

Hmmm. The reviews where positive? All designers I know posted on Facebook and elsewhere (I'll try to find the launch thread here on HN which was not very positive either) things like 'He! MS bought a Themeforest theme!' and such. I quite like it I must say, especially the responsiveness (I had to go to some MS service on my Android S2 and actually it looked nice and worked well). But overwhelming positive? Not in the press I read (which has a lot of designers & coders & tech minded people).

The navigation menu is technically really clean and easy to move through. Problem is: click on a link and it's gone.

This nav/subnav system suggests hierarchy, like it's a snapshot of the sitemap. But what it actually is, is a portal. A simple portal to external dedicated websites to almost all their products.

Microsoft has 2 options:

  1. make one huge consistent website for all their products
  2. make microsoft.com look like what it really is: a portal

It's really confusing.

His blog design is so responsive. Thats great. But the images get cropped to the width of the screen making it impossible to read the content on WP7:-/

My takeway: Building a good responsive webpage requires significantly more engineering resources and expertise than most people have access to. Just to accomplish one responsive page required a team of engineers experienced in the full front-end stack along with industry experts to lead them.

What if in the near future only large businesses like Microsoft will have the resources to produce responsive websites? What does this mean for small lean startup teams?

Oh good, now it only takes 24 people to design and implement a page with 'proper' HTML 4/5 + CSS 1/2/3 + JS that is 'responsive'.

I stopped reading A List Apart when it became rather apparent that they either delight in adding more tedious work to a web designers check-list, or just truly seem to think every project needs this many people working on it (or someone with insane mental capacity that can actually do half the stuff they recommend).

The mental overhead involved in modern web design automatically precludes the vast majority of either normal folks, or companies not big enough to have 24 people make a web page.

When we can reduce the effort needed to do this properly, then it'll be worth giving people a pat on the back. Not when it takes 24 people to make a page that works properly on a few devices.

the homepage is beautiful. huge step forward in both design aesthetics and marketing clarity. congrats to all involved.

but as far as i can tell, only the homepage is responsive. this is terrible. i understand that mountains must be moved in order for the full microsoft.com site to change to a single responsive layout, but in the meantime this may actually be a step backward in terms of mobile usability. users are going to be confused as hell navigating through from responsive to desktop and back again.

it's a little premature to celebrate a responsive victory.

The beauty appears to be only skin deep. All the 1st level links I followed led to a totally different aesthetic.

As far as I can see, Microsoft.com is an improvement on a single page. I would be far more impressed if the changes extended across the site.

I like the design, and the story of what went into it, but I'm curious about the QA of this thing for all regions.

In the Canadian region:

1. There are typos (Under Products hover, "Business Solutions" heading, there's a link "Microsoft in the [sic] eneterprise").

2. There are 404s (Under Products hover, "See all products" goes to a 404 page).

Just seems rather amateurish for such a big website, but then again, Canada is only the population count of California.

When they rolled out their new logo, and the new site, people were surprised to learn that the old logo was 25 years old. It didn't look 25 years old, and it stuck around because it never looked dated like their other logos.

Now I'm afraid their new logo and branding is repeating the same mistake as their old ones. It looks like a 2012 logo now, and in ten years it will really look like a 2012 logo.

I really don't see how this design is any good. It's indeed better than their older designs. And how can anybody classify a design as being good when the central pieces of it are stock photos with a cheap feel and that just take up space?

I mean what's up with that girl on the front page, holding a butt ugly big and old laptop? Or the fellows who climb a mountain, which is somehow representative of Visual Studio - could they have picked a worse or less representative clique?

And of course, in every design I've ever seen on Microsoft.com showing people that look as if they are on crack while holding a laptop, it's mandatory for them to show at least one black/interracial dude at all times, even if the pictures are auto-rotating. Not that I have a problem with that, but they are so consistent in this policy that it reeks of design by committee and corporate policies.

Compare this to Apple.com ... one big picture of their newest product, one big title, clear as crystal top menu, 3 thumbnails of videos, either to keynote speeches, promos or Jonathan Ive.

Treating execution (engineering) like a small treat and highlighting "ideas" (the marketing team) as the main goal is a bad idea.

Execution (as in engineering) is the art.

As someone once said: "It's not an algorithm. It's not "idea" in, "product" out."

First problem is this;

"An engineering team implements the actual solutions that are designed by a group of marketers and designers; among other things, Pita's team oversees the proper execution of the projects."

Get rid of the different teams. Hire engineers that know marketing/copy writing and design. And get rid of the "management" and "overseeing" portions. If you're not executing, you're not doing.

Best quote. "Oh good, now it only takes 24 people to design and implement a page with 'proper' HTML 4/5 + CSS 1/2/3 + JS that is 'responsive'."

The new microsoft.com. I went through the hover menu and went for "See all products". Then instead of showing me the page I asked for, it asked me to sign up, with no way to go back.

I went back and tried again. Impossible to access the page I requested without signing up.

Too bad. I've been a happy Linux user for the past 10 years but I'm always curious about what others have to offer. They don't want me to see, fine. Sorry Microsoft, I won't sign up, I won't see your product, and you lost me again for the next 10 years.

Just as you did with the new outlook.com, by asking me to either {0} [1] or give my phone number.

[1] http://i.imgur.com/auM4J.png

There was an article on front page just few days ago regarding banner blindness for scrolling carousel style content. HN gives conflicting views.

A decade ago when I studied usability, we were taught Geert Hofstede's Cultural Dimensions, and how we should design a UI that is appropriate for users in specific locations.

I would like to understand what process followed when designing the new site that will be accessed by anyone in the world. Did the project team do User Experience testing? If there was testing, did this happen at local office level?

Responsive design is the crack of the web design/development community right now.

Images that look like crap, and layouts that only work some of the time isn't normal... but with responsive designs it is.

I don't know what the answer it. But I know responsive design isn't it. Or at least, it's not the answer we should settle for.

It's a good thing Microsoft has patented non-rounded rectangles. They should get right after Apple as soon as they can find any on Apple's site.

people seem to be discussing the new site, but what i liked about the post was the really good write up on the team dynamics involved in the site redesign. it sounds significantly more functional (non-dysfunctional?) than most stories coming out of microsoft.

still sucks.

The story of the new Microsoft.com would be better if I could find what I am looking for in their MSDN documentation without it going something like this: Click link to find out about topic, 10 more links, click another link, 20 more links come up, etc. It's one big cluster f

Is Microsoft.com working on everything or is it like MSN.com that will only work in Windows 8 and IE10?

Congratulations, Microsoft: your site looks like every other site from 2004.

Simplicity isn't a theme you can apply, it's a philosophy. Simplicity, like "minimalism", is thrown around a lot, but it starts at the core and extends outwords. It is not a re skinning.

Apple.com is simple. Google.com is simple. Microsoft.com pretends to be simple. Clearly, most of you are fooled way too easily.