Craft a better user experience by employing animation to notify the user of an interface change. We'll explore how we can leverage animation from the WinJS framework to create transitions between item that look and feel like a native Windows experience.
- View Offline
- [Voiceover] We've used WinJS.Navigation…to load a page.…And we've seen how to capture that navigation event…but it just kinda pops on.…What if we wanna animate between our transition…between pages?…And so, we can look to the WinJS.UI.Animation Library.…Now animations can be a great interface technique…that can be used to communicate events…such as change or focus.…It's important when creating experiences…that are going to be deployed on data platform…to embrace or remain consistent with the statics…and design of that platform.…
That includes animation.…If your animation is just a little bit off…from what the data platform has,…it might feel off to a user.…Often users were just going to say,…"It doesn't feel right."…The WinJS UI Animation helps you easily animate…elements or even pages.…It provides a variety of common interface animations…such as animating pages, elements,…swipe to reveal, sliding in from the side.…You can use all this to animate in or out elements…and even provide an offset or delay,…so if you want to create one of those waterfall effects.…
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