Windows User Experience Interaction Guidelines?

Question

Is there any preliminary documentation available for this?

I'm specifically wondering about guidelines for button sizing, margins, etc when developing Metro UI.

For reference, the Win7 guidelines are located at http://msdn.microsoft.com/en-us/library/aa511258.aspx

Answer 1

Hi Craig,

Here are general guidelines:

http://msdn.microsoft.com/en-us/library/windows/apps/hh464920

Use the templates provided with Visual Studio for the Metro feel!  Guidelines on Metro style apps etc...

http://channel9.msdn.com/Events/BUILD/BUILD2011/BPS-1004 - I recommend watching the entire presentation.  The first section (Metro style design) discusses layout.  Later on he around 19 it talks about placement of items.

You can also create a default HTML Grid app and open in Expression to see what CSS rules are applied to the elements, or a C# or VB Grid app to see positioning in the XAML.

Documentation is still being published on may topics and stay tuned for more as we go through this Developer Preview!

-Jeff

---

Jeff Sanders (MSFT)

Answer 2

I too am interested in these detailed design guidelines.

How are they going to be published? One big document like the Windows 7 guidelines mentioned above?

Where are they going to be published, and how can we elect to get notified when they do get published? Or, what link can we visit periodically to check and see if they are published?