Navigation transitions use motion to guide users between screens in an application. This movement helps users orient themselves by expressing the application's hierarchy and visually indicating how different interface elements relate to one another.

Google

University of Michigan - Ann Arbor

"Navigational transitions occur when users move between screens, such as from a home screen to a detail screen."

They help users understand the hierarchy and relation to the surfaces on the interface. 

-  Navigation and motion
-  Hierarchy

Navigation Transitions

Motions can draw people's attention to the desired area of a page or design through animations such as transition. 

Motion in UI Design

Hierarchical transitions are used to demonstrate that the user is moving up or down a level in the application. This can also demonstrate a parent-child relationship between surfaces. Parent surfaces have a higher level of hierarchy. 

Hierarchical Transitions

"Peer transitions occur between screens at the same level of hierarchy." Two kinds of peer transition are sibling transitions and top-level transitions.

Peer Transitions

Motion in Navigation Transitions

Enables a more immersive experience for apps by minimizing how much the system draws over app content 

Learn Before

Related