Many applications have some common user interface patterns that are ideal for particular types of actions or content. Learn about these common approaches, their ideal applications, and how to utilize them in your interface design to create a great experience for your user.
- View Offline
- Designing a great universal Windows application…is not just about employing responsive design.…It's also about adopting common UI patterns…so that you are making the best experience possible…for the user.…We're going to walk through some common UI patterns…that you often see in applications.…The active canvas is a common UI pattern…that is used when you want to have an area of focus…for the user where you might have a toolbar or toolset…that affects that area of focus.…
A great example of this is a reader app…or even a photo editing app…where any of that tooling tends to be at the bottom…or around it.…It's not taking away from the content,…and by using those tools,…you're affecting that content area,…therefore the active canvas.…The master/details is also a common UI pattern.…Typically, you have on the left your master,…which is often a list of items,…and then on your right you have your viewing area,…which is going to be your details area.…So as you select something on the left,…it's going to reflect the details of that particular item…
Watch to gain an understanding of the Universal Windows Platform and the application life cycle. Learn to create adaptive layouts with WinJS controls. Discover how to store and share data, capture a variety of input, and explore the unified Microsoft-specific APIs: Windows Core and Geolocation. Stacey Mulcahy, a Windows evangelist, provides developers with everything they need to start building Universal Windows apps and break into cross-device development.
- Setting up your development environment
- Coding in WinJS
- Creating page objects
- Animating page transitions
- Implementing responsive design principles and UI patterns
- Working with layout controls
- Using APIs: Windows Core and Geolocation
- Saving and reading data