Creating a UI (JavaScript)

Learn how to choose the right UI surfaces for your Windows Store app, how to layout your app, how to add controls and content for you app's UI. You can also learn how to create live tiles, the face of your app on the Start screen.

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

• Planning Windows Store apps
• Design patterns for Windows Store apps

Create a great user interface for your Windows Store app

After you understand the common design patterns for Windows Store apps, you're ready to get started creating your UI:

• Defining layouts and navigation
• Adding controls and content

Then, give your UI personality and impact:

• Animating your UI
• Adding search
• Adding app settings
• Adding app help

Be sure you make a great first impression:

• Working with tiles, badges, and toast notifications
• Adding a splash screen

Related topics

Detailed UX guidelines for Windows Store apps

Roadmap for Windows Store apps using JavaScript

Build date: 12/7/2012