Updated: March 20, 2023

Animation

Intro

The SAP Fiori for iOS apps use four different types of transitions:

  • Push
  • Modal
  • Zoom In / Out
  • Dissolve

Push

The Push transition eases a new screen element onto the display from the side while sliding out the prior screen to the opposite side. Push transition is typically used for a drill down navigation.

Push transition
Push transition

Modal

Modal transitions are used to present users with one or more tasks to be completed. In this transition, a new window slides up from the bottom of the screen, covering the content below. Modal windows typically ask users to complete or cancel a specific task before the user can resume taking other actions.

Modal transition
Modal transition

Zoom In / Out

The Zoom In / Out transition is mainly used to make images or documents larger to allow users to see them in more detail.

Zoom in and zoom out transition
Zoom in and zoom out transition

Dissolve

The Dissolve transition involves gently fading between two screens. It is recommended when enabling and closing an edit mode.

Dissolve transition
Dissolve transition