Windows 8 UX Fundamentals – Virtual Training

Windows 8 represents an unprecedented opportunity for designers and creative agencies as leading brands, businesses and app publishers around the world are beginning to re-imagine their experiences and differentiate themselves on Windows 8. The fastest way to get ready for Windows 8 is to learn about User Experience and Design from the team that built the platform.  The Windows team would like to extend an exclusive invitation to this online training session on June 14th 2012.

The goal of the training is to give designers a solid understanding of how to design great Windows 8 apps that leverage the full capabilities of the platform and follow the UX guidelines. After this training, you’ll understand the tenants of a great app, how to think about information architecture as well as best practice for designing flexible layouts, touch and how to leverage contracts and much, much more.

Let’s attend to this Windows 8 UX Fundamentals virtual training while you stay up for the Euro 2012!

Event Details:

Dates & Times

June 14th / 8.50am – 5.45pm PST


Online Training

Registration Link

Target Audience

UX Designers, Visual Designers, Creative Leads, Creative Directors, Developers, Product Designers etc.


Training will be conducted by members of the Windows 8 UX team and other experts who have been working on the platform designing great apps.

Length of course

1 day



Time (PST)





Welcome, agenda and goals for the day


Metro style design

Metro style design has a set of five guiding principles to help you make the best choices when designing your app. These principles are the foundation for building great Metro style apps. Consider these principles as you plan your app, and always ensure your design and development choices live up to these principles.


Commanding, Information Architecture &  Navigation

You have several surfaces you can place commands and controls on in your Metro style app, including the app window, pop-ups, dialogs, and bars. Choosing the right surface at the right time can mean the difference between an app that’s a breeze to use and one that’s a burden.





Designing for Touch, Mouse, Keyboard

Windows 8 provides a concise set of touch interactions used consistently throughout the system. Applying this language consistently makes your app feel familiar to what users already know. This increases user confidence by making your app easier to learn and use.






Purposeful, well-designed animations bring apps to life and make the experience feel crafted and polished. Help users understand context changes, and tie experiences together with visual transitions.

Standard animations from library and appropriate use.


Designing for view states

Learn about designing for different view states including Snapped, Filled, Full, and Portrait views


Designing apps with adaptive layouts in Windows 8 & thinking beyond the 9" display

Users want to use your app while they chat, surf the web, or play a game so making your snapped view useful and maintain context when going between snapped and unsnapped views is very important. Windows also runs great across multiple form factors and screen resolutions so understanding what to do with more screen real estate can make a big difference to a user’s experience.





Using contracts

Contracts are the glue that binds Metro style apps together and to the system UI. Two apps that have implemented the same contract can work together to complete a broad or complex scenario. In this session we explore the various Contracts available in Windows 8 including Share, Search, Settings and Picker Extension.


Connected and alive

In this session we’ll learn how to design a great tile, the front door to your app. A good live tile design can help increase engagement and keep your users coming back for more. We’ll also explore Toast Notifications and when you should use them to get the user’s attention.


Anatomy of an App:
Case Study

In this session we’ll walk through designing an app based on an app from another platform/website.


Wrap up


Preparation for the course

To get ahead in your learning, we recommend you immerse yourself in the Windows 8 Design Portal at where you will find UX Guidelines, UX Patterns, designer assets and much more.

We also recommend the following online sessions posted from our Windows 8 conference in September 2011.

· 8 traits of great Metro style apps

· Designing Metro style: principles and personality

· Designing Metro style apps that are touch-optimized

· Reach your customers’ devices with one beautiful HTML5 user interface

· Metro style apps using XAML: make your apps shine

· Create Metro style apps quickly with built-in controls

· Build polished collection and list apps using XAML

· Stand out with styling in your HTML application

· Stand out with styling in your XAML app

· Make great Metro style apps that are touch-optimized using HTML5

· Bring apps to life with Metro style animations in HTML5

· Make great touch apps using XAML

· A deep dive into Expression Blend for designing Metro style apps using HTML

· Bring pen and touch input to your Metro style apps with ink

· Building great Metro style gallery apps today

· Using tiles and notifications

· Building beautiful and interactive apps with HTML5 & CSS3

· Designing Metro style apps using CSS3

· Building polished collection and list apps in HTML5

· Build data-driven collection and list apps using ListView in HTML5

· Create reusable custom Metro style controls

· Reach a worldwide audience by building a world-ready app

· Reaching more customers with accessible Metro style apps in HTML5

· Build assistive technologies for Windows 8

Comments (3)

  1. Papy Normand says:

    I am an old developer/DBA and for me UX = Unix . I would suggest to change this UX to another thing to avoid to hear howlings like for the new Visual Studio 11.

    Metro : it is beautiful but i think it is useless for huge applications for banks or industrial companies. I am borrred by all these articles about Metro which will not be used by big companies before 10 years. I think that there are many things to better in the .Net Framework , Do better .Net Framework and Visual Studio before, it would be more useful and clever.

    A last question : have you thought that Windows could be a new Windows Me ?

  2. Eric Truter says:

    Flawed response. You are one in a million that need to state something on a forum that is of no direct concern to the topic being discussed.

    UX is not a Microsoft terminology, neither did Microsoft state that it will patent the term as it's own. Do a Bing / Google / Yahoo! search for "UX" and find any reference to Unix on the first page for me…

    No Windows 8 is not Windows Millennium Edition. Windows 8 brings an entirely new idea from within Microsoft to sync devices, regardless of those, whenever and wherever you might be. The world is changing, technology and the ideals from old no longer holds value, and companies such as Microsoft is opting to move along with these changes, the world is becoming disconnected and mobile and more and more businesses are feeling this lack of growth.  The purpose of Windows 8 is to bridge the gap between connected, single-state business models and the growing need to be everywhere at once. Think about it, contemplate your response carefully and then respond.

  3. Papy Normand says:

    Oh , Eric, after having read your reply, i have to tell you : it's the 1st time i see someone explaining with few words , in a clear and simple way, what is the aim of Windows 8.  Good point for you, it's why i will change the rating of your article.

    For comparision between Windows versions, 2000 : good , Me : a disaster, XP : good, Vista : bof, Windows 7 : very good. For Windows 8 : ? ( since 200 one good version, the next one bad ).Maybe, Windows 8 will be the exception to the rule. I am fond of Microsoft and i would prefer that Microsoft goes wrong )

    About Metro, it could be a marvellous product, but , is it sure that it will be ready ( fully ) for the release of Windows 8 ?  I am using the VS 11 Express editions and upto this week, , they were announced as not supporting Windows forms. All these changes make me really anxious and nervous.

    Anyway, i hope that the announced sessions will be a success ( and i am sincere ). But they will not be for me ( difference of time … between Seattle and Paris , sorry )