Transitions refer to users moving between screens, typically by swiping.
Transitions must allow users to navigate across related categories on a single page by selecting category tabs (Material.io).
Swipe gestures must allow user access across the related categories, such as moving between patient, ward or consultant lists.
Transitions must move users from general to more detailed information, and return to general level, such as moving from patient general information to additional patient information, and back.
Avoid transition animations being too fast or too slow (Material.io):
- Transitions should not be faster than 100ms
- Transitions should not be slower than 300ms
Transitions must allow the user to reveal more detailed information by going from a parent component to a child component, and reinforcing that the components are related (Material.io).
The user must be able to minimise child components and return to the parent component (original state): for example, when viewing additional patient information.