Connected Animations Create seamless page transitions in the Fall Creators Update Steven Moyes Program Manager – User Experience Platform

12/4/2018 5:00 PM Agenda What are connected animations? Creating a simple connected animation Choreographing animations to create a seamless transition © 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

What are connected animations? Graceful scene transitions that maintain context and provide continuity. In a connected animation, an element appears to "continue" between two views during a change in UI content. Connected animations help emphasize common content between views, and can be coordinated with other animations to create beautiful and dynamic page transitions.

Demo Vacation Tracker App Steven Moyes Program Manager – User Experience Platform

Resources https://fluent.microsoft.com/ https://docs.microsoft.com/en-us/windows/uwp/style/connected-animation