Defining layouts and navigation (HTML)

[ This article is for Windows 8.x and Windows Phone 8.x developers writing Windows Runtime apps. If you’re developing for Windows 10, see the latest documentation ]

Learn how to layout your app and support navigation.

Before you begin  Be sure you've downloaded your design assets for Windows Store apps and read these design patterns:

In this section

Topic Description

Laying out your UI

Learn about the basic UI layout of Windows Store apps, including which UI surface to use for adding buttons, popping up messages and menus, and showing errors.

Laying out an app page

Learn how to layout a single app page by using the grid to adhere to the Windows 8 silhouette.

Defining layouts and views

Learn how to support different views and layouts.

Supporting navigation

Learn how to support navigation in your app.


Detailed UX guidelines for Windows Store apps

Roadmap for Windows Store apps using JavaScript